diff --git a/.gitignore b/.gitignore index 6d08ce5..4bedb92 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,7 @@ .DS_Store node_modules/ *.map +docs/ # local env files .env.local .env.*.local diff --git a/README.en-US.md b/README.en-US.md new file mode 100644 index 0000000..78bd6b8 --- /dev/null +++ b/README.en-US.md @@ -0,0 +1,551 @@ +# vue-aliplayer-v2 + +English | [简体中文](./README.md) + +A Vue 3 wrapper for the Aliyun Web Player Aliplayer SDK. v2 is rebuilt with Vue 3, TypeScript, and Vite. It supports URL playback, VID + PlayAuth, STS credentials, live streams, low-latency FLV, automatic format inference, License injection, extension component scripts, multiple player instances, and common player instance methods. + +> v2 no longer supports Vue 2. For Vue 2 projects, keep using `vue-aliplayer-v2@1.x`. + +## Demo + +- Project demo: https://langyuxiansheng.github.io/vue-aliplayer-v2/ +- Official Aliplayer demo: https://player.alicdn.com/aliplayer/index.html +- Official integration guide: https://help.aliyun.com/zh/vod/developer-reference/integration + +## Features + +- Vue 3 component and plugin installation via `app.use(VueAliplayerV2, options)`. +- TypeScript exports for props, options, events, player instances, and exposed ref methods. +- Loads Aliyun `imp-web-player` SDK 2.37.0 by default, with custom CSS/JS URL support. +- Supports `source` URLs, `options.source`, VID + PlayAuth, and STS credential playback. +- Infers `mp4`, `m3u8`, `flv`, `mp3`, and `rtmp` formats from source URLs. +- Adds an optional low-latency preset for FLV live streams. +- Supports License config for newer Aliplayer Web SDK versions. +- Supports multiple player instances while loading the SDK assets only once. +- Loads extra component scripts before player initialization for playlists, watermarks, marquees, and other Aliplayer extensions. +- Provides an optional blocker for known tracking requests. + +## Installation + +```bash +npm install vue-aliplayer-v2 +``` + +```bash +yarn add vue-aliplayer-v2 +``` + +```bash +pnpm add vue-aliplayer-v2 +``` + +## Quick Start + +### Global Registration + +```ts +import { createApp } from 'vue'; +import App from './App.vue'; +import VueAliplayerV2 from 'vue-aliplayer-v2'; + +const app = createApp(App); + +app.use(VueAliplayerV2, { + sdkVersion: '2.37.0' +}); + +app.mount('#app'); +``` + +```vue + +``` + +### Local Import + +```vue + + + +``` + +## Plugin Options + +`app.use(VueAliplayerV2, options)` sets global defaults. Component props with the same names override these defaults per instance. + +```ts +app.use(VueAliplayerV2, { + sdkVersion: '2.37.0', + cssLink: 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.37.0/skins/default/aliplayer-min.css', + scriptSrc: 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.37.0/aliplayer-min.js', + componentScripts: ['/aliplayer-components/watermark.js'], + disableTracking: false, + trackingUrlPatterns: ['newplayer/track'] +}); +``` + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| `sdkVersion` | `string` | `2.37.0` | Aliyun Web Player SDK version. Used to generate official asset URLs when `cssLink` or `scriptSrc` is not provided. | +| `cssLink` | `string` | Official 2.37.0 CSS | Custom Aliplayer CSS URL. | +| `scriptSrc` | `string` | Official 2.37.0 JS | Custom Aliplayer JS URL. | +| `componentScripts` | `string[]` | `[]` | Extra component or business extension script URLs. | +| `disableTracking` | `boolean` | `false` | Enables the known Aliplayer tracking request blocker. | +| `trackingUrlPatterns` | `Array` | `['newplayer/track']` | URL fragments or regular expressions to block. | + +## Props + +| Name | Type | Default | Description | +| --- | --- | --- | --- | +| `source` | `string \| null` | `null` | Playback source URL. It has priority over `options.source`. Same-format changes prefer `loadByUrl`; cross-format changes recreate the player. | +| `options` | `AliplayerOptions \| null` | `null` | Raw Aliplayer initialization options. The component adds `id`, `source`, `license`, `format`, and low-latency defaults when needed. | +| `license` | `AliplayerLicense \| null` | `null` | Aliplayer License config. It has priority over `options.license`. | +| `autoFormat` | `boolean` | `true` | Infers `format` from `source`. | +| `lowLatency` | `boolean` | `false` | Enables the low-latency FLV live preset. | +| `normalizeSourceUrl` | `boolean` | `true` | Runs `encodeURI` on source URLs to handle Chinese characters, spaces, and other unencoded characters. | +| `forbidFastForward` | `boolean` | `false` | Prevents drag-to-fast-forward behavior. | +| `sdkVersion` | `string` | Global option | Overrides the SDK version for the current component. | +| `cssLink` | `string` | Global option | Overrides the CSS URL for the current component. | +| `scriptSrc` | `string` | Global option | Overrides the JS URL for the current component. | +| `componentScripts` | `string[]` | Global option | Extra scripts to load before initializing the current component. | +| `disableTracking` | `boolean` | Global option | Enables tracking request blocking for the current component. | +| `trackingUrlPatterns` | `Array` | Global option | Tracking URL rules for the current component. | + +## Common AliplayerOptions Fields + +`options` is passed through to the Aliplayer SDK, so official SDK fields can still be used. The package declares the common fields below and keeps an index signature for additional official or business fields. + +| Name | Type | Description | +| --- | --- | --- | +| `source` | `string` | Playback source URL. | +| `width` | `string` | Player width, for example `100%`. | +| `height` | `string` | Player height, for example `420px`. | +| `autoplay` | `boolean` | Whether to autoplay. | +| `isLive` | `boolean` | Whether the stream is live. | +| `format` | `string` | Source format, such as `mp4`, `m3u8`, or `flv`. | +| `license` | `AliplayerLicense` | Aliplayer License config. | +| `vid` | `string` | VOD video ID. | +| `playauth` | `string` | VOD PlayAuth token. | +| `authTimeout` | `number` | Playback URL validity duration in seconds. | +| `region` | `string` | STS media region, for example `cn-shanghai`. | +| `accessKeyId` | `string` | Temporary STS AccessKey ID. | +| `accessKeySecret` | `string` | Temporary STS AccessKey Secret. | +| `securityToken` | `string` | STS security token. | +| `components` | `unknown[]` | Aliplayer custom component config. | +| `enableStashBufferForFlv` | `boolean` | Whether FLV stash buffer is enabled. | +| `stashInitialSizeForFlv` | `number` | FLV initial stash size. | +| `rtsVersion` | `string` | RTS SDK version. | + +## Events + +The component forwards common Aliplayer events and adds `sdk-error`. + +| Event | Payload | Description | +| --- | --- | --- | +| `ready` | `unknown` | Player initialization completed. | +| `play` | `unknown` | Playback started. | +| `pause` | `unknown` | Playback paused. | +| `canplay` | `unknown` | Media can play. | +| `playing` | `unknown` | Media is playing. | +| `ended` | `unknown` | Playback ended. | +| `liveStreamStop` | `unknown` | Live stream stopped. | +| `onM3u8Retry` | `unknown` | M3U8 retry event. | +| `hideBar` | `unknown` | Control bar hidden. | +| `showBar` | `unknown` | Control bar shown. | +| `waiting` | `unknown` | Playback is waiting. | +| `timeupdate` | `unknown` | Playback time updated. | +| `snapshoted` | `unknown` | Snapshot completed. | +| `requestFullScreen` | `unknown` | Fullscreen requested. | +| `cancelFullScreen` | `unknown` | Fullscreen canceled. | +| `error` | `unknown` | Runtime player error. | +| `startSeek` | `unknown` | Seek started. | +| `completeSeek` | `unknown` | Seek completed. | +| `sdk-error` | `Error` | SDK CSS, JS, or extension script failed to load. | + +## Ref Methods + +Use `ref` to access exposed methods. + +```ts +playerRef.value?.play(); +playerRef.value?.pause(); +playerRef.value?.seek(30); +playerRef.value?.setVolume(0.8); +playerRef.value?.loadByUrl('//player.alicdn.com/video/aliyunmedia.mp4'); +playerRef.value?.requestFullScreen(); +playerRef.value?.retry(); +``` + +| Method | Description | +| --- | --- | +| `getPlayer()` | Returns the underlying Aliplayer instance. | +| `init()` | Loads the SDK and initializes the player. | +| `initPlayer()` | Creates a player instance with current props/options. | +| `reload(nextSource?)` | Reloads the player, optionally with a new source. | +| `retry(nextSource?)` | Business-friendly retry method after playback failure. | +| `play()` | Starts playback. | +| `pause()` | Pauses playback. | +| `replay()` | Replays from the beginning. | +| `seek(time)` | Seeks to a time in seconds. | +| `getCurrentTime()` | Returns current playback time. | +| `getDuration()` | Returns media duration. | +| `getVolume()` | Returns current volume. | +| `setVolume(volume)` | Sets volume. | +| `loadByUrl(url, time?)` | Switches source by URL. | +| `replayByVidAndPlayAuth(vid, playauth)` | Replays with VID + PlayAuth. | +| `replayByVidAndAuthInfo(...)` | Replays with MPS auth info. | +| `setPlayerSize(width, height)` | Sets player size. | +| `setSpeed(speed)` | Sets playback speed. | +| `setSanpshotProperties(width, height, rate)` | Sets snapshot options. The method name follows the SDK spelling. | +| `requestFullScreen()` | Enters fullscreen. | +| `cancelFullScreen()` | Exits fullscreen. | +| `getIsFullScreen()` | Returns fullscreen state. | +| `getStatus()` | Returns player status. | +| `setLiveTimeRange(beginTime, endTime)` | Sets the playable live time-shift range. | +| `setRotate(rotate)` | Sets video rotation. | +| `getRotate()` | Returns video rotation. | +| `setImage(image)` | Sets video mirror mode. | +| `dispose()` | Disposes the player. | +| `setCover(cover)` | Sets cover image. | +| `setProgressMarkers(markers)` | Sets progress markers. | +| `setPreviewTime(time)` | Sets preview duration. | +| `getPreviewTime()` | Returns preview duration. | +| `isPreview()` | Returns whether the player is in preview mode. | +| `off(eventName, handler)` | Removes a listener from the underlying player. | + +## Usage Examples + +### URL Playback + +```vue + +``` + +### VID + PlayAuth + +```vue + +``` + +`VID + PlayAuth` is an initialization mode, so `source` is not required. To switch after the player has been created, call: + +```ts +playerRef.value?.replayByVidAndPlayAuth(vid, playauth); +``` + +### STS + +```vue + +``` + +### FLV Live and Low Latency + +```vue + +``` + +When `low-latency` is enabled and the current source is FLV with `options.isLive = true`, the component adds: + +```ts +{ + enableStashBufferForFlv: false, + stashInitialSizeForFlv: 128 +} +``` + +You can override these values directly in `options`. + +### Live Time Shift + +```ts +playerRef.value?.setLiveTimeRange('2026/05/23 10:00:00', '2026/05/23 12:00:00'); +``` + +You can also pass official time-shift options during initialization: + +```vue + +``` + +### Multiple Players + +```vue + + + +``` + +v2 reuses SDK CSS/JS loading promises, so multiple players do not insert duplicate SDK tags for the same assets. + +### Custom Components and Marquees + +Aliplayer custom components often require extra scripts. Use `componentScripts` to load extension scripts before player initialization. + +```vue + +``` + +Playlist, watermark, marquee, and similar features depend on the Aliplayer custom component scripts you provide. + +### Forbid Fast Forward + +```vue + +``` + +This is implemented by watching playback progress and seeking back when a forward jump is detected. It is useful as a lightweight business restriction. Stronger anti-bypass requirements should be combined with server-side authorization, preview limits, or encrypted playback. + +### Retry After Failure + +Aliplayer error pages are rendered by the SDK itself. Business code can listen to `error` and call `retry()` or `reload()` for local recovery. + +```ts +function handleError() { + playerRef.value?.retry(); +} +``` + +### Optional Tracking Request Blocking + +```vue + +``` + +This only blocks URLs matching the configured rules and is intended as a wrapper-level fallback. In production, prefer official Aliyun settings, console-side configuration, or your own compliant analytics strategy. + +## SSR and Nuxt + +The Aliplayer SDK depends on browser `window` and DOM APIs. In SSR projects, render the player only on the client. For Nuxt: + +```vue + + + +``` + +## TypeScript + +The package entry exports these types: + +```ts +import type { + AliplayerEventName, + AliplayerInstance, + AliplayerLicense, + AliplayerOptions, + AliplayerV2Props, + VueAliplayerV2Expose, + VueAliplayerV2Options +} from 'vue-aliplayer-v2'; +``` + +## Migration + +### From 1.x to 2.x + +- v2 supports Vue 3 only and no longer keeps Vue 2 compatibility. +- The build toolchain is Vite, with ESM and UMD library outputs. +- Global registration now uses Vue 3 `app.use(VueAliplayerV2, options)`. +- Component refs should use `ref`. +- The default SDK path now uses Aliyun `imp-web-player` 2.37.0. +- New configs include `license`, `lowLatency`, `normalizeSourceUrl`, `componentScripts`, and `disableTracking`. +- For legacy Vue 2 projects, pin `vue-aliplayer-v2@1.x`. + +## FAQ + +### The player is not visible + +Make sure the player is rendered only in the browser and check the `sdk-error` event. Common causes include blocked SDK assets, missing License config, source CORS issues, and a container height of `0`. + +### The new SDK reports a License error + +Apply for a Web Player License in the Aliyun console and pass it through the `license` prop or `options.license`: + +```vue + +``` + +### URLs with Chinese characters or spaces fail to play + +`normalizeSourceUrl = true` runs `encodeURI` on source URLs by default. If your business code already encodes URLs, disable it explicitly: + +```vue + +``` + +### Should I update `source` or call `loadByUrl` when switching sources? + +For normal Vue usage, update `source`. The component handles same-format and cross-format changes. For imperative workflows, call `playerRef.value?.loadByUrl(url)`. + +## Local Development + +```bash +npm install +npm run dev +``` + +Type check: + +```bash +npm run type-check +``` + +Build the demo: + +```bash +npm run build +``` + +Build the library: + +```bash +npm run lib +``` + +## License + +[MIT](./LICENSE) diff --git a/README.md b/README.md index cb5194b..598dcf1 100644 --- a/README.md +++ b/README.md @@ -1,25 +1,47 @@ # vue-aliplayer-v2 -基于阿里云 Aliplayer SDK 的 Vue 3 播放器组件。可通过 Aliplayer 官方能力播放 mp4、m3u8、flv、直播流、加密点播、清晰度切换和直播时移等场景。 +[English](./README.en-US.md) | 简体中文 -> v2 从 Vue 3 + Vite 重构开始，不再兼容 Vue 2。Vue 2 项目请继续安装 `vue-aliplayer-v2@1.x`。 +基于阿里云 Web 播放器 Aliplayer SDK 的 Vue 3 播放器组件。v2 使用 Vue 3、TypeScript 和 Vite 重构，支持 URL 播放、VID + PlayAuth、STS、直播、低延迟 FLV、自动格式推断、License 注入、扩展组件脚本、多实例和常用播放器实例方法。 + +> v2 不再兼容 Vue 2。Vue 2 项目请继续安装 `vue-aliplayer-v2@1.x`。 ## 在线演示 -- 项目演示：https://langyuxiansheng.github.io/vue-aliplayer-v2/ -- 阿里云播放器演示：https://player.alicdn.com/aliplayer/index.html +- 项目 demo：https://langyuxiansheng.github.io/vue-aliplayer-v2/ +- 阿里云播放器官方演示：https://player.alicdn.com/aliplayer/index.html +- 阿里云播放器接入文档：https://help.aliyun.com/zh/vod/developer-reference/integration + +## 特性 + +- Vue 3 组件和插件安装方式，支持 `app.use(VueAliplayerV2, options)`。 +- TypeScript 类型导出，包含 props、options、事件、播放器实例和 ref 暴露方法。 +- 默认加载阿里云 `imp-web-player` SDK 2.37.0，也可以自定义 CSS/JS 地址。 +- 支持 `source` URL、`options.source`、VID + PlayAuth、STS 鉴权配置。 +- 自动识别 `mp4`、`m3u8`、`flv`、`mp3`、`rtmp` 播放格式。 +- FLV 直播低延迟预设，可按业务需要覆盖 stash buffer 配置。 +- 支持 License 配置，适配新版 Aliplayer Web 播放器要求。 +- 支持多播放器共存，SDK 资源只加载一次。 +- 支持额外加载自定义组件脚本，便于接入播放列表、水印、跑马灯等 Aliplayer 扩展。 +- 提供可选的已知 track 上报拦截能力。 ## 安装 ```bash -npm i vue-aliplayer-v2 +npm install vue-aliplayer-v2 ``` ```bash yarn add vue-aliplayer-v2 ``` -## 全局注册 +```bash +pnpm add vue-aliplayer-v2 +``` + +## 快速开始 + +### 全局注册 ```ts import { createApp } from 'vue'; @@ -29,17 +51,22 @@ import VueAliplayerV2 from 'vue-aliplayer-v2'; const app = createApp(App); app.use(VueAliplayerV2, { - // 默认使用阿里云 Web 播放器 SDK 2.37.0，新版 SDK 走 imp-web-player 资源路径 - sdkVersion: '2.37.0', - // 可选：覆盖完整 SDK 地址 - cssLink: 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.37.0/skins/default/aliplayer-min.css', - scriptSrc: 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.37.0/aliplayer-min.js' + sdkVersion: '2.37.0' }); app.mount('#app'); ``` -## 局部注册 +```vue + +``` + +### 局部引入 ```vue @@ -63,12 +91,22 @@ import VueAliplayerV2, { } from 'vue-aliplayer-v2'; const playerRef = ref(null); + const source = ref('//player.alicdn.com/video/aliyunmedia.mp4'); -const license = ref(null); + +const license = ref({ + domain: 'example.com', + key: 'your-license-key' +}); + const options = reactive({ autoplay: true, isLive: false, - useH5Prism: true + useH5Prism: true, + playsinline: true, + width: '100%', + height: '420px', + controlBarVisibility: 'hover' }); function handleReady() { @@ -78,114 +116,255 @@ function handleReady() { function handleError(error: unknown) { console.log('player error', error); } + +function handleSdkError(error: Error) { + console.log('sdk load error', error.message); +} ``` +## Vue 插件配置 + +`app.use(VueAliplayerV2, options)` 会设置全局默认值。单个组件传入同名 prop 时，会覆盖全局默认值。 + +```ts +app.use(VueAliplayerV2, { + sdkVersion: '2.37.0', + cssLink: 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.37.0/skins/default/aliplayer-min.css', + scriptSrc: 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.37.0/aliplayer-min.js', + componentScripts: ['/aliplayer-components/watermark.js'], + disableTracking: false, + trackingUrlPatterns: ['newplayer/track'] +}); +``` + +| 名称 | 类型 | 默认值 | 说明 | +| --- | --- | --- | --- | +| `sdkVersion` | `string` | `2.37.0` | 阿里云 Web 播放器 SDK 版本。未传 `cssLink` 或 `scriptSrc` 时用于生成官方资源地址。 | +| `cssLink` | `string` | 2.37.0 官方 CSS | 自定义 Aliplayer CSS 地址。 | +| `scriptSrc` | `string` | 2.37.0 官方 JS | 自定义 Aliplayer JS 地址。 | +| `componentScripts` | `string[]` | `[]` | 自定义组件或业务扩展脚本地址列表。 | +| `disableTracking` | `boolean` | `false` | 是否启用已知 Aliplayer 统计上报拦截。 | +| `trackingUrlPatterns` | `Array` | `['newplayer/track']` | 需要拦截的统计上报 URL 片段或正则。 | + ## Props | 名称 | 类型 | 默认值 | 说明 | | --- | --- | --- | --- | -| `source` | `string \| null` | `null` | 播放源。存在时优先于 `options.source`，变更后会调用底层 `loadByUrl` 动态切换。 | -| `options` | `AliplayerOptions \| null` | `null` | 透传给 Aliplayer 的配置项。 | -| `license` | `AliplayerLicense \| null` | `null` | Aliplayer License 配置，等价于 `options.license`，适配新版 SDK 要求。 | -| `autoFormat` | `boolean` | `true` | 根据 `source` 后缀自动补充 `format`，支持 `mp4/m3u8/flv/mp3/rtmp`。 | -| `lowLatency` | `boolean` | `false` | FLV 直播低延迟预设，会在 `isLive + flv` 时默认关闭 stash buffer。 | -| `normalizeSourceUrl` | `boolean` | `true` | 自动对非 ASCII 播放地址执行 `encodeURI`，处理中文文件名等 URL。 | -| `forbidFastForward` | `boolean` | `false` | 禁止拖拽快进。通过监听 `timeupdate` 回退到上次播放位置实现。 | -| `sdkVersion` | `string` | `2.37.0` | 生成阿里云 `imp-web-player` SDK 资源地址。 | -| `cssLink` | `string` | Aliplayer 2.37.0 CSS | 覆盖播放器样式地址。 | -| `scriptSrc` | `string` | Aliplayer 2.37.0 JS | 覆盖播放器脚本地址。 | -| `componentScripts` | `string[]` | `[]` | 额外加载自定义组件脚本，需在播放器初始化前加载。 | -| `disableTracking` | `boolean` | `false` | 可选拦截 Aliplayer 已知 track 上报请求。 | -| `trackingUrlPatterns` | `Array` | `[]` | 自定义需要拦截的 track URL 片段或正则。 | +| `source` | `string \| null` | `null` | 播放源 URL。存在时优先于 `options.source`。同格式变更优先调用 `loadByUrl`，跨格式变更会重建播放器。 | +| `options` | `AliplayerOptions \| null` | `null` | 透传给 Aliplayer 的初始化配置。组件会补充 `id`、`source`、`license`、`format` 和低延迟默认值。 | +| `license` | `AliplayerLicense \| null` | `null` | Aliplayer License 配置，优先级高于 `options.license`。 | +| `autoFormat` | `boolean` | `true` | 是否根据 `source` 自动推断 `format`。 | +| `lowLatency` | `boolean` | `false` | 是否启用 FLV 直播低延迟预设。 | +| `normalizeSourceUrl` | `boolean` | `true` | 是否对播放源执行 `encodeURI`，用于处理中文、空格等未编码地址。 | +| `forbidFastForward` | `boolean` | `false` | 是否禁止拖拽快进。 | +| `sdkVersion` | `string` | 全局配置 | 覆盖当前组件使用的 SDK 版本。 | +| `cssLink` | `string` | 全局配置 | 覆盖当前组件使用的 CSS 地址。 | +| `scriptSrc` | `string` | 全局配置 | 覆盖当前组件使用的 JS 地址。 | +| `componentScripts` | `string[]` | 全局配置 | 当前组件初始化前需要加载的扩展脚本。 | +| `disableTracking` | `boolean` | 全局配置 | 当前组件是否启用 track 拦截。 | +| `trackingUrlPatterns` | `Array` | 全局配置 | 当前组件的 track 拦截规则。 | -## Events +## AliplayerOptions 常用字段 -组件会透传常用 Aliplayer 事件： +`options` 会完整透传给 Aliplayer SDK，因此可以继续使用官方文档中的配置项。组件类型中内置了以下常用字段，并保留索引签名支持官方新增字段。 -```ts -ready -play -pause -canplay -playing -ended -liveStreamStop -onM3u8Retry -hideBar -showBar -waiting -timeupdate -snapshoted -requestFullScreen -cancelFullScreen -error -startSeek -completeSeek -sdk-error -``` +| 名称 | 类型 | 说明 | +| --- | --- | --- | +| `source` | `string` | 播放源 URL。 | +| `width` | `string` | 播放器宽度，例如 `100%`。 | +| `height` | `string` | 播放器高度，例如 `420px`。 | +| `autoplay` | `boolean` | 是否自动播放。 | +| `isLive` | `boolean` | 是否为直播。 | +| `format` | `string` | 播放格式，例如 `mp4`、`m3u8`、`flv`。 | +| `license` | `AliplayerLicense` | Aliplayer License 配置。 | +| `vid` | `string` | 点播视频 ID。 | +| `playauth` | `string` | 点播播放凭证。 | +| `authTimeout` | `number` | 播放地址有效时长，单位秒。 | +| `region` | `string` | STS 媒资地域，例如 `cn-shanghai`。 | +| `accessKeyId` | `string` | STS 临时 AccessKey ID。 | +| `accessKeySecret` | `string` | STS 临时 AccessKey Secret。 | +| `securityToken` | `string` | STS 安全令牌。 | +| `components` | `unknown[]` | Aliplayer 自定义组件配置。 | +| `enableStashBufferForFlv` | `boolean` | FLV 是否启用 stash buffer。 | +| `stashInitialSizeForFlv` | `number` | FLV 初始缓存大小。 | +| `rtsVersion` | `string` | RTS SDK 版本。 | -`sdk-error` 是组件额外事件，在 Aliplayer SDK 脚本加载失败时触发。 +## 事件 + +组件会透传常用 Aliplayer 事件，并额外提供 `sdk-error`。 + +| 事件名 | 参数 | 说明 | +| --- | --- | --- | +| `ready` | `unknown` | 播放器初始化完成。 | +| `play` | `unknown` | 开始播放。 | +| `pause` | `unknown` | 暂停播放。 | +| `canplay` | `unknown` | 可以播放。 | +| `playing` | `unknown` | 正在播放。 | +| `ended` | `unknown` | 播放结束。 | +| `liveStreamStop` | `unknown` | 直播流停止。 | +| `onM3u8Retry` | `unknown` | M3U8 重试事件。 | +| `hideBar` | `unknown` | 控制栏隐藏。 | +| `showBar` | `unknown` | 控制栏显示。 | +| `waiting` | `unknown` | 播放等待。 | +| `timeupdate` | `unknown` | 播放进度更新。 | +| `snapshoted` | `unknown` | 截图完成。 | +| `requestFullScreen` | `unknown` | 进入全屏。 | +| `cancelFullScreen` | `unknown` | 退出全屏。 | +| `error` | `unknown` | 播放器运行时错误。 | +| `startSeek` | `unknown` | 开始 seek。 | +| `completeSeek` | `unknown` | seek 完成。 | +| `sdk-error` | `Error` | SDK CSS、JS 或扩展脚本加载失败。 | ## Ref 方法 +通过 `ref` 可以访问组件暴露的方法。 + ```ts playerRef.value?.play(); playerRef.value?.pause(); -playerRef.value?.replay(); playerRef.value?.seek(30); -playerRef.value?.getCurrentTime(); -playerRef.value?.getDuration(); -playerRef.value?.getVolume(); playerRef.value?.setVolume(0.8); playerRef.value?.loadByUrl('//player.alicdn.com/video/aliyunmedia.mp4'); -playerRef.value?.getStatus(); playerRef.value?.requestFullScreen(); -playerRef.value?.cancelFullScreen(); -playerRef.value?.dispose(); -playerRef.value?.getPlayer(); +playerRef.value?.retry(); ``` -完整暴露方法包括： +| 方法 | 说明 | +| --- | --- | +| `getPlayer()` | 获取底层 Aliplayer 实例。 | +| `init()` | 加载 SDK 并初始化播放器。 | +| `initPlayer()` | 使用当前 props/options 创建播放器实例。 | +| `reload(nextSource?)` | 重载播放器，可传入新的播放源。 | +| `retry(nextSource?)` | 播放失败后的业务重试入口。 | +| `play()` | 播放。 | +| `pause()` | 暂停。 | +| `replay()` | 从头重播。 | +| `seek(time)` | 跳转到指定秒数。 | +| `getCurrentTime()` | 获取当前播放时间。 | +| `getDuration()` | 获取视频总时长。 | +| `getVolume()` | 获取音量。 | +| `setVolume(volume)` | 设置音量。 | +| `loadByUrl(url, time?)` | 使用 URL 切换播放源。 | +| `replayByVidAndPlayAuth(vid, playauth)` | 使用 VID + PlayAuth 重新播放。 | +| `replayByVidAndAuthInfo(...)` | 使用 MPS 鉴权信息重新播放。 | +| `setPlayerSize(width, height)` | 设置播放器尺寸。 | +| `setSpeed(speed)` | 设置播放倍速。 | +| `setSanpshotProperties(width, height, rate)` | 设置截图参数。方法名沿用阿里云 SDK 拼写。 | +| `requestFullScreen()` | 进入全屏。 | +| `cancelFullScreen()` | 退出全屏。 | +| `getIsFullScreen()` | 获取是否处于全屏。 | +| `getStatus()` | 获取播放器状态。 | +| `setLiveTimeRange(beginTime, endTime)` | 设置直播时移可播放范围。 | +| `setRotate(rotate)` | 设置视频旋转角度。 | +| `getRotate()` | 获取视频旋转角度。 | +| `setImage(image)` | 设置视频镜像。 | +| `dispose()` | 销毁播放器。 | +| `setCover(cover)` | 设置封面图。 | +| `setProgressMarkers(markers)` | 设置进度条打点。 | +| `setPreviewTime(time)` | 设置试看时间。 | +| `getPreviewTime()` | 获取试看时间。 | +| `isPreview()` | 判断是否处于试看状态。 | +| `off(eventName, handler)` | 取消监听底层播放器事件。 | + +## 使用示例 + +### URL 播放 + +```vue + +``` + +### VID + PlayAuth + +```vue + +``` + +`VID + PlayAuth` 是初始化配置，不需要再传 `source`。如果要在播放器创建后切换，可以调用： ```ts -getPlayer -init -initPlayer -reload -retry -play -pause -replay -seek -getCurrentTime -getDuration -getVolume -setVolume -loadByUrl -replayByVidAndPlayAuth -replayByVidAndAuthInfo -setPlayerSize -setSpeed -setSanpshotProperties -requestFullScreen -cancelFullScreen -getIsFullScreen -getStatus -setLiveTimeRange -setRotate -getRotate -setImage -dispose -setCover -setProgressMarkers -setPreviewTime -getPreviewTime -isPreview -off +playerRef.value?.replayByVidAndPlayAuth(vid, playauth); ``` -## 多播放器 +### STS + +```vue + +``` + +### FLV 直播和低延迟 + +```vue + +``` + +开启 `low-latency` 后，如果当前播放源格式为 `flv` 且 `options.isLive = true`，组件会默认补充： + +```ts +{ + enableStashBufferForFlv: false, + stashInitialSizeForFlv: 128 +} +``` + +如果业务需要其他缓存策略，可以直接在 `options` 中覆盖。 + +### 直播时移 + +```ts +playerRef.value?.setLiveTimeRange('2026/05/23 10:00:00', '2026/05/23 12:00:00'); +``` + +也可以在初始化时传入官方支持的直播时移配置： + +```vue + +``` + +### 多播放器 ```vue + + ``` -v2 的 SDK 加载器会复用同一份 CSS/JS 资源，多个播放器同时挂载时不会重复插入相同的 SDK 标签。 +v2 会复用相同的 SDK CSS/JS 加载 Promise，多实例挂载时不会重复插入同一份 SDK 标签。 -## License +### 自定义组件和跑马灯 -阿里云新版 Web 播放器 SDK 要求配置网站域名和 License Key。可以通过 `license` prop 或 `options.license` 传入： +Aliplayer 的自定义组件通常需要额外脚本。可以通过 `componentScripts` 保证扩展脚本在播放器初始化前加载。 ```vue -``` - -## VID + PlayAuth - -```vue - -``` - -`vid + playauth` 是初始化配置，不需要再传 `source`。如果要在播放器创建后切换，可以调用： - -```ts -playerRef.value?.replayByVidAndPlayAuth(vid, playauth); -``` - -## FLV/HLS/RTMP 说明 - -- FLV 直播请设置 `options.isLive = true`，组件会自动推断 `format: 'flv'`。 -- 开启 `low-latency` 后，FLV 直播默认使用 `enableStashBufferForFlv: false` 和 `stashInitialSizeForFlv: 128`，可在 `options` 中覆盖。 -- m3u8、flv、mp4 跨格式切换时，v2 会自动重建播放器；同格式切换优先调用 `loadByUrl`。 -- RTMP 在现代浏览器 H5 模式下不再可靠，建议服务端转 HLS/FLV/RTS。 - -## 自定义组件和跑马灯 - -Aliplayer 自定义组件需要额外加载组件脚本，然后通过 `options.components` 注入。组件提供 `componentScripts` 保证脚本在播放器初始化前加载： - -```vue - ``` -跑马灯、水印、播放列表等能力是否可用取决于所加载的 Aliplayer 自定义组件脚本。 +播放列表、水印、跑马灯等能力是否可用取决于你加载的 Aliplayer 自定义组件脚本。 -## 失败重试 +### 禁止快进 -播放器错误页属于 Aliplayer SDK 内部 UI。业务侧可以监听 `error` 后使用组件暴露的 `retry()` 或 `reload()` 做局部重试： +```vue + +``` + +该能力通过监听播放进度并回退异常快进行为实现，适合作为轻量业务限制。更强的防绕过需求应结合服务端鉴权、试看、加密播放等方案。 + +### 失败重试 + +播放器错误页属于 Aliplayer SDK 内部 UI。业务侧可以监听 `error` 后调用 `retry()` 或 `reload()` 做局部重试。 ```ts function handleError() { @@ -268,13 +439,101 @@ function handleError() { } ``` -## 开发 +### 可选拦截 track 上报 + +```vue + +``` + +该能力只拦截已知 URL 规则，属于 wrapper 层兜底方案。生产项目优先使用阿里云官方配置、控制台设置或合规的业务上报策略。 + +## SSR 和 Nuxt 说明 + +Aliplayer SDK 依赖浏览器环境中的 `window` 和 DOM。SSR 项目中请只在客户端渲染播放器，例如 Nuxt 中使用 ``： + +```vue + + + +``` + +## TypeScript + +包入口导出以下类型： + +```ts +import type { + AliplayerEventName, + AliplayerInstance, + AliplayerLicense, + AliplayerOptions, + AliplayerV2Props, + VueAliplayerV2Expose, + VueAliplayerV2Options +} from 'vue-aliplayer-v2'; +``` + +## 版本迁移 + +### 从 1.x 升级到 2.x + +- v2 仅支持 Vue 3，不再考虑 Vue 2 向下兼容。 +- 构建工具迁移为 Vite，库产物输出为 ESM 和 UMD。 +- 全局注册改为 Vue 3 `app.use(VueAliplayerV2, options)`。 +- 组件 ref 建议使用 `ref`。 +- 默认 SDK 升级为阿里云 `imp-web-player` 2.37.0 路径。 +- 新增 `license`、`lowLatency`、`normalizeSourceUrl`、`componentScripts`、`disableTracking` 等配置。 +- 旧项目如需继续使用 Vue 2 版本，请固定安装 `vue-aliplayer-v2@1.x`。 + +## 常见问题 + +### 播放器没有显示 + +先确认页面只在浏览器端渲染，并检查 `sdk-error` 事件。常见原因包括 SDK 地址被拦截、License 未配置、播放源跨域、容器高度为 0。 + +### 新版 SDK 提示 License 问题 + +请到阿里云控制台申请 Web 播放器 License，并通过 `license` prop 或 `options.license` 传入： + +```vue + +``` + +### URL 中有中文或空格播放失败 + +默认 `normalizeSourceUrl = true` 会对播放源执行 `encodeURI`。如果你的业务已经完成 URL 编码，可以显式关闭： + +```vue + +``` + +### 切换播放源时应该用 `source` 还是 `loadByUrl` + +普通 Vue 场景优先更新 `source`。组件会自动判断同格式和跨格式切换。命令式场景可以调用 `playerRef.value?.loadByUrl(url)`。 + +## 本地开发 ```bash npm install npm run dev ``` +类型检查： + +```bash +npm run type-check +``` + 构建 demo： ```bash @@ -284,13 +543,9 @@ npm run build 构建组件库： ```bash -npm run type-check npm run lib ``` -## 迁移说明 +## License -- v2 仅支持 Vue 3。 -- 入口从 Vue 2 插件模式迁移为 Vue 3 `app.use(...)`。 -- 组件 ref 需要通过 `ref` 使用。 -- 旧版本用户请安装 `vue-aliplayer-v2@1.x`。 +[MIT](./LICENSE) diff --git a/dist/assets/index-BwNqcy-4.css b/dist/assets/index-BwNqcy-4.css deleted file mode 100644 index 1591011..0000000 --- a/dist/assets/index-BwNqcy-4.css +++ /dev/null @@ -1 +0,0 @@ -.vue-aliplayer-v2[data-v-cf852d0d]{width:100%}*{box-sizing:border-box}body{color:oklch(24% .018 235);background:linear-gradient(oklch(97% .012 225),oklch(94% .018 210) 58%,oklch(95% .011 145));min-width:320px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}.demo-page[data-v-308d3b6d]{width:min(1500px,100vw - 32px);margin:0 auto;padding:22px 0 40px}.app-header[data-v-308d3b6d],.status-strip[data-v-308d3b6d],.player-panel[data-v-308d3b6d],.event-panel[data-v-308d3b6d],.config-panel[data-v-308d3b6d],.inspector[data-v-308d3b6d]{background:oklch(99% .006 225);border:1px solid oklch(84% .018 225);box-shadow:0 18px 48px oklch(40% .05 230/.1)}.app-header[data-v-308d3b6d]{border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.brand-block[data-v-308d3b6d]{gap:4px;display:grid}.version[data-v-308d3b6d]{color:oklch(40% .06 170);background:oklch(94% .045 165);border-radius:999px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:700}h1[data-v-308d3b6d],h2[data-v-308d3b6d],p[data-v-308d3b6d]{margin:0}h1[data-v-308d3b6d]{color:oklch(21% .02 235);font-size:26px;line-height:1.2}h2[data-v-308d3b6d]{color:oklch(25% .018 235);font-size:16px;line-height:1.3}.header-actions[data-v-308d3b6d],.transport[data-v-308d3b6d],.section-head[data-v-308d3b6d],.tabs[data-v-308d3b6d],.segmented[data-v-308d3b6d]{align-items:center;display:flex}.header-actions[data-v-308d3b6d],.transport[data-v-308d3b6d]{flex-wrap:wrap;gap:8px}.button[data-v-308d3b6d],.text-button[data-v-308d3b6d],.tabs button[data-v-308d3b6d],.segmented button[data-v-308d3b6d]{color:oklch(27% .02 235);cursor:pointer;background:oklch(99% .004 225);border:1px solid oklch(78% .024 225);border-radius:7px;min-height:36px;transition:border-color .18s ease-out,color .18s ease-out,background .18s ease-out,transform .18s ease-out}.button[data-v-308d3b6d]{padding:0 14px;font-weight:700}.button[data-v-308d3b6d]:hover,.text-button[data-v-308d3b6d]:hover,.tabs button[data-v-308d3b6d]:hover,.segmented button[data-v-308d3b6d]:hover{color:oklch(36% .1 170);border-color:oklch(59% .13 170)}.button[data-v-308d3b6d]:active,.text-button[data-v-308d3b6d]:active,.tabs button[data-v-308d3b6d]:active,.segmented button[data-v-308d3b6d]:active{transform:translateY(1px)}.button[data-v-308d3b6d]:disabled{cursor:not-allowed;opacity:.45}.primary[data-v-308d3b6d]{color:oklch(98% .006 170);background:oklch(48% .12 170);border-color:oklch(53% .13 170)}.secondary[data-v-308d3b6d]{background:oklch(97% .01 225)}.icon-button[data-v-308d3b6d]{min-width:72px}.text-button[data-v-308d3b6d]{color:oklch(39% .06 170);background:0 0;min-height:30px;padding:0 10px;font-size:12px;font-weight:700}.status-strip[data-v-308d3b6d]{border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:14px;display:grid;overflow:hidden}.status-strip article[data-v-308d3b6d]{background:oklch(98% .007 225);gap:6px;min-height:72px;padding:14px 16px;display:grid}.status-strip span[data-v-308d3b6d],.player-panel-head p[data-v-308d3b6d],.field span[data-v-308d3b6d],.switch span[data-v-308d3b6d],.log-list time[data-v-308d3b6d]{color:oklch(48% .025 235);font-size:12px}.status-strip strong[data-v-308d3b6d]{color:oklch(24% .02 235);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;line-height:1.2;overflow:hidden}.workspace[data-v-308d3b6d]{grid-template-columns:minmax(0,1fr) 430px;gap:16px;margin-top:16px;display:grid}.stage-column[data-v-308d3b6d]{gap:16px;min-width:0;display:grid}.player-panel[data-v-308d3b6d],.event-panel[data-v-308d3b6d],.config-panel[data-v-308d3b6d],.inspector[data-v-308d3b6d]{border-radius:8px;min-width:0}.player-panel[data-v-308d3b6d]{overflow:hidden}.player-panel-head[data-v-308d3b6d]{border-bottom:1px solid oklch(87% .016 225);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.player-panel-head>div[data-v-308d3b6d]{gap:4px;min-width:0;display:grid}.player-panel-head p[data-v-308d3b6d]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-frame[data-v-308d3b6d]{background:radial-gradient(circle at 0 0,oklch(83% .06 172/.2),#0000 30%),oklch(18% .015 235);min-height:460px;padding:14px;overflow:hidden}.player-frame.is-multiple[data-v-308d3b6d]{min-height:360px}.player[data-v-308d3b6d]{background:oklch(13% .014 235);border:1px solid oklch(30% .025 235);border-radius:7px;width:100%;min-height:430px;overflow:hidden}.player-grid[data-v-308d3b6d]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.player-grid .player[data-v-308d3b6d]{min-height:250px}.empty-player[data-v-308d3b6d]{color:oklch(87% .01 225);background:oklch(17% .014 235);border:1px dashed oklch(43% .025 235);border-radius:7px;align-content:center;place-items:center;gap:8px;min-height:430px;display:grid}.empty-player span[data-v-308d3b6d]{color:oklch(70% .018 225);text-overflow:ellipsis;white-space:nowrap;max-width:70ch;font-size:12px;overflow:hidden}.transport[data-v-308d3b6d]{border-top:1px solid oklch(87% .016 225);padding:12px 14px 14px}.lower-grid[data-v-308d3b6d]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;display:grid}.event-panel[data-v-308d3b6d],.config-panel[data-v-308d3b6d]{min-width:0;padding:16px}.section-head[data-v-308d3b6d]{justify-content:space-between;gap:12px;margin-bottom:12px}.log-list[data-v-308d3b6d]{gap:8px;max-height:290px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.log-list li[data-v-308d3b6d]{color:oklch(28% .02 235);background:oklch(97% .008 225);border:1px solid oklch(88% .014 225);border-radius:6px;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:10px;min-height:34px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:grid}.log-list span[data-v-308d3b6d]{overflow-wrap:anywhere;min-width:0}.muted-row[data-v-308d3b6d]{color:oklch(52% .02 235);font-family:inherit!important;display:block!important}.config-panel pre[data-v-308d3b6d]{color:oklch(88% .02 155);background:oklch(18% .018 235);border-radius:7px;max-height:290px;margin:0;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.inspector[data-v-308d3b6d]{align-self:start;max-height:calc(100vh - 28px);position:sticky;top:14px;overflow:hidden}.tabs[data-v-308d3b6d]{background:oklch(96% .01 225);border-bottom:1px solid oklch(87% .016 225);gap:6px;padding:10px}.tabs button[data-v-308d3b6d]{flex:1;min-width:0;padding:0 8px;font-size:13px;font-weight:700}.tabs button.active[data-v-308d3b6d],.segmented button.active[data-v-308d3b6d]{color:oklch(31% .09 170);background:oklch(93% .04 165);border-color:oklch(54% .12 170)}.panel-section[data-v-308d3b6d]{gap:16px;max-height:calc(100vh - 92px);padding:16px;display:grid;overflow:auto}.segmented[data-v-308d3b6d]{background:oklch(96% .01 225);border:1px solid oklch(86% .016 225);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.segmented button[data-v-308d3b6d]{background:0 0;border-color:#0000;font-weight:700}.field-grid[data-v-308d3b6d],.switch-grid[data-v-308d3b6d]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field[data-v-308d3b6d]{gap:6px;min-width:0;display:grid}.field input[data-v-308d3b6d],.field select[data-v-308d3b6d],.field textarea[data-v-308d3b6d]{color:oklch(24% .018 235);background:oklch(99% .005 225);border:1px solid oklch(78% .024 225);border-radius:7px;outline:none;width:100%;min-height:38px;padding:0 10px;transition:border-color .16s ease-out,box-shadow .16s ease-out}.field textarea[data-v-308d3b6d]{resize:vertical;min-height:90px;padding:10px;line-height:1.45}.field input[data-v-308d3b6d]:focus,.field select[data-v-308d3b6d]:focus,.field textarea[data-v-308d3b6d]:focus{border-color:oklch(55% .12 170);box-shadow:0 0 0 3px oklch(78% .09 170/.22)}.switch[data-v-308d3b6d]{background:oklch(98% .007 225);border:1px solid oklch(86% .016 225);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.compact-switch[data-v-308d3b6d]{min-width:112px}.switch input[data-v-308d3b6d]{accent-color:oklch(49% .12 170);width:18px;height:18px}.error-line[data-v-308d3b6d]{color:oklch(43% .13 28);background:oklch(95% .04 35);border:1px solid oklch(82% .06 35);border-radius:7px;padding:10px 12px;font-size:12px}@media (width<=1180px){.workspace[data-v-308d3b6d],.lower-grid[data-v-308d3b6d]{grid-template-columns:1fr}.inspector[data-v-308d3b6d]{max-height:none;position:static}.panel-section[data-v-308d3b6d]{max-height:none}}@media (width<=780px){.demo-page[data-v-308d3b6d]{width:min(100vw - 20px,740px);padding-top:10px}.app-header[data-v-308d3b6d]{flex-direction:column;align-items:stretch}.header-actions[data-v-308d3b6d],.transport[data-v-308d3b6d]{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.header-actions .primary[data-v-308d3b6d]{grid-column:1/-1}.button[data-v-308d3b6d],.icon-button[data-v-308d3b6d]{min-width:0;padding-inline:8px}.player-panel-head[data-v-308d3b6d]{flex-direction:column;align-items:stretch}.status-strip[data-v-308d3b6d],.field-grid[data-v-308d3b6d],.switch-grid[data-v-308d3b6d],.player-grid[data-v-308d3b6d]{grid-template-columns:1fr}.player-frame[data-v-308d3b6d],.player[data-v-308d3b6d],.empty-player[data-v-308d3b6d],.player-grid .player[data-v-308d3b6d]{min-height:260px}.tabs[data-v-308d3b6d]{overflow-x:auto}.tabs button[data-v-308d3b6d]{min-width:74px}} diff --git a/dist/assets/index-D3stZ_L4.css b/dist/assets/index-D3stZ_L4.css new file mode 100644 index 0000000..e64b051 --- /dev/null +++ b/dist/assets/index-D3stZ_L4.css @@ -0,0 +1 @@ +.vue-aliplayer-v2[data-v-eff69876]{width:100%}*{box-sizing:border-box}body{color:oklch(24% .018 235);background:linear-gradient(oklch(97% .012 225),oklch(94% .018 210) 58%,oklch(95% .011 145));min-width:320px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}.demo-page[data-v-eb79e5df]{width:min(1500px,100vw - 32px);margin:0 auto;padding:22px 0 40px}.app-header[data-v-eb79e5df],.status-strip[data-v-eb79e5df],.player-panel[data-v-eb79e5df],.event-panel[data-v-eb79e5df],.config-panel[data-v-eb79e5df],.inspector[data-v-eb79e5df]{background:oklch(99% .006 225);border:1px solid oklch(84% .018 225);box-shadow:0 18px 48px oklch(40% .05 230/.1)}.app-header[data-v-eb79e5df]{border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.brand-block[data-v-eb79e5df]{gap:4px;display:grid}.version[data-v-eb79e5df]{color:oklch(40% .06 170);background:oklch(94% .045 165);border-radius:999px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:700}h1[data-v-eb79e5df],h2[data-v-eb79e5df],p[data-v-eb79e5df]{margin:0}h1[data-v-eb79e5df]{color:oklch(21% .02 235);font-size:26px;line-height:1.2}h2[data-v-eb79e5df]{color:oklch(25% .018 235);font-size:16px;line-height:1.3}.header-actions[data-v-eb79e5df],.transport[data-v-eb79e5df],.section-head[data-v-eb79e5df],.tabs[data-v-eb79e5df],.segmented[data-v-eb79e5df]{align-items:center;display:flex}.header-actions[data-v-eb79e5df],.transport[data-v-eb79e5df]{flex-wrap:wrap;gap:8px}.button[data-v-eb79e5df],.text-button[data-v-eb79e5df],.tabs button[data-v-eb79e5df],.segmented button[data-v-eb79e5df]{color:oklch(27% .02 235);cursor:pointer;background:oklch(99% .004 225);border:1px solid oklch(78% .024 225);border-radius:7px;min-height:36px;transition:border-color .18s ease-out,color .18s ease-out,background .18s ease-out,transform .18s ease-out}.button[data-v-eb79e5df]{padding:0 14px;font-weight:700}.button[data-v-eb79e5df]:hover,.text-button[data-v-eb79e5df]:hover,.tabs button[data-v-eb79e5df]:hover,.segmented button[data-v-eb79e5df]:hover{color:oklch(36% .1 170);border-color:oklch(59% .13 170)}.button[data-v-eb79e5df]:active,.text-button[data-v-eb79e5df]:active,.tabs button[data-v-eb79e5df]:active,.segmented button[data-v-eb79e5df]:active{transform:translateY(1px)}.button[data-v-eb79e5df]:disabled{cursor:not-allowed;opacity:.45}.primary[data-v-eb79e5df]{color:oklch(98% .006 170);background:oklch(48% .12 170);border-color:oklch(53% .13 170)}.secondary[data-v-eb79e5df]{background:oklch(97% .01 225)}.icon-button[data-v-eb79e5df]{min-width:72px}.text-button[data-v-eb79e5df]{color:oklch(39% .06 170);background:0 0;min-height:30px;padding:0 10px;font-size:12px;font-weight:700}.status-strip[data-v-eb79e5df]{border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:14px;display:grid;overflow:hidden}.status-strip article[data-v-eb79e5df]{background:oklch(98% .007 225);gap:6px;min-height:72px;padding:14px 16px;display:grid}.status-strip span[data-v-eb79e5df],.player-panel-head p[data-v-eb79e5df],.field span[data-v-eb79e5df],.switch span[data-v-eb79e5df],.log-list time[data-v-eb79e5df]{color:oklch(48% .025 235);font-size:12px}.status-strip strong[data-v-eb79e5df]{color:oklch(24% .02 235);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;line-height:1.2;overflow:hidden}.workspace[data-v-eb79e5df]{grid-template-columns:minmax(0,1fr) 430px;gap:16px;margin-top:16px;display:grid}.stage-column[data-v-eb79e5df]{gap:16px;min-width:0;display:grid}.player-panel[data-v-eb79e5df],.event-panel[data-v-eb79e5df],.config-panel[data-v-eb79e5df],.inspector[data-v-eb79e5df]{border-radius:8px;min-width:0}.player-panel[data-v-eb79e5df]{overflow:hidden}.player-panel-head[data-v-eb79e5df]{border-bottom:1px solid oklch(87% .016 225);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.player-panel-head>div[data-v-eb79e5df]{gap:4px;min-width:0;display:grid}.player-panel-head p[data-v-eb79e5df]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-frame[data-v-eb79e5df]{background:radial-gradient(circle at 0 0,oklch(83% .06 172/.2),#0000 30%),oklch(18% .015 235);min-height:460px;padding:14px;overflow:hidden}.player-frame.is-multiple[data-v-eb79e5df]{min-height:360px}.player[data-v-eb79e5df]{background:oklch(13% .014 235);border:1px solid oklch(30% .025 235);border-radius:7px;width:100%;min-height:430px;overflow:hidden}.player-grid[data-v-eb79e5df]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.player-grid .player[data-v-eb79e5df]{min-height:250px}.empty-player[data-v-eb79e5df]{color:oklch(87% .01 225);background:oklch(17% .014 235);border:1px dashed oklch(43% .025 235);border-radius:7px;align-content:center;place-items:center;gap:8px;min-height:430px;display:grid}.empty-player span[data-v-eb79e5df]{color:oklch(70% .018 225);text-overflow:ellipsis;white-space:nowrap;max-width:70ch;font-size:12px;overflow:hidden}.transport[data-v-eb79e5df]{border-top:1px solid oklch(87% .016 225);padding:12px 14px 14px}.lower-grid[data-v-eb79e5df]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;display:grid}.event-panel[data-v-eb79e5df],.config-panel[data-v-eb79e5df]{min-width:0;padding:16px}.section-head[data-v-eb79e5df]{justify-content:space-between;gap:12px;margin-bottom:12px}.log-list[data-v-eb79e5df]{gap:8px;max-height:290px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.log-list li[data-v-eb79e5df]{color:oklch(28% .02 235);background:oklch(97% .008 225);border:1px solid oklch(88% .014 225);border-radius:6px;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:10px;min-height:34px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:grid}.log-list span[data-v-eb79e5df]{overflow-wrap:anywhere;min-width:0}.muted-row[data-v-eb79e5df]{color:oklch(52% .02 235);font-family:inherit!important;display:block!important}.config-panel pre[data-v-eb79e5df]{color:oklch(88% .02 155);background:oklch(18% .018 235);border-radius:7px;max-height:290px;margin:0;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.inspector[data-v-eb79e5df]{align-self:start;max-height:calc(100vh - 28px);position:sticky;top:14px;overflow:hidden}.tabs[data-v-eb79e5df]{background:oklch(96% .01 225);border-bottom:1px solid oklch(87% .016 225);gap:6px;padding:10px}.tabs button[data-v-eb79e5df]{flex:1;min-width:0;padding:0 8px;font-size:13px;font-weight:700}.tabs button.active[data-v-eb79e5df],.segmented button.active[data-v-eb79e5df]{color:oklch(31% .09 170);background:oklch(93% .04 165);border-color:oklch(54% .12 170)}.panel-section[data-v-eb79e5df]{gap:16px;max-height:calc(100vh - 92px);padding:16px;display:grid;overflow:auto}.segmented[data-v-eb79e5df]{background:oklch(96% .01 225);border:1px solid oklch(86% .016 225);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.segmented button[data-v-eb79e5df]{background:0 0;border-color:#0000;font-weight:700}.field-grid[data-v-eb79e5df],.switch-grid[data-v-eb79e5df]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field[data-v-eb79e5df]{gap:6px;min-width:0;display:grid}.field input[data-v-eb79e5df],.field select[data-v-eb79e5df],.field textarea[data-v-eb79e5df]{color:oklch(24% .018 235);background:oklch(99% .005 225);border:1px solid oklch(78% .024 225);border-radius:7px;outline:none;width:100%;min-height:38px;padding:0 10px;transition:border-color .16s ease-out,box-shadow .16s ease-out}.field textarea[data-v-eb79e5df]{resize:vertical;min-height:90px;padding:10px;line-height:1.45}.field input[data-v-eb79e5df]:focus,.field select[data-v-eb79e5df]:focus,.field textarea[data-v-eb79e5df]:focus{border-color:oklch(55% .12 170);box-shadow:0 0 0 3px oklch(78% .09 170/.22)}.switch[data-v-eb79e5df]{background:oklch(98% .007 225);border:1px solid oklch(86% .016 225);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.compact-switch[data-v-eb79e5df]{min-width:112px}.switch input[data-v-eb79e5df]{accent-color:oklch(49% .12 170);width:18px;height:18px}.error-line[data-v-eb79e5df]{color:oklch(43% .13 28);background:oklch(95% .04 35);border:1px solid oklch(82% .06 35);border-radius:7px;padding:10px 12px;font-size:12px}@media (width<=1180px){.workspace[data-v-eb79e5df],.lower-grid[data-v-eb79e5df]{grid-template-columns:1fr}.inspector[data-v-eb79e5df]{max-height:none;position:static}.panel-section[data-v-eb79e5df]{max-height:none}}@media (width<=780px){.demo-page[data-v-eb79e5df]{width:min(100vw - 20px,740px);padding-top:10px}.app-header[data-v-eb79e5df]{flex-direction:column;align-items:stretch}.header-actions[data-v-eb79e5df],.transport[data-v-eb79e5df]{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.header-actions .primary[data-v-eb79e5df]{grid-column:1/-1}.button[data-v-eb79e5df],.icon-button[data-v-eb79e5df]{min-width:0;padding-inline:8px}.player-panel-head[data-v-eb79e5df]{flex-direction:column;align-items:stretch}.status-strip[data-v-eb79e5df],.field-grid[data-v-eb79e5df],.switch-grid[data-v-eb79e5df],.player-grid[data-v-eb79e5df]{grid-template-columns:1fr}.player-frame[data-v-eb79e5df],.player[data-v-eb79e5df],.empty-player[data-v-eb79e5df],.player-grid .player[data-v-eb79e5df]{min-height:260px}.tabs[data-v-eb79e5df]{overflow-x:auto}.tabs button[data-v-eb79e5df]{min-width:74px}} diff --git a/dist/assets/index-Cx06WFub.js b/dist/assets/index-DqwC15gS.js similarity index 93% rename from dist/assets/index-Cx06WFub.js rename to dist/assets/index-DqwC15gS.js index 21ef4f0..b01449c 100644 --- a/dist/assets/index-Cx06WFub.js +++ b/dist/assets/index-DqwC15gS.js @@ -1,6 +1,6 @@ -(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();function e(e){let t=Object.create(null);for(let n of e.split(`,`))t[n]=1;return e=>e in t}var t={},n=[],r=()=>{},i=()=>!1,a=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),o=e=>e.startsWith(`onUpdate:`),s=Object.assign,c=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1)},l=Object.prototype.hasOwnProperty,u=(e,t)=>l.call(e,t),d=Array.isArray,f=e=>x(e)===`[object Map]`,p=e=>x(e)===`[object Set]`,m=e=>x(e)===`[object Date]`,h=e=>typeof e==`function`,g=e=>typeof e==`string`,_=e=>typeof e==`symbol`,v=e=>typeof e==`object`&&!!e,y=e=>(v(e)||h(e))&&h(e.then)&&h(e.catch),b=Object.prototype.toString,x=e=>b.call(e),S=e=>x(e).slice(8,-1),C=e=>x(e)===`[object Object]`,w=e=>g(e)&&e!==`NaN`&&e[0]!==`-`&&``+parseInt(e,10)===e,ee=e(`,key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted`),te=e=>{let t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))},ne=/-\w/g,T=te(e=>e.replace(ne,e=>e.slice(1).toUpperCase())),re=/\B([A-Z])/g,E=te(e=>e.replace(re,`-$1`).toLowerCase()),ie=te(e=>e.charAt(0).toUpperCase()+e.slice(1)),ae=te(e=>e?`on${ie(e)}`:``),D=(e,t)=>!Object.is(e,t),O=(e,...t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:r,value:n})},A=e=>{let t=parseFloat(e);return isNaN(t)?e:t},oe,se=()=>oe||=typeof globalThis<`u`?globalThis:typeof self<`u`?self:typeof window<`u`?window:typeof global<`u`?global:{};function ce(e){if(d(e)){let t={};for(let n=0;n{if(e){let n=e.split(ue);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function j(e){let t=``;if(g(e))t=e;else if(d(e))for(let n=0;nN(e,t))}var _e=e=>!!(e&&e.__v_isRef===!0),P=e=>g(e)?e:e==null?``:d(e)||v(e)&&(e.toString===b||!h(e.toString))?_e(e)?P(e.value):JSON.stringify(e,ve,2):String(e),ve=(e,t)=>_e(t)?ve(e,t.value):f(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((e,[t,n],r)=>(e[ye(t,r)+` =>`]=n,e),{})}:p(t)?{[`Set(${t.size})`]:[...t.values()].map(e=>ye(e))}:_(t)?ye(t):v(t)&&!d(t)&&!C(t)?String(t):t,ye=(e,t=``)=>_(e)?`Symbol(${e.description??t})`:e,F,be=class{constructor(e=!1){this.detached=e,this._active=!0,this._on=0,this.effects=[],this.cleanups=[],this._isPaused=!1,this._warnOnRun=!0,this.__v_skip=!0,!e&&F&&(F.active?(this.parent=F,this.index=(F.scopes||=[]).push(this)-1):(this._active=!1,this._warnOnRun=!1))}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let e,t;if(this.scopes)for(e=0,t=this.scopes.length;e0&&--this._on===0){if(F===this)F=this.prevScope;else{let e=F;for(;e;){if(e.prevScope===this){e.prevScope=this.prevScope;break}e=e.prevScope}}this.prevScope=void 0}}stop(e){if(this._active){this._active=!1;let t,n;for(t=0,n=this.effects.length;t0)return;if(Ee){let e=Ee;for(Ee=void 0;e;){let t=e.next;e.next=void 0,e.flags&=-9,e=t}}let e;for(;Te;){let t=Te;for(Te=void 0;t;){let n=t.next;if(t.next=void 0,t.flags&=-9,t.flags&1)try{t.trigger()}catch(t){e||=t}t=n}}if(e)throw e}function Ae(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function je(e){let t,n=e.depsTail,r=n;for(;r;){let e=r.prevDep;r.version===-1?(r===n&&(n=e),Pe(r),Fe(r)):t=r,r.dep.activeLink=r.prevActiveLink,r.prevActiveLink=void 0,r=e}e.deps=t,e.depsTail=n}function Me(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(Ne(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function Ne(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===Ve)||(e.globalVersion=Ve,!e.isSSR&&e.flags&128&&(!e.deps&&!e._dirty||!Me(e))))return;e.flags|=2;let t=e.dep,n=I,r=Ie;I=e,Ie=!0;try{Ae(e);let n=e.fn(e._value);(t.version===0||D(n,e._value))&&(e.flags|=128,e._value=n,t.version++)}catch(e){throw t.version++,e}finally{I=n,Ie=r,je(e),e.flags&=-3}}function Pe(e,t=!1){let{dep:n,prevSub:r,nextSub:i}=e;if(r&&(r.nextSub=i,e.prevSub=void 0),i&&(i.prevSub=r,e.nextSub=void 0),n.subs===e&&(n.subs=r,!r&&n.computed)){n.computed.flags&=-5;for(let e=n.computed.deps;e;e=e.nextDep)Pe(e,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function Fe(e){let{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}var Ie=!0,Le=[];function Re(){Le.push(Ie),Ie=!1}function ze(){let e=Le.pop();Ie=e===void 0?!0:e}function Be(e){let{cleanup:t}=e;if(e.cleanup=void 0,t){let e=I;I=void 0;try{t()}finally{I=e}}}var Ve=0,He=class{constructor(e,t){this.sub=e,this.dep=t,this.version=t.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}},Ue=class{constructor(e){this.computed=e,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0,this.__v_skip=!0}track(e){if(!I||!Ie||I===this.computed)return;let t=this.activeLink;if(t===void 0||t.sub!==I)t=this.activeLink=new He(I,this),I.deps?(t.prevDep=I.depsTail,I.depsTail.nextDep=t,I.depsTail=t):I.deps=I.depsTail=t,We(t);else if(t.version===-1&&(t.version=this.version,t.nextDep)){let e=t.nextDep;e.prevDep=t.prevDep,t.prevDep&&(t.prevDep.nextDep=e),t.prevDep=I.depsTail,t.nextDep=void 0,I.depsTail.nextDep=t,I.depsTail=t,I.deps===t&&(I.deps=e)}return t}trigger(e){this.version++,Ve++,this.notify(e)}notify(e){Oe();try{for(let e=this.subs;e;e=e.prevSub)e.sub.notify()&&e.sub.dep.notify()}finally{ke()}}};function We(e){if(e.dep.sc++,e.sub.flags&4){let t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let e=t.deps;e;e=e.nextDep)We(e)}let n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}var Ge=new WeakMap,Ke=Symbol(``),qe=Symbol(``),Je=Symbol(``);function L(e,t,n){if(Ie&&I){let t=Ge.get(e);t||Ge.set(e,t=new Map);let r=t.get(n);r||(t.set(n,r=new Ue),r.map=t,r.key=n),r.track()}}function Ye(e,t,n,r,i,a){let o=Ge.get(e);if(!o){Ve++;return}let s=e=>{e&&e.trigger()};if(Oe(),t===`clear`)o.forEach(s);else{let i=d(e),a=i&&w(n);if(i&&n===`length`){let e=Number(r);o.forEach((t,n)=>{(n===`length`||n===Je||!_(n)&&n>=e)&&s(t)})}else switch((n!==void 0||o.has(void 0))&&s(o.get(n)),a&&s(o.get(Je)),t){case`add`:i?a&&s(o.get(`length`)):(s(o.get(Ke)),f(e)&&s(o.get(qe)));break;case`delete`:i||(s(o.get(Ke)),f(e)&&s(o.get(qe)));break;case`set`:f(e)&&s(o.get(Ke));break}}ke()}function Xe(e){let t=R(e);return t===e?t:(L(t,`iterate`,Je),It(e)?t:t.map(zt))}function Ze(e){return L(e=R(e),`iterate`,Je),e}function Qe(e,t){return Ft(e)?Bt(Pt(e)?zt(t):t):zt(t)}var $e={__proto__:null,[Symbol.iterator](){return et(this,Symbol.iterator,e=>Qe(this,e))},concat(...e){return Xe(this).concat(...e.map(e=>d(e)?Xe(e):e))},entries(){return et(this,`entries`,e=>(e[1]=Qe(this,e[1]),e))},every(e,t){return nt(this,`every`,e,t,void 0,arguments)},filter(e,t){return nt(this,`filter`,e,t,e=>e.map(e=>Qe(this,e)),arguments)},find(e,t){return nt(this,`find`,e,t,e=>Qe(this,e),arguments)},findIndex(e,t){return nt(this,`findIndex`,e,t,void 0,arguments)},findLast(e,t){return nt(this,`findLast`,e,t,e=>Qe(this,e),arguments)},findLastIndex(e,t){return nt(this,`findLastIndex`,e,t,void 0,arguments)},forEach(e,t){return nt(this,`forEach`,e,t,void 0,arguments)},includes(...e){return it(this,`includes`,e)},indexOf(...e){return it(this,`indexOf`,e)},join(e){return Xe(this).join(e)},lastIndexOf(...e){return it(this,`lastIndexOf`,e)},map(e,t){return nt(this,`map`,e,t,void 0,arguments)},pop(){return at(this,`pop`)},push(...e){return at(this,`push`,e)},reduce(e,...t){return rt(this,`reduce`,e,t)},reduceRight(e,...t){return rt(this,`reduceRight`,e,t)},shift(){return at(this,`shift`)},some(e,t){return nt(this,`some`,e,t,void 0,arguments)},splice(...e){return at(this,`splice`,e)},toReversed(){return Xe(this).toReversed()},toSorted(e){return Xe(this).toSorted(e)},toSpliced(...e){return Xe(this).toSpliced(...e)},unshift(...e){return at(this,`unshift`,e)},values(){return et(this,`values`,e=>Qe(this,e))}};function et(e,t,n){let r=Ze(e),i=r[t]();return r!==e&&!It(e)&&(i._next=i.next,i.next=()=>{let e=i._next();return e.done||(e.value=n(e.value)),e}),i}var tt=Array.prototype;function nt(e,t,n,r,i,a){let o=Ze(e),s=o!==e&&!It(e),c=o[t];if(c!==tt[t]){let t=c.apply(e,a);return s?zt(t):t}let l=n;o!==e&&(s?l=function(t,r){return n.call(this,Qe(e,t),r,e)}:n.length>2&&(l=function(t,r){return n.call(this,t,r,e)}));let u=c.call(o,l,r);return s&&i?i(u):u}function rt(e,t,n,r){let i=Ze(e),a=i!==e&&!It(e),o=n,s=!1;i!==e&&(a?(s=r.length===0,o=function(t,r,i){return s&&(s=!1,t=Qe(e,t)),n.call(this,t,Qe(e,r),i,e)}):n.length>3&&(o=function(t,r,i){return n.call(this,t,r,i,e)}));let c=i[t](o,...r);return s?Qe(e,c):c}function it(e,t,n){let r=R(e);L(r,`iterate`,Je);let i=r[t](...n);return(i===-1||i===!1)&&Lt(n[0])?(n[0]=R(n[0]),r[t](...n)):i}function at(e,t,n=[]){Re(),Oe();let r=R(e)[t].apply(e,n);return ke(),ze(),r}var ot=e(`__proto__,__v_isRef,__isVue`),st=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!==`arguments`&&e!==`caller`).map(e=>Symbol[e]).filter(_));function ct(e){_(e)||(e=String(e));let t=R(this);return L(t,`has`,e),t.hasOwnProperty(e)}var lt=class{constructor(e=!1,t=!1){this._isReadonly=e,this._isShallow=t}get(e,t,n){if(t===`__v_skip`)return e.__v_skip;let r=this._isReadonly,i=this._isShallow;if(t===`__v_isReactive`)return!r;if(t===`__v_isReadonly`)return r;if(t===`__v_isShallow`)return i;if(t===`__v_raw`)return n===(r?i?Dt:Et:i?Tt:wt).get(e)||Object.getPrototypeOf(e)===Object.getPrototypeOf(n)?e:void 0;let a=d(e);if(!r){let e;if(a&&(e=$e[t]))return e;if(t===`hasOwnProperty`)return ct}let o=Reflect.get(e,t,z(e)?e:n);if((_(t)?st.has(t):ot(t))||(r||L(e,`get`,t),i))return o;if(z(o)){let e=a&&w(t)?o:o.value;return r&&v(e)?Mt(e):e}return v(o)?r?Mt(o):At(o):o}},ut=class extends lt{constructor(e=!1){super(!1,e)}set(e,t,n,r){let i=e[t],a=d(e)&&w(t);if(!this._isShallow){let e=Ft(i);if(!It(n)&&!Ft(n)&&(i=R(i),n=R(n)),!a&&z(i)&&!z(n))return e||(i.value=n),!0}let o=a?Number(t)e,gt=e=>Reflect.getPrototypeOf(e);function _t(e,t,n){return function(...r){let i=this.__v_raw,a=R(i),o=f(a),c=e===`entries`||e===Symbol.iterator&&o,l=e===`keys`&&o,u=i[e](...r),d=n?ht:t?Bt:zt;return!t&&L(a,`iterate`,l?qe:Ke),s(Object.create(u),{next(){let{value:e,done:t}=u.next();return t?{value:e,done:t}:{value:c?[d(e[0]),d(e[1])]:d(e),done:t}}})}}function vt(e){return function(...t){return e===`delete`?!1:e===`clear`?void 0:this}}function yt(e,t){let n={get(n){let r=this.__v_raw,i=R(r),a=R(n);e||(D(n,a)&&L(i,`get`,n),L(i,`get`,a));let{has:o}=gt(i),s=t?ht:e?Bt:zt;if(o.call(i,n))return s(r.get(n));if(o.call(i,a))return s(r.get(a));r!==i&&r.get(n)},get size(){let t=this.__v_raw;return!e&&L(R(t),`iterate`,Ke),t.size},has(t){let n=this.__v_raw,r=R(n),i=R(t);return e||(D(t,i)&&L(r,`has`,t),L(r,`has`,i)),t===i?n.has(t):n.has(t)||n.has(i)},forEach(n,r){let i=this,a=i.__v_raw,o=R(a),s=t?ht:e?Bt:zt;return!e&&L(o,`iterate`,Ke),a.forEach((e,t)=>n.call(r,s(e),s(t),i))}};return s(n,e?{add:vt(`add`),set:vt(`set`),delete:vt(`delete`),clear:vt(`clear`)}:{add(e){let n=R(this),r=gt(n),i=R(e),a=!t&&!It(e)&&!Ft(e)?i:e;return r.has.call(n,a)||D(e,a)&&r.has.call(n,e)||D(i,a)&&r.has.call(n,i)||(n.add(a),Ye(n,`add`,a,a)),this},set(e,n){!t&&!It(n)&&!Ft(n)&&(n=R(n));let r=R(this),{has:i,get:a}=gt(r),o=i.call(r,e);o||=(e=R(e),i.call(r,e));let s=a.call(r,e);return r.set(e,n),o?D(n,s)&&Ye(r,`set`,e,n,s):Ye(r,`add`,e,n),this},delete(e){let t=R(this),{has:n,get:r}=gt(t),i=n.call(t,e);i||=(e=R(e),n.call(t,e));let a=r?r.call(t,e):void 0,o=t.delete(e);return i&&Ye(t,`delete`,e,void 0,a),o},clear(){let e=R(this),t=e.size!==0,n=e.clear();return t&&Ye(e,`clear`,void 0,void 0,void 0),n}}),[`keys`,`values`,`entries`,Symbol.iterator].forEach(r=>{n[r]=_t(r,e,t)}),n}function bt(e,t){let n=yt(e,t);return(t,r,i)=>r===`__v_isReactive`?!e:r===`__v_isReadonly`?e:r===`__v_raw`?t:Reflect.get(u(n,r)&&r in t?n:t,r,i)}var xt={get:bt(!1,!1)},St={get:bt(!1,!0)},Ct={get:bt(!0,!1)},wt=new WeakMap,Tt=new WeakMap,Et=new WeakMap,Dt=new WeakMap;function Ot(e){switch(e){case`Object`:case`Array`:return 1;case`Map`:case`Set`:case`WeakMap`:case`WeakSet`:return 2;default:return 0}}function kt(e){return e.__v_skip||!Object.isExtensible(e)?0:Ot(S(e))}function At(e){return Ft(e)?e:Nt(e,!1,ft,xt,wt)}function jt(e){return Nt(e,!1,mt,St,Tt)}function Mt(e){return Nt(e,!0,pt,Ct,Et)}function Nt(e,t,n,r,i){if(!v(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;let a=kt(e);if(a===0)return e;let o=i.get(e);if(o)return o;let s=new Proxy(e,a===2?r:n);return i.set(e,s),s}function Pt(e){return Ft(e)?Pt(e.__v_raw):!!(e&&e.__v_isReactive)}function Ft(e){return!!(e&&e.__v_isReadonly)}function It(e){return!!(e&&e.__v_isShallow)}function Lt(e){return e?!!e.__v_raw:!1}function R(e){let t=e&&e.__v_raw;return t?R(t):e}function Rt(e){return!u(e,`__v_skip`)&&Object.isExtensible(e)&&k(e,`__v_skip`,!0),e}var zt=e=>v(e)?At(e):e,Bt=e=>v(e)?Mt(e):e;function z(e){return e?e.__v_isRef===!0:!1}function B(e){return Vt(e,!1)}function Vt(e,t){return z(e)?e:new Ht(e,t)}var Ht=class{constructor(e,t){this.dep=new Ue,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=t?e:R(e),this._value=t?e:zt(e),this.__v_isShallow=t}get value(){return this.dep.track(),this._value}set value(e){let t=this._rawValue,n=this.__v_isShallow||It(e)||Ft(e);e=n?e:R(e),D(e,t)&&(this._rawValue=e,this._value=n?e:zt(e),this.dep.trigger())}};function Ut(e){return z(e)?e.value:e}var Wt={get:(e,t,n)=>t===`__v_raw`?e:Ut(Reflect.get(e,t,n)),set:(e,t,n,r)=>{let i=e[t];return z(i)&&!z(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function Gt(e){return Pt(e)?e:new Proxy(e,Wt)}var Kt=class{constructor(e,t,n){this.fn=e,this.setter=t,this._value=void 0,this.dep=new Ue(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=Ve-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!t,this.isSSR=n}notify(){if(this.flags|=16,!(this.flags&8)&&I!==this)return De(this,!0),!0}get value(){let e=this.dep.track();return Ne(this),e&&(e.version=this.dep.version),this._value}set value(e){this.setter&&this.setter(e)}};function qt(e,t,n=!1){let r,i;return h(e)?r=e:(r=e.get,i=e.set),new Kt(r,i,n)}var Jt={},Yt=new WeakMap,Xt=void 0;function Zt(e,t=!1,n=Xt){if(n){let t=Yt.get(n);t||Yt.set(n,t=[]),t.push(e)}}function Qt(e,n,i=t){let{immediate:a,deep:o,once:s,scheduler:l,augmentJob:u,call:f}=i,p=e=>o?e:It(e)||o===!1||o===0?$t(e,1):$t(e),m,g,_,v,y=!1,b=!1;if(z(e)?(g=()=>e.value,y=It(e)):Pt(e)?(g=()=>p(e),y=!0):d(e)?(b=!0,y=e.some(e=>Pt(e)||It(e)),g=()=>e.map(e=>{if(z(e))return e.value;if(Pt(e))return p(e);if(h(e))return f?f(e,2):e()})):g=h(e)?n?f?()=>f(e,2):e:()=>{if(_){Re();try{_()}finally{ze()}}let t=Xt;Xt=m;try{return f?f(e,3,[v]):e(v)}finally{Xt=t}}:r,n&&o){let e=g,t=o===!0?1/0:o;g=()=>$t(e(),t)}let x=xe(),S=()=>{m.stop(),x&&x.active&&c(x.effects,m)};if(s&&n){let e=n;n=(...t)=>{e(...t),S()}}let C=b?Array(e.length).fill(Jt):Jt,w=e=>{if(!(!(m.flags&1)||!m.dirty&&!e))if(n){let e=m.run();if(o||y||(b?e.some((e,t)=>D(e,C[t])):D(e,C))){_&&_();let t=Xt;Xt=m;try{let t=[e,C===Jt?void 0:b&&C[0]===Jt?[]:C,v];C=e,f?f(n,3,t):n(...t)}finally{Xt=t}}}else m.run()};return u&&u(w),m=new Ce(g),m.scheduler=l?()=>l(w,!1):w,v=e=>Zt(e,!1,m),_=m.onStop=()=>{let e=Yt.get(m);if(e){if(f)f(e,4);else for(let t of e)t();Yt.delete(m)}},n?a?w(!0):C=m.run():l?l(w.bind(null,!0),!0):m.run(),S.pause=m.pause.bind(m),S.resume=m.resume.bind(m),S.stop=S,S}function $t(e,t=1/0,n){if(t<=0||!v(e)||e.__v_skip||(n||=new Map,(n.get(e)||0)>=t))return e;if(n.set(e,t),t--,z(e))$t(e.value,t,n);else if(d(e))for(let r=0;r{$t(e,t,n)});else if(C(e)){for(let r in e)$t(e[r],t,n);for(let r of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,r)&&$t(e[r],t,n)}return e}function en(e,t,n,r){try{return r?e(...r):e()}catch(e){nn(e,t,n)}}function tn(e,t,n,r){if(h(e)){let i=en(e,t,n,r);return i&&y(i)&&i.catch(e=>{nn(e,t,n)}),i}if(d(e)){let i=[];for(let a=0;a>>1,i=V[r],a=vn(i);a=vn(n)?V.push(e):V.splice(fn(t),0,e),e.flags|=1,mn()}}function mn(){un||=ln.then(yn)}function hn(e){d(e)?on.push(...e):sn&&e.id===-1?sn.splice(cn+1,0,e):e.flags&1||(on.push(e),e.flags|=1),mn()}function gn(e,t,n=an+1){for(;nvn(e)-vn(t));if(on.length=0,sn){sn.push(...e);return}for(sn=e,cn=0;cne.id==null?e.flags&2?-1:1/0:e.id;function yn(e){try{for(an=0;an{r._d&&Ei(-1);let i=Sn(t),a;try{a=e(...n)}finally{Sn(i),r._d&&Ei(1)}return a};return r._n=!0,r._c=!0,r._d=!0,r}function H(e,n){if(bn===null)return e;let r=la(bn),i=e.dirs||=[];for(let e=0;e1)return n&&h(t)?t.call(r&&r.proxy):t}}var Dn=Symbol.for(`v-scx`),On=()=>En(Dn);function kn(e,t,n){return An(e,t,n)}function An(e,n,i=t){let{immediate:a,deep:o,flush:c,once:l}=i,u=s({},i),d=n&&a||!n&&c!==`post`,f;if(ea){if(c===`sync`){let e=On();f=e.__watcherHandles||=[]}else if(!d){let e=()=>{};return e.stop=r,e.resume=r,e.pause=r,e}}let p=X;u.call=(e,t,n)=>tn(e,p,t,n);let m=!1;c===`post`?u.scheduler=e=>{W(e,p&&p.suspense)}:c!==`sync`&&(m=!0,u.scheduler=(e,t)=>{t?e():pn(e)}),u.augmentJob=e=>{n&&(e.flags|=4),m&&(e.flags|=2,p&&(e.id=p.uid,e.i=p))};let h=Qt(e,n,u);return ea&&(f?f.push(h):d&&h()),h}function jn(e,t,n){let r=this.proxy,i=g(e)?e.includes(`.`)?Mn(r,e):()=>r[e]:e.bind(r,r),a;h(t)?a=t:(a=t.handler,n=t);let o=Zi(this),s=An(i,a.bind(r),n);return o(),s}function Mn(e,t){let n=t.split(`.`);return()=>{let t=e;for(let e=0;ee.__isTeleport,Fn=Symbol(`_leaveCb`);function In(e,t){e.shapeFlag&6&&e.component?(e.transition=t,In(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Ln(e,t){return h(e)?s({name:e.name},t,{setup:e}):e}function Rn(e){e.ids=[e.ids[0]+ e.ids[2]+++`-`,0,0]}function zn(e,t){let n;return!!((n=Object.getOwnPropertyDescriptor(e,t))&&!n.configurable)}var Bn=new WeakMap;function Vn(e,n,r,a,o=!1){if(d(e)){e.forEach((e,t)=>Vn(e,n&&(d(n)?n[t]:n),r,a,o));return}if(Un(a)&&!o){a.shapeFlag&512&&a.type.__asyncResolved&&a.component.subTree.component&&Vn(e,n,r,a.component.subTree);return}let s=a.shapeFlag&4?la(a.component):a.el,l=o?null:s,{i:f,r:p}=e,m=n&&n.r,_=f.refs===t?f.refs={}:f.refs,v=f.setupState,y=R(v),b=v===t?i:e=>zn(_,e)?!1:u(y,e),x=(e,t)=>!(t&&zn(_,t));if(m!=null&&m!==p){if(Hn(n),g(m))_[m]=null,b(m)&&(v[m]=null);else if(z(m)){let e=n;x(m,e.k)&&(m.value=null),e.k&&(_[e.k]=null)}}if(h(p))en(p,f,12,[l,_]);else{let t=g(p),n=z(p);if(t||n){let i=()=>{if(e.f){let n=t?b(p)?v[p]:_[p]:x(p)||!e.k?p.value:_[e.k];if(o)d(n)&&c(n,s);else if(d(n))n.includes(s)||n.push(s);else if(t)_[p]=[s],b(p)&&(v[p]=_[p]);else{let t=[s];x(p,e.k)&&(p.value=t),e.k&&(_[e.k]=t)}}else t?(_[p]=l,b(p)&&(v[p]=l)):n&&(x(p,e.k)&&(p.value=l),e.k&&(_[e.k]=l))};if(l){let t=()=>{i(),Bn.delete(e)};t.id=-1,Bn.set(e,t),W(t,r)}else Hn(e),i()}}}function Hn(e){let t=Bn.get(e);t&&(t.flags|=8,Bn.delete(e))}se().requestIdleCallback,se().cancelIdleCallback;var Un=e=>!!e.type.__asyncLoader,Wn=e=>e.type.__isKeepAlive;function Gn(e,t){qn(e,`a`,t)}function Kn(e,t){qn(e,`da`,t)}function qn(e,t,n=X){let r=e.__wdc||=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}return e()};if(Yn(t,r,n),n){let e=n.parent;for(;e&&e.parent;)Wn(e.parent.vnode)&&Jn(r,t,n,e),e=e.parent}}function Jn(e,t,n,r){let i=Yn(t,e,r,!0);nr(()=>{c(r[t],i)},n)}function Yn(e,t,n=X,r=!1){if(n){let i=n[e]||(n[e]=[]),a=t.__weh||=(...r)=>{Re();let i=Zi(n),a=tn(t,n,e,r);return i(),ze(),a};return r?i.unshift(a):i.push(a),a}}var Xn=e=>(t,n=X)=>{(!ea||e===`sp`)&&Yn(e,(...e)=>t(...e),n)},Zn=Xn(`bm`),Qn=Xn(`m`),$n=Xn(`bu`),er=Xn(`u`),tr=Xn(`bum`),nr=Xn(`um`),rr=Xn(`sp`),ir=Xn(`rtg`),ar=Xn(`rtc`);function or(e,t=X){Yn(`ec`,e,t)}var sr=Symbol.for(`v-ndc`);function cr(e,t,n,r){let i,a=n&&n[r],o=d(e);if(o||g(e)){let n=o&&Pt(e),r=!1,s=!1;n&&(r=!It(e),s=Ft(e),e=Ze(e)),i=Array(e.length);for(let n=0,o=e.length;nt(e,n,void 0,a&&a[n]));else{let n=Object.keys(e);i=Array(n.length);for(let r=0,o=n.length;re?$i(e)?la(e):lr(e.parent):null,ur=s(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>lr(e.parent),$root:e=>lr(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>yr(e),$forceUpdate:e=>e.f||=()=>{pn(e.update)},$nextTick:e=>e.n||=dn.bind(e.proxy),$watch:e=>jn.bind(e)}),dr=(e,n)=>e!==t&&!e.__isScriptSetup&&u(e,n),fr={get({_:e},n){if(n===`__v_skip`)return!0;let{ctx:r,setupState:i,data:a,props:o,accessCache:s,type:c,appContext:l}=e;if(n[0]!==`$`){let e=s[n];if(e!==void 0)switch(e){case 1:return i[n];case 2:return a[n];case 4:return r[n];case 3:return o[n]}else if(dr(i,n))return s[n]=1,i[n];else if(a!==t&&u(a,n))return s[n]=2,a[n];else if(u(o,n))return s[n]=3,o[n];else if(r!==t&&u(r,n))return s[n]=4,r[n];else mr&&(s[n]=0)}let d=ur[n],f,p;if(d)return n===`$attrs`&&L(e.attrs,`get`,``),d(e);if((f=c.__cssModules)&&(f=f[n]))return f;if(r!==t&&u(r,n))return s[n]=4,r[n];if(p=l.config.globalProperties,u(p,n))return p[n]},set({_:e},n,r){let{data:i,setupState:a,ctx:o}=e;return dr(a,n)?(a[n]=r,!0):i!==t&&u(i,n)?(i[n]=r,!0):u(e.props,n)||n[0]===`$`&&n.slice(1)in e?!1:(o[n]=r,!0)},has({_:{data:e,setupState:n,accessCache:r,ctx:i,appContext:a,props:o,type:s}},c){let l;return!!(r[c]||e!==t&&c[0]!==`$`&&u(e,c)||dr(n,c)||u(o,c)||u(i,c)||u(ur,c)||u(a.config.globalProperties,c)||(l=s.__cssModules)&&l[c])},defineProperty(e,t,n){return n.get==null?u(n,`value`)&&this.set(e,t,n.value,null):e._.accessCache[t]=0,Reflect.defineProperty(e,t,n)}};function pr(e){return d(e)?e.reduce((e,t)=>(e[t]=null,e),{}):e}var mr=!0;function hr(e){let t=yr(e),n=e.proxy,i=e.ctx;mr=!1,t.beforeCreate&&_r(t.beforeCreate,e,`bc`);let{data:a,computed:o,methods:s,watch:c,provide:l,inject:u,created:f,beforeMount:p,mounted:m,beforeUpdate:g,updated:_,activated:y,deactivated:b,beforeDestroy:x,beforeUnmount:S,destroyed:C,unmounted:w,render:ee,renderTracked:te,renderTriggered:ne,errorCaptured:T,serverPrefetch:re,expose:E,inheritAttrs:ie,components:ae,directives:D,filters:O}=t;if(u&&gr(u,i,null),s)for(let e in s){let t=s[e];h(t)&&(i[e]=t.bind(n))}if(a){let t=a.call(n,n);v(t)&&(e.data=At(t))}if(mr=!0,o)for(let e in o){let t=o[e],a=Z({get:h(t)?t.bind(n,n):h(t.get)?t.get.bind(n,n):r,set:!h(t)&&h(t.set)?t.set.bind(n):r});Object.defineProperty(i,e,{enumerable:!0,configurable:!0,get:()=>a.value,set:e=>a.value=e})}if(c)for(let e in c)vr(c[e],i,n,e);if(l){let e=h(l)?l.call(n):l;Reflect.ownKeys(e).forEach(t=>{Tn(t,e[t])})}f&&_r(f,e,`c`);function k(e,t){d(t)?t.forEach(t=>e(t.bind(n))):t&&e(t.bind(n))}if(k(Zn,p),k(Qn,m),k($n,g),k(er,_),k(Gn,y),k(Kn,b),k(or,T),k(ar,te),k(ir,ne),k(tr,S),k(nr,w),k(rr,re),d(E))if(E.length){let t=e.exposed||={};E.forEach(e=>{Object.defineProperty(t,e,{get:()=>n[e],set:t=>n[e]=t,enumerable:!0})})}else e.exposed||={};ee&&e.render===r&&(e.render=ee),ie!=null&&(e.inheritAttrs=ie),ae&&(e.components=ae),D&&(e.directives=D),re&&Rn(e)}function gr(e,t,n=r){d(e)&&(e=wr(e));for(let n in e){let r=e[n],i;i=v(r)?`default`in r?En(r.from||n,r.default,!0):En(r.from||n):En(r),z(i)?Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:()=>i.value,set:e=>i.value=e}):t[n]=i}}function _r(e,t,n){tn(d(e)?e.map(e=>e.bind(t.proxy)):e.bind(t.proxy),t,n)}function vr(e,t,n,r){let i=r.includes(`.`)?Mn(n,r):()=>n[r];if(g(e)){let n=t[e];h(n)&&kn(i,n)}else if(h(e))kn(i,e.bind(n));else if(v(e))if(d(e))e.forEach(e=>vr(e,t,n,r));else{let r=h(e.handler)?e.handler.bind(n):t[e.handler];h(r)&&kn(i,r,e)}}function yr(e){let t=e.type,{mixins:n,extends:r}=t,{mixins:i,optionsCache:a,config:{optionMergeStrategies:o}}=e.appContext,s=a.get(t),c;return s?c=s:!i.length&&!n&&!r?c=t:(c={},i.length&&i.forEach(e=>br(c,e,o,!0)),br(c,t,o)),v(t)&&a.set(t,c),c}function br(e,t,n,r=!1){let{mixins:i,extends:a}=t;a&&br(e,a,n,!0),i&&i.forEach(t=>br(e,t,n,!0));for(let i in t)if(!(r&&i===`expose`)){let r=xr[i]||n&&n[i];e[i]=r?r(e[i],t[i]):t[i]}return e}var xr={data:Sr,props:Er,emits:Er,methods:Tr,computed:Tr,beforeCreate:U,created:U,beforeMount:U,mounted:U,beforeUpdate:U,updated:U,beforeDestroy:U,beforeUnmount:U,destroyed:U,unmounted:U,activated:U,deactivated:U,errorCaptured:U,serverPrefetch:U,components:Tr,directives:Tr,watch:Dr,provide:Sr,inject:Cr};function Sr(e,t){return t?e?function(){return s(h(e)?e.call(this,this):e,h(t)?t.call(this,this):t)}:t:e}function Cr(e,t){return Tr(wr(e),wr(t))}function wr(e){if(d(e)){let t={};for(let n=0;nt===`modelValue`||t===`model-value`?e.modelModifiers:e[`${t}Modifiers`]||e[`${T(t)}Modifiers`]||e[`${E(t)}Modifiers`];function Nr(e,n,...r){if(e.isUnmounted)return;let i=e.vnode.props||t,a=r,o=n.startsWith(`update:`),s=o&&Mr(i,n.slice(7));s&&(s.trim&&(a=r.map(e=>g(e)?e.trim():e)),s.number&&(a=r.map(A)));let c,l=i[c=ae(n)]||i[c=ae(T(n))];!l&&o&&(l=i[c=ae(E(n))]),l&&tn(l,e,6,a);let u=i[c+`Once`];if(u){if(!e.emitted)e.emitted={};else if(e.emitted[c])return;e.emitted[c]=!0,tn(u,e,6,a)}}var Pr=new WeakMap;function Fr(e,t,n=!1){let r=n?Pr:t.emitsCache,i=r.get(e);if(i!==void 0)return i;let a=e.emits,o={},c=!1;if(!h(e)){let r=e=>{let n=Fr(e,t,!0);n&&(c=!0,s(o,n))};!n&&t.mixins.length&&t.mixins.forEach(r),e.extends&&r(e.extends),e.mixins&&e.mixins.forEach(r)}return!a&&!c?(v(e)&&r.set(e,null),null):(d(a)?a.forEach(e=>o[e]=null):s(o,a),v(e)&&r.set(e,o),o)}function Ir(e,t){return!e||!a(t)?!1:(t=t.slice(2).replace(/Once$/,``),u(e,t[0].toLowerCase()+t.slice(1))||u(e,E(t))||u(e,t))}function Lr(e){let{type:t,vnode:n,proxy:r,withProxy:i,propsOptions:[a],slots:s,attrs:c,emit:l,render:u,renderCache:d,props:f,data:p,setupState:m,ctx:h,inheritAttrs:g}=e,_=Sn(e),v,y;try{if(n.shapeFlag&4){let e=i||r,t=e;v=Bi(u.call(t,e,d,f,m,p,h)),y=c}else{let e=t;v=Bi(e.length>1?e(f,{attrs:c,slots:s,emit:l}):e(f,null)),y=t.props?c:Rr(c)}}catch(t){Ci.length=0,nn(t,e,1),v=Ni(xi)}let b=v;if(y&&g!==!1){let e=Object.keys(y),{shapeFlag:t}=b;e.length&&t&7&&(a&&e.some(o)&&(y=zr(y,a)),b=Ii(b,y,!1,!0))}return n.dirs&&(b=Ii(b,null,!1,!0),b.dirs=b.dirs?b.dirs.concat(n.dirs):n.dirs),n.transition&&In(b,n.transition),v=b,Sn(_),v}var Rr=e=>{let t;for(let n in e)(n===`class`||n===`style`||a(n))&&((t||={})[n]=e[n]);return t},zr=(e,t)=>{let n={};for(let r in e)(!o(r)||!(r.slice(9)in t))&&(n[r]=e[r]);return n};function Br(e,t,n){let{props:r,children:i,component:a}=e,{props:o,children:s,patchFlag:c}=t,l=a.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return r?Vr(r,o,l):!!o;if(c&8){let e=t.dynamicProps;for(let t=0;tObject.create(Wr),Kr=e=>Object.getPrototypeOf(e)===Wr;function qr(e,t,n,r=!1){let i={},a=Gr();e.propsDefaults=Object.create(null),Yr(e,t,i,a);for(let t in e.propsOptions[0])t in i||(i[t]=void 0);n?e.props=r?i:jt(i):e.type.props?e.props=i:e.props=a,e.attrs=a}function Jr(e,t,n,r){let{props:i,attrs:a,vnode:{patchFlag:o}}=e,s=R(i),[c]=e.propsOptions,l=!1;if((r||o>0)&&!(o&16)){if(o&8){let n=e.vnode.dynamicProps;for(let r=0;r{p=!0;let[t,n]=Qr(e,r,!0);s(l,t),n&&f.push(...n)};!i&&r.mixins.length&&r.mixins.forEach(t),e.extends&&t(e.extends),e.mixins&&e.mixins.forEach(t)}if(!c&&!p)return v(e)&&a.set(e,n),n;if(d(c))for(let e=0;ee===`_`||e===`_ctx`||e===`$stable`,ti=e=>d(e)?e.map(Bi):[Bi(e)],ni=(e,t,n)=>{if(t._n)return t;let r=Cn((...e)=>ti(t(...e)),n);return r._c=!1,r},ri=(e,t,n)=>{let r=e._ctx;for(let n in e){if(ei(n))continue;let i=e[n];if(h(i))t[n]=ni(n,i,r);else if(i!=null){let e=ti(i);t[n]=()=>e}}},ii=(e,t)=>{let n=ti(t);e.slots.default=()=>n},ai=(e,t,n)=>{for(let r in t)(n||!ei(r))&&(e[r]=t[r])},oi=(e,t,n)=>{let r=e.slots=Gr();if(e.vnode.shapeFlag&32){let e=t._;e?(ai(r,t,n),n&&k(r,`_`,e,!0)):ri(t,r)}else t&&ii(e,t)},si=(e,n,r)=>{let{vnode:i,slots:a}=e,o=!0,s=t;if(i.shapeFlag&32){let e=n._;e?r&&e===1?o=!1:ai(a,n,r):(o=!n.$stable,ri(n,a)),s=n}else n&&(ii(e,n),s={default:1});if(o)for(let e in a)!ei(e)&&s[e]==null&&delete a[e]},W=yi;function ci(e){return li(e)}function li(e,i){let a=se();a.__VUE__=!0;let{insert:o,remove:s,patchProp:c,createElement:l,createText:u,createComment:d,setText:f,setElementText:p,parentNode:m,nextSibling:h,setScopeId:g=r,insertStaticContent:_}=e,v=(e,t,n,r=null,i=null,a=null,o=void 0,s=null,c=!!t.dynamicChildren)=>{if(e===t)return;e&&!Ai(e,t)&&(r=N(e),j(e,i,a,!0),e=null),t.patchFlag===-2&&(c=!1,t.dynamicChildren=null);let{type:l,ref:u,shapeFlag:d}=t;switch(l){case bi:y(e,t,n,r);break;case xi:b(e,t,n,r);break;case Si:e??x(t,n,r,o);break;case G:ae(e,t,n,r,i,a,o,s,c);break;default:d&1?w(e,t,n,r,i,a,o,s,c):d&6?D(e,t,n,r,i,a,o,s,c):(d&64||d&128)&&l.process(e,t,n,r,i,a,o,s,c,P)}u!=null&&i?Vn(u,e&&e.ref,a,t||e,!t):u==null&&e&&e.ref!=null&&Vn(e.ref,null,a,e,!0)},y=(e,t,n,r)=>{if(e==null)o(t.el=u(t.children),n,r);else{let n=t.el=e.el;t.children!==e.children&&f(n,t.children)}},b=(e,t,n,r)=>{e==null?o(t.el=d(t.children||``),n,r):t.el=e.el},x=(e,t,n,r)=>{[e.el,e.anchor]=_(e.children,t,n,r,e.el,e.anchor)},S=({el:e,anchor:t},n,r)=>{let i;for(;e&&e!==t;)i=h(e),o(e,n,r),e=i;o(t,n,r)},C=({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=h(e),s(e),e=n;s(t)},w=(e,t,n,r,i,a,o,s,c)=>{if(t.type===`svg`?o=`svg`:t.type===`math`&&(o=`mathml`),e==null)te(t,n,r,i,a,o,s,c);else{let n=e.el&&e.el._isVueCE?e.el:null;try{n&&n._beginPatch(),re(e,t,i,a,o,s,c)}finally{n&&n._endPatch()}}},te=(e,t,n,r,i,a,s,u)=>{let d,f,{props:m,shapeFlag:h,transition:g,dirs:_}=e;if(d=e.el=l(e.type,a,m&&m.is,m),h&8?p(d,e.children):h&16&&T(e.children,d,null,r,i,ui(e,a),s,u),_&&wn(e,null,r,`created`),ne(d,e,e.scopeId,s,r),m){for(let e in m)e!==`value`&&!ee(e)&&c(d,e,null,m[e],a,r);`value`in m&&c(d,`value`,null,m.value,a),(f=m.onVnodeBeforeMount)&&Wi(f,r,e)}_&&wn(e,null,r,`beforeMount`);let v=fi(i,g);v&&g.beforeEnter(d),o(d,t,n),((f=m&&m.onVnodeMounted)||v||_)&&W(()=>{try{f&&Wi(f,r,e),v&&g.enter(d),_&&wn(e,null,r,`mounted`)}finally{}},i)},ne=(e,t,n,r,i)=>{if(n&&g(e,n),r)for(let t=0;t{for(let l=c;l{let l=n.el=e.el,{patchFlag:u,dynamicChildren:d,dirs:f}=n;u|=e.patchFlag&16;let m=e.props||t,h=n.props||t,g;if(r&&di(r,!1),(g=h.onVnodeBeforeUpdate)&&Wi(g,r,n,e),f&&wn(n,e,r,`beforeUpdate`),r&&di(r,!0),(m.innerHTML&&h.innerHTML==null||m.textContent&&h.textContent==null)&&p(l,``),d?E(e.dynamicChildren,d,l,r,i,ui(n,a),o):s||le(e,n,l,null,r,i,ui(n,a),o,!1),u>0){if(u&16)ie(l,m,h,r,a);else if(u&2&&m.class!==h.class&&c(l,`class`,null,h.class,a),u&4&&c(l,`style`,m.style,h.style,a),u&8){let e=n.dynamicProps;for(let t=0;t{g&&Wi(g,r,n,e),f&&wn(n,e,r,`updated`)},i)},E=(e,t,n,r,i,a,o)=>{for(let s=0;s{if(n!==r){if(n!==t)for(let t in n)!ee(t)&&!(t in r)&&c(e,t,n[t],null,a,i);for(let t in r){if(ee(t))continue;let o=r[t],s=n[t];o!==s&&t!==`value`&&c(e,t,s,o,a,i)}`value`in r&&c(e,`value`,n.value,r.value,a)}},ae=(e,t,n,r,i,a,s,c,l)=>{let d=t.el=e?e.el:u(``),f=t.anchor=e?e.anchor:u(``),{patchFlag:p,dynamicChildren:m,slotScopeIds:h}=t;h&&(c=c?c.concat(h):h),e==null?(o(d,n,r),o(f,n,r),T(t.children||[],n,f,i,a,s,c,l)):p>0&&p&64&&m&&e.dynamicChildren&&e.dynamicChildren.length===m.length?(E(e.dynamicChildren,m,n,i,a,s,c),(t.key!=null||i&&t===i.subTree)&&pi(e,t,!0)):le(e,t,n,f,i,a,s,c,l)},D=(e,t,n,r,i,a,o,s,c)=>{t.slotScopeIds=s,e==null?t.shapeFlag&512?i.ctx.activate(t,n,r,o,c):k(t,n,r,i,a,o,c):A(e,t,c)},k=(e,t,n,r,i,a,o)=>{let s=e.component=qi(e,r,i);if(Wn(e)&&(s.ctx.renderer=P),ta(s,!1,o),s.asyncDep){if(i&&i.registerDep(s,oe,o),!e.el){let r=s.subTree=Ni(xi);b(null,r,t,n),e.placeholder=r.el}}else oe(s,e,t,n,i,a,o)},A=(e,t,n)=>{let r=t.component=e.component;if(Br(e,t,n))if(r.asyncDep&&!r.asyncResolved){ce(r,t,n);return}else r.next=t,r.update();else t.el=e.el,r.vnode=t},oe=(e,t,n,r,i,a,o)=>{let s=()=>{if(e.isMounted){let{next:t,bu:n,u:r,parent:s,vnode:c}=e;{let n=hi(e);if(n){t&&(t.el=c.el,ce(e,t,o)),n.asyncDep.then(()=>{W(()=>{e.isUnmounted||l()},i)});return}}let u=t,d;di(e,!1),t?(t.el=c.el,ce(e,t,o)):t=c,n&&O(n),(d=t.props&&t.props.onVnodeBeforeUpdate)&&Wi(d,s,t,c),di(e,!0);let f=Lr(e),p=e.subTree;e.subTree=f,v(p,f,m(p.el),N(p),e,i,a),t.el=f.el,u===null&&Ur(e,f.el),r&&W(r,i),(d=t.props&&t.props.onVnodeUpdated)&&W(()=>Wi(d,s,t,c),i)}else{let o,{el:s,props:c}=t,{bm:l,m:u,parent:d,root:f,type:p}=e,m=Un(t);if(di(e,!1),l&&O(l),!m&&(o=c&&c.onVnodeBeforeMount)&&Wi(o,d,t),di(e,!0),s&&ye){let t=()=>{e.subTree=Lr(e),ye(s,e.subTree,e,i,null)};m&&p.__asyncHydrate?p.__asyncHydrate(s,e,t):t()}else{f.ce&&f.ce._hasShadowRoot()&&f.ce._injectChildStyle(p,e.parent?e.parent.type:void 0);let o=e.subTree=Lr(e);v(null,o,n,r,e,i,a),t.el=o.el}if(u&&W(u,i),!m&&(o=c&&c.onVnodeMounted)){let e=t;W(()=>Wi(o,d,e),i)}(t.shapeFlag&256||d&&Un(d.vnode)&&d.vnode.shapeFlag&256)&&e.a&&W(e.a,i),e.isMounted=!0,t=n=r=null}};e.scope.on();let c=e.effect=new Ce(s);e.scope.off();let l=e.update=c.run.bind(c),u=e.job=c.runIfDirty.bind(c);u.i=e,u.id=e.uid,c.scheduler=()=>pn(u),di(e,!0),l()},ce=(e,t,n)=>{t.component=e;let r=e.vnode.props;e.vnode=t,e.next=null,Jr(e,t.props,r,n),si(e,t.children,n),Re(),gn(e),ze()},le=(e,t,n,r,i,a,o,s,c=!1)=>{let l=e&&e.children,u=e?e.shapeFlag:0,d=t.children,{patchFlag:f,shapeFlag:m}=t;if(f>0){if(f&128){de(l,d,n,r,i,a,o,s,c);return}else if(f&256){ue(l,d,n,r,i,a,o,s,c);return}}m&8?(u&16&&M(l,i,a),d!==l&&p(n,d)):u&16?m&16?de(l,d,n,r,i,a,o,s,c):M(l,i,a,!0):(u&8&&p(n,``),m&16&&T(d,n,r,i,a,o,s,c))},ue=(e,t,r,i,a,o,s,c,l)=>{e||=n,t||=n;let u=e.length,d=t.length,f=Math.min(u,d),p;for(p=0;pd?M(e,a,o,!0,!1,f):T(t,r,i,a,o,s,c,l,f)},de=(e,t,r,i,a,o,s,c,l)=>{let u=0,d=t.length,f=e.length-1,p=d-1;for(;u<=f&&u<=p;){let n=e[u],i=t[u]=l?Vi(t[u]):Bi(t[u]);if(Ai(n,i))v(n,i,r,null,a,o,s,c,l);else break;u++}for(;u<=f&&u<=p;){let n=e[f],i=t[p]=l?Vi(t[p]):Bi(t[p]);if(Ai(n,i))v(n,i,r,null,a,o,s,c,l);else break;f--,p--}if(u>f){if(u<=p){let e=p+1,n=ep)for(;u<=f;)j(e[u],a,o,!0),u++;else{let m=u,h=u,g=new Map;for(u=h;u<=p;u++){let e=t[u]=l?Vi(t[u]):Bi(t[u]);e.key!=null&&g.set(e.key,u)}let _,y=0,b=p-h+1,x=!1,S=0,C=Array(b);for(u=0;u=b){j(n,a,o,!0);continue}let i;if(n.key!=null)i=g.get(n.key);else for(_=h;_<=p;_++)if(C[_-h]===0&&Ai(n,t[_])){i=_;break}i===void 0?j(n,a,o,!0):(C[i-h]=u+1,i>=S?S=i:x=!0,v(n,t[i],r,null,a,o,s,c,l),y++)}let w=x?mi(C):n;for(_=w.length-1,u=b-1;u>=0;u--){let e=h+u,n=t[e],f=t[e+1],p=e+1{let{el:a,type:c,transition:l,children:u,shapeFlag:d}=e;if(d&6){fe(e.component.subTree,t,n,r);return}if(d&128){e.suspense.move(t,n,r);return}if(d&64){c.move(e,t,n,P);return}if(c===G){o(a,t,n);for(let e=0;el.enter(a),i);else{let{leave:r,delayLeave:i,afterLeave:c}=l,u=()=>{e.ctx.isUnmounted?s(a):o(a,t,n)},d=()=>{a._isLeaving&&a[Fn](!0),r(a,()=>{u(),c&&c()})};i?i(a,u,d):d()}else o(a,t,n)},j=(e,t,n,r=!1,i=!1)=>{let{type:a,props:o,ref:s,children:c,dynamicChildren:l,shapeFlag:u,patchFlag:d,dirs:f,cacheIndex:p,memo:m}=e;if(d===-2&&(i=!1),s!=null&&(Re(),Vn(s,null,n,e,!0),ze()),p!=null&&(t.renderCache[p]=void 0),u&256){t.ctx.deactivate(e);return}let h=u&1&&f,g=!Un(e),_;if(g&&(_=o&&o.onVnodeBeforeUnmount)&&Wi(_,t,e),u&6)he(e.component,n,r);else{if(u&128){e.suspense.unmount(n,r);return}h&&wn(e,null,t,`beforeUnmount`),u&64?e.type.remove(e,t,n,P,r):l&&!l.hasOnce&&(a!==G||d>0&&d&64)?M(l,t,n,!1,!0):(a===G&&d&384||!i&&u&16)&&M(c,t,n),r&&pe(e)}let v=m!=null&&p==null;(g&&(_=o&&o.onVnodeUnmounted)||h||v)&&W(()=>{_&&Wi(_,t,e),h&&wn(e,null,t,`unmounted`),v&&(e.el=null)},n)},pe=e=>{let{type:t,el:n,anchor:r,transition:i}=e;if(t===G){me(n,r);return}if(t===Si){C(e);return}let a=()=>{s(n),i&&!i.persisted&&i.afterLeave&&i.afterLeave()};if(e.shapeFlag&1&&i&&!i.persisted){let{leave:t,delayLeave:r}=i,o=()=>t(n,a);r?r(e.el,a,o):o()}else a()},me=(e,t)=>{let n;for(;e!==t;)n=h(e),s(e),e=n;s(t)},he=(e,t,n)=>{let{bum:r,scope:i,job:a,subTree:o,um:s,m:c,a:l}=e;gi(c),gi(l),r&&O(r),i.stop(),a&&(a.flags|=8,j(o,e,t,n)),s&&W(s,t),W(()=>{e.isUnmounted=!0},t)},M=(e,t,n,r=!1,i=!1,a=0)=>{for(let o=a;o{if(e.shapeFlag&6)return N(e.component.subTree);if(e.shapeFlag&128)return e.suspense.next();let t=h(e.anchor||e.el),n=t&&t[Nn];return n?h(n):t},ge=!1,_e=(e,t,n)=>{let r;e==null?t._vnode&&(j(t._vnode,null,null,!0),r=t._vnode.component):v(t._vnode||null,e,t,null,null,null,n),t._vnode=e,ge||=(ge=!0,gn(r),_n(),!1)},P={p:v,um:j,m:fe,r:pe,mt:k,mc:T,pc:le,pbc:E,n:N,o:e},ve,ye;return i&&([ve,ye]=i(P)),{render:_e,hydrate:ve,createApp:Ar(_e,ve)}}function ui({type:e,props:t},n){return n===`svg`&&e===`foreignObject`||n===`mathml`&&e===`annotation-xml`&&t&&t.encoding&&t.encoding.includes(`html`)?void 0:n}function di({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function fi(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function pi(e,t,n=!1){let r=e.children,i=t.children;if(d(r)&&d(i))for(let e=0;e>1,e[n[s]]0&&(t[r]=n[a-1]),n[a]=r)}}for(a=n.length,o=n[a-1];a-- >0;)n[a]=o,o=t[o];return n}function hi(e){let t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:hi(t)}function gi(e){if(e)for(let t=0;te.__isSuspense;function yi(e,t){t&&t.pendingBranch?d(e)?t.effects.push(...e):t.effects.push(e):hn(e)}var G=Symbol.for(`v-fgt`),bi=Symbol.for(`v-txt`),xi=Symbol.for(`v-cmt`),Si=Symbol.for(`v-stc`),Ci=[],K=null;function q(e=!1){Ci.push(K=e?null:[])}function wi(){Ci.pop(),K=Ci[Ci.length-1]||null}var Ti=1;function Ei(e,t=!1){Ti+=e,e<0&&K&&t&&(K.hasOnce=!0)}function Di(e){return e.dynamicChildren=Ti>0?K||n:null,wi(),Ti>0&&K&&K.push(e),e}function J(e,t,n,r,i,a){return Di(Y(e,t,n,r,i,a,!0))}function Oi(e,t,n,r,i){return Di(Ni(e,t,n,r,i,!0))}function ki(e){return e?e.__v_isVNode===!0:!1}function Ai(e,t){return e.type===t.type&&e.key===t.key}var ji=({key:e})=>e??null,Mi=({ref:e,ref_key:t,ref_for:n})=>(typeof e==`number`&&(e=``+e),e==null?null:g(e)||z(e)||h(e)?{i:bn,r:e,k:t,f:!!n}:e);function Y(e,t=null,n=null,r=0,i=null,a=e===G?0:1,o=!1,s=!1){let c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&ji(t),ref:t&&Mi(t),scopeId:xn,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:a,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null,ctx:bn};return s?(Hi(c,n),a&128&&e.normalize(c)):n&&(c.shapeFlag|=g(n)?8:16),Ti>0&&!o&&K&&(c.patchFlag>0||a&6)&&c.patchFlag!==32&&K.push(c),c}var Ni=Pi;function Pi(e,t=null,n=null,r=0,i=null,a=!1){if((!e||e===sr)&&(e=xi),ki(e)){let r=Ii(e,t,!0);return n&&Hi(r,n),Ti>0&&!a&&K&&(r.shapeFlag&6?K[K.indexOf(e)]=r:K.push(r)),r.patchFlag=-2,r}if(ua(e)&&(e=e.__vccOpts),t){t=Fi(t);let{class:e,style:n}=t;e&&!g(e)&&(t.class=j(e)),v(n)&&(Lt(n)&&!d(n)&&(n=s({},n)),t.style=ce(n))}let o=g(e)?1:vi(e)?128:Pn(e)?64:v(e)?4:h(e)?2:0;return Y(e,t,n,r,i,o,a,!0)}function Fi(e){return e?Lt(e)||Kr(e)?s({},e):e:null}function Ii(e,t,n=!1,r=!1){let{props:i,ref:a,patchFlag:o,children:s,transition:c}=e,l=t?Ui(i||{},t):i,u={__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&ji(l),ref:t&&t.ref?n&&a?d(a)?a.concat(Mi(t)):[a,Mi(t)]:Mi(t):a,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:s,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==G?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:c,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Ii(e.ssContent),ssFallback:e.ssFallback&&Ii(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return c&&r&&In(u,c.clone(u)),u}function Li(e=` `,t=0){return Ni(bi,null,e,t)}function Ri(e,t){let n=Ni(Si,null,e);return n.staticCount=t,n}function zi(e=``,t=!1){return t?(q(),Oi(xi,null,e)):Ni(xi,null,e)}function Bi(e){return e==null||typeof e==`boolean`?Ni(xi):d(e)?Ni(G,null,e.slice()):ki(e)?Vi(e):Ni(bi,null,String(e))}function Vi(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Ii(e)}function Hi(e,t){let n=0,{shapeFlag:r}=e;if(t==null)t=null;else if(d(t))n=16;else if(typeof t==`object`)if(r&65){let n=t.default;n&&(n._c&&(n._d=!1),Hi(e,n()),n._c&&(n._d=!0));return}else{n=32;let r=t._;!r&&!Kr(t)?t._ctx=bn:r===3&&bn&&(bn.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else h(t)?(t={default:t,_ctx:bn},n=32):(t=String(t),r&64?(n=16,t=[Li(t)]):n=8);e.children=t,e.shapeFlag|=n}function Ui(...e){let t={};for(let n=0;nX||bn,Yi,Xi;{let e=se(),t=(t,n)=>{let r;return(r=e[t])||(r=e[t]=[]),r.push(n),e=>{r.length>1?r.forEach(t=>t(e)):r[0](e)}};Yi=t(`__VUE_INSTANCE_SETTERS__`,e=>X=e),Xi=t(`__VUE_SSR_SETTERS__`,e=>ea=e)}var Zi=e=>{let t=X;return Yi(e),e.scope.on(),()=>{e.scope.off(),Yi(t)}},Qi=()=>{X&&X.scope.off(),Yi(null)};function $i(e){return e.vnode.shapeFlag&4}var ea=!1;function ta(e,t=!1,n=!1){t&&Xi(t);let{props:r,children:i}=e.vnode,a=$i(e);qr(e,r,a,t),oi(e,i,n||t);let o=a?na(e,t):void 0;return t&&Xi(!1),o}function na(e,t){let n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,fr);let{setup:r}=n;if(r){Re();let n=e.setupContext=r.length>1?ca(e):null,i=Zi(e),a=en(r,e,0,[e.props,n]),o=y(a);if(ze(),i(),(o||e.sp)&&!Un(e)&&Rn(e),o){if(a.then(Qi,Qi),t)return a.then(n=>{ra(e,n,t)}).catch(t=>{nn(t,e,0)});e.asyncDep=a}else ra(e,a,t)}else oa(e,t)}function ra(e,t,n){h(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:v(t)&&(e.setupState=Gt(t)),oa(e,n)}var ia,aa;function oa(e,t,n){let i=e.type;if(!e.render){if(!t&&ia&&!i.render){let t=i.template||yr(e).template;if(t){let{isCustomElement:n,compilerOptions:r}=e.appContext.config,{delimiters:a,compilerOptions:o}=i;i.render=ia(t,s(s({isCustomElement:n,delimiters:a},r),o))}}e.render=i.render||r,aa&&aa(e)}{let t=Zi(e);Re();try{hr(e)}finally{ze(),t()}}}var sa={get(e,t){return L(e,`get`,``),e[t]}};function ca(e){return{attrs:new Proxy(e.attrs,sa),slots:e.slots,emit:e.emit,expose:t=>{e.exposed=t||{}}}}function la(e){return e.exposed?e.exposeProxy||=new Proxy(Gt(Rt(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in ur)return ur[n](e)},has(e,t){return t in e||t in ur}}):e.proxy}function ua(e){return h(e)&&`__vccOpts`in e}var Z=(e,t)=>qt(e,t,ea),da=`3.5.34`,fa=void 0,pa=typeof window<`u`&&window.trustedTypes;if(pa)try{fa=pa.createPolicy(`vue`,{createHTML:e=>e})}catch{}var ma=fa?e=>fa.createHTML(e):e=>e,ha=`http://www.w3.org/2000/svg`,ga=`http://www.w3.org/1998/Math/MathML`,_a=typeof document<`u`?document:null,va=_a&&_a.createElement(`template`),ya={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{let t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{let i=t===`svg`?_a.createElementNS(ha,e):t===`mathml`?_a.createElementNS(ga,e):n?_a.createElement(e,{is:n}):_a.createElement(e);return e===`select`&&r&&r.multiple!=null&&i.setAttribute(`multiple`,r.multiple),i},createText:e=>_a.createTextNode(e),createComment:e=>_a.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>_a.querySelector(e),setScopeId(e,t){e.setAttribute(t,``)},insertStaticContent(e,t,n,r,i,a){let o=n?n.previousSibling:t.lastChild;if(i&&(i===a||i.nextSibling))for(;t.insertBefore(i.cloneNode(!0),n),!(i===a||!(i=i.nextSibling)););else{va.innerHTML=ma(r===`svg`?`${e}`:r===`mathml`?`${e}`:e);let i=va.content;if(r===`svg`||r===`mathml`){let e=i.firstChild;for(;e.firstChild;)i.appendChild(e.firstChild);i.removeChild(e)}t.insertBefore(i,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},ba=Symbol(`_vtc`);function xa(e,t,n){let r=e[ba];r&&(t=(t?[t,...r]:[...r]).join(` `)),t==null?e.removeAttribute(`class`):n?e.setAttribute(`class`,t):e.className=t}var Sa=Symbol(`_vod`),Ca=Symbol(`_vsh`),wa=Symbol(``),Ta=/(?:^|;)\s*display\s*:/;function Ea(e,t,n){let r=e.style,i=g(n),a=!1;if(n&&!i){if(t)if(g(t))for(let e of t.split(`;`)){let t=e.slice(0,e.indexOf(`:`)).trim();n[t]??Oa(r,t,``)}else for(let e in t)n[e]??Oa(r,e,``);for(let i in n){i===`display`&&(a=!0);let o=n[i];o==null?Oa(r,i,``):Ma(e,i,!g(t)&&t?t[i]:void 0,o)||Oa(r,i,o)}}else if(i){if(t!==n){let e=r[wa];e&&(n+=`;`+e),r.cssText=n,a=Ta.test(n)}}else t&&e.removeAttribute(`style`);Sa in e&&(e[Sa]=a?r.display:``,e[Ca]&&(r.display=`none`))}var Da=/\s*!important$/;function Oa(e,t,n){if(d(n))n.forEach(n=>Oa(e,t,n));else if(n??=``,t.startsWith(`--`))e.setProperty(t,n);else{let r=ja(e,t);Da.test(n)?e.setProperty(E(r),n.replace(Da,``),`important`):e[r]=n}}var ka=[`Webkit`,`Moz`,`ms`],Aa={};function ja(e,t){let n=Aa[t];if(n)return n;let r=T(t);if(r!==`filter`&&r in e)return Aa[t]=r;r=ie(r);for(let n=0;nHa||=(Ua.then(()=>Ha=0),Date.now());function Ga(e,t){let n=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=n.attached)return;tn(Ka(e,n.value),t,5,[e])};return n.value=e,n.attached=Wa(),n}function Ka(e,t){if(d(t)){let n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(e=>t=>!t._stopped&&e&&e(t))}else return t}var qa=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Ja=(e,t,n,r,i,s)=>{let c=i===`svg`;t===`class`?xa(e,r,c):t===`style`?Ea(e,n,r):a(t)?o(t)||za(e,t,n,r,s):(t[0]===`.`?(t=t.slice(1),!0):t[0]===`^`?(t=t.slice(1),!1):Ya(e,t,r,c))?(Fa(e,t,r),!e.tagName.includes(`-`)&&(t===`value`||t===`checked`||t===`selected`)&&Pa(e,t,r,c,s,t!==`value`)):e._isVueCE&&(Xa(e,t)||e._def.__asyncLoader&&(/[A-Z]/.test(t)||!g(r)))?Fa(e,T(t),r,s,t):(t===`true-value`?e._trueValue=r:t===`false-value`&&(e._falseValue=r),Pa(e,t,r,c))};function Ya(e,t,n,r){if(r)return!!(t===`innerHTML`||t===`textContent`||t in e&&qa(t)&&h(n));if(t===`spellcheck`||t===`draggable`||t===`translate`||t===`autocorrect`||t===`sandbox`&&e.tagName===`IFRAME`||t===`form`||t===`list`&&e.tagName===`INPUT`||t===`type`&&e.tagName===`TEXTAREA`)return!1;if(t===`width`||t===`height`){let t=e.tagName;if(t===`IMG`||t===`VIDEO`||t===`CANVAS`||t===`SOURCE`)return!1}return qa(t)&&g(n)?!1:t in e}function Xa(e,t){let n=e._def.props;if(!n)return!1;let r=T(t);return Array.isArray(n)?n.some(e=>T(e)===r):Object.keys(n).some(e=>T(e)===r)}var Za=e=>{let t=e.props[`onUpdate:modelValue`]||!1;return d(t)?e=>O(t,e):t};function Qa(e){e.target.composing=!0}function $a(e){let t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event(`input`)))}var eo=Symbol(`_assign`);function to(e,t,n){return t&&(e=e.trim()),n&&(e=A(e)),e}var Q={created(e,{modifiers:{lazy:t,trim:n,number:r}},i){e[eo]=Za(i);let a=r||i.props&&i.props.type===`number`;Ia(e,t?`change`:`input`,t=>{t.target.composing||e[eo](to(e.value,n,a))}),(n||a)&&Ia(e,`change`,()=>{e.value=to(e.value,n,a)}),t||(Ia(e,`compositionstart`,Qa),Ia(e,`compositionend`,$a),Ia(e,`change`,$a))},mounted(e,{value:t}){e.value=t??``},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:a}},o){if(e[eo]=Za(o),e.composing)return;let s=(a||e.type===`number`)&&!/^0\d/.test(e.value)?A(e.value):e.value,c=t??``;if(s===c)return;let l=e.getRootNode();(l instanceof Document||l instanceof ShadowRoot)&&l.activeElement===e&&e.type!==`range`&&(r&&t===n||i&&e.value.trim()===c)||(e.value=c)}},$={deep:!0,created(e,t,n){e[eo]=Za(n),Ia(e,`change`,()=>{let t=e._modelValue,n=ao(e),r=e.checked,i=e[eo];if(d(t)){let e=ge(t,n),a=e!==-1;if(r&&!a)i(t.concat(n));else if(!r&&a){let n=[...t];n.splice(e,1),i(n)}}else if(p(t)){let e=new Set(t);r?e.add(n):e.delete(n),i(e)}else i(oo(e,r))})},mounted:no,beforeUpdate(e,t,n){e[eo]=Za(n),no(e,t,n)}};function no(e,{value:t,oldValue:n},r){e._modelValue=t;let i;if(d(t))i=ge(t,r.props.value)>-1;else if(p(t))i=t.has(r.props.value);else{if(t===n)return;i=N(t,oo(e,!0))}e.checked!==i&&(e.checked=i)}var ro={deep:!0,created(e,{value:t,modifiers:{number:n}},r){let i=p(t);Ia(e,`change`,()=>{let t=Array.prototype.filter.call(e.options,e=>e.selected).map(e=>n?A(ao(e)):ao(e));e[eo](e.multiple?i?new Set(t):t:t[0]),e._assigning=!0,dn(()=>{e._assigning=!1})}),e[eo]=Za(r)},mounted(e,{value:t}){io(e,t)},beforeUpdate(e,t,n){e[eo]=Za(n)},updated(e,{value:t}){e._assigning||io(e,t)}};function io(e,t){let n=e.multiple,r=d(t);if(!(n&&!r&&!p(t))){for(let i=0,a=e.options.length;iString(e)===String(o)):a.selected=ge(t,o)>-1}else a.selected=t.has(o);else if(N(ao(a),t)){e.selectedIndex!==i&&(e.selectedIndex=i);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function ao(e){return`_value`in e?e._value:e.value}function oo(e,t){let n=t?`_trueValue`:`_falseValue`;return n in e?e[n]:t}var so=s({patchProp:Ja},ya),co;function lo(){return co||=ci(so)}var uo=((...e)=>{let t=lo().createApp(...e),{mount:n}=t;return t.mount=e=>{let r=po(e);if(!r)return;let i=t._component;!h(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent=``);let a=n(r,!1,fo(r));return r instanceof Element&&(r.removeAttribute(`v-cloak`),r.setAttribute(`data-v-app`,``)),a},t});function fo(e){if(e instanceof SVGElement)return`svg`;if(typeof MathMLElement==`function`&&e instanceof MathMLElement)return`mathml`}function po(e){return g(e)?document.querySelector(e):e}var mo=`2.37.0`,ho=`https://g.alicdn.com/apsara-media-box/imp-web-player/${mo}/skins/default/aliplayer-min.css`,go=`https://g.alicdn.com/apsara-media-box/imp-web-player/${mo}/aliplayer-min.js`,_o=new Map;function vo(e){return`https://g.alicdn.com/apsara-media-box/imp-web-player/${e}/skins/default/aliplayer-min.css`}function yo(e){return`https://g.alicdn.com/apsara-media-box/imp-web-player/${e}/aliplayer-min.js`}function bo(e){if(!e||document.querySelector(`link[data-vue-aliplayer-v2-css="${e}"]`))return;let t=document.createElement(`link`);t.type=`text/css`,t.rel=`stylesheet`,t.href=e,t.dataset.vueAliplayerV2Css=e,document.head.appendChild(t)}function xo(e,t){if(!e||t&&window[t])return Promise.resolve();if(_o.has(e))return _o.get(e);let n=document.querySelector(`script[data-vue-aliplayer-v2-js="${e}"]`);if(n){let t=new Promise((t,r)=>{if(n.dataset.vueAliplayerV2Loaded===`true`){t();return}n.addEventListener(`load`,()=>{n.dataset.vueAliplayerV2Loaded=`true`,t()},{once:!0}),n.addEventListener(`error`,()=>r(Error(`Failed to load Aliplayer SDK: ${e}`)),{once:!0})});return _o.set(e,t),t}let r=new Promise((t,n)=>{let r=document.createElement(`script`);r.type=`text/javascript`,r.src=e,r.dataset.vueAliplayerV2Js=e,r.addEventListener(`load`,()=>{r.dataset.vueAliplayerV2Loaded=`true`,t()},{once:!0}),r.addEventListener(`error`,()=>n(Error(`Failed to load Aliplayer SDK: ${e}`)),{once:!0}),document.documentElement.appendChild(r)});return _o.set(e,r),r}async function So(e,t){bo(e),await xo(t,`Aliplayer`)}async function Co(e=[]){for(let t of e)await xo(t)}var wo=[`m3u8`,`flv`,`mp4`,`rtmp`,`mp3`];function To(e){if(!e)return null;if(/^rtmps?:\/\//i.test(e))return`rtmp`;let t=e.split(`?`)[0].split(`#`)[0].toLowerCase();return wo.find(e=>e&&t.endsWith(`.${e}`))||null}function Eo(e){if(!e)return e||null;if(/^(data|blob):/i.test(e))return e;try{return encodeURI(e)}catch{return e}}var Do=[`videocloud.cn-hangzhou.log.aliyuncs.com/logstores/newplayer/track`],Oo=!1;function ko(e,t){return t.some(t=>typeof t==`string`?e.includes(t):t.test(e))}function Ao(e=Do){if(Oo)return;Oo=!0;let t=window.fetch?.bind(window);t&&(window.fetch=((n,r)=>ko(typeof n==`string`||n instanceof URL?String(n):n.url,e)?Promise.resolve(new Response(null,{status:204,statusText:`No Content`})):t(n,r)));let n=XMLHttpRequest.prototype.open,r=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(t,r,i,a,o){this.__vueAliplayerV2Blocked=ko(String(r),e),n.call(this,t,r,i??!0,a??void 0,o??void 0)},XMLHttpRequest.prototype.send=function(e){this.__vueAliplayerV2Blocked||r.call(this,e)}}var jo=Ln({name:`VueAliplayerV2`,__name:`index`,props:{autoFormat:{type:Boolean,default:!0},forbidFastForward:{type:Boolean,default:!1},license:{default:null},lowLatency:{type:Boolean,default:!1},normalizeSourceUrl:{type:Boolean,default:!0},options:{default:null},source:{default:null},sdkVersion:{default:mo},cssLink:{default:``},scriptSrc:{default:``},componentScripts:{default:()=>[]},disableTracking:{type:Boolean,default:!1},trackingUrlPatterns:{default:()=>[]}},emits:[`ready`,`play`,`pause`,`canplay`,`playing`,`ended`,`liveStreamStop`,`onM3u8Retry`,`hideBar`,`showBar`,`waiting`,`timeupdate`,`snapshoted`,`requestFullScreen`,`cancelFullScreen`,`error`,`startSeek`,`completeSeek`,`sdk-error`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=B(null),o=B(null),s=B(!1),c=B(null),l=0,u=`player-${Math.random().toString(36).slice(2).toUpperCase()}`,d=[`ready`,`play`,`pause`,`canplay`,`playing`,`ended`,`liveStreamStop`,`onM3u8Retry`,`hideBar`,`showBar`,`waiting`,`timeupdate`,`snapshoted`,`requestFullScreen`,`cancelFullScreen`,`error`,`startSeek`,`completeSeek`],f=Z(()=>r.cssLink||(r.sdkVersion?vo(r.sdkVersion):ho)),p=Z(()=>r.scriptSrc||(r.sdkVersion?yo(r.sdkVersion):go)),m=Z(()=>r.normalizeSourceUrl?Eo(r.source):r.source),h=Z(()=>To(m.value)),g=Z(()=>{let e={width:`100%`,autoplay:!0,...r.options||{},...r.license?{license:r.license}:{},...m.value?{source:m.value}:{},id:u};return r.autoFormat&&h.value&&!e.format&&(e.format=h.value),r.lowLatency&&e.isLive&&h.value===`flv`&&(e.enableStashBufferForFlv=e.enableStashBufferForFlv??!1,e.stashInitialSizeForFlv=e.stashInitialSizeForFlv??128),e});function _(){return a.value}function v(){a.value&&(a.value.dispose(),a.value=null,c.value=null)}function y(e){d.forEach(t=>{e.on(t,e=>{i(t,e)})})}function b(e){if(!r.forbidFastForward)return;let t=0,n=0;e.on(`timeupdate`,()=>{let r=e.getCurrentTime();if(r-t>2){e.seek(t);return}t=r,t>=n&&(n=t)})}function x(){if(s.value||!window.Aliplayer||!o.value)return;v();let e=window.Aliplayer({...g.value});a.value=e,c.value=h.value,y(e),b(e)}async function S(){let e=++l;try{if(r.disableTracking&&Ao(r.trackingUrlPatterns),await So(f.value,p.value),await Co(r.componentScripts),await dn(),s.value||e!==l)return;x()}catch(e){i(`sdk-error`,e instanceof Error?e:Error(String(e)))}}async function C(e){if(e&&a.value){a.value.loadByUrl(r.normalizeSourceUrl&&Eo(e)||e);return}await S()}async function w(e){await C(e)}function ee(){a.value?.play()}function te(){a.value?.pause()}function ne(){a.value?.replay()}function T(e){a.value?.seek(e)}function re(){return a.value?.getCurrentTime()}function E(){return a.value?.getDuration()}function ie(){return a.value?.getVolume()}function ae(e){a.value?.setVolume(e)}function D(e,t){a.value?.loadByUrl(e,t)}function O(e,t){a.value?.replayByVidAndPlayAuth(e,t)}function k(e,t,n,r,i,o){a.value?.replayByVidAndAuthInfo(e,t,n,r,i,o)}function A(e,t){a.value?.setPlayerSize(e,t)}function oe(e){a.value?.setSpeed(e)}function se(e,t,n){a.value?.setSanpshotProperties(e,t,n)}function ce(){a.value?.fullscreenService?.requestFullScreen()}function le(){a.value?.fullscreenService?.cancelFullScreen()}function ue(){return a.value?.fullscreenService?.getIsFullScreen()}function de(){return a.value?.getStatus()}function fe(e,t){a.value?.liveShiftSerivce?.setLiveTimeRange(e,t)}function j(e){a.value?.setRotate(e)}function pe(){return a.value?.getRotate()}function me(e){a.value?.setImage(e)}function he(e){a.value?.setCover(e)}function M(e){a.value?.setProgressMarkers(e)}function N(e){a.value?.setPreviewTime(e)}function ge(){return a.value?.getPreviewTime()}function _e(){return a.value?.isPreview()}function P(e,t){a.value?.off?.(e,t)}return Qn(()=>{S()}),kn(()=>m.value,e=>{if(!e)return;let t=To(e);if(a.value&&t&&t===c.value){a.value.loadByUrl(e);return}S()}),kn(()=>[r.options,r.forbidFastForward,r.license,r.lowLatency,r.autoFormat,r.sdkVersion,r.cssLink,r.scriptSrc,r.componentScripts,r.disableTracking,r.trackingUrlPatterns],()=>{S()},{deep:!0}),tr(()=>{s.value=!0,l+=1,v()}),t({getPlayer:_,init:S,initPlayer:x,reload:C,retry:w,play:ee,pause:te,replay:ne,seek:T,getCurrentTime:re,getDuration:E,getVolume:ie,setVolume:ae,loadByUrl:D,replayByVidAndPlayAuth:O,replayByVidAndAuthInfo:k,setPlayerSize:A,setSpeed:oe,setSanpshotProperties:se,requestFullScreen:ce,cancelFullScreen:le,getIsFullScreen:ue,getStatus:de,setLiveTimeRange:fe,setRotate:j,getRotate:pe,setImage:me,dispose:v,setCover:he,setProgressMarkers:M,setPreviewTime:N,getPreviewTime:ge,isPreview:_e,off:P}),(e,t)=>(q(),J(`div`,{id:u,ref_key:`containerRef`,ref:o,class:`vue-aliplayer-v2`},null,512))}}),Mo=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},No=Mo(jo,[[`__scopeId`,`data-v-cf852d0d`]]),Po={sdkVersion:mo,cssLink:ho,scriptSrc:go,componentScripts:[],disableTracking:!1,trackingUrlPatterns:[]},Fo=No;Fo.install=(e,t)=>{Object.assign(Po,t||{}),e.component(`VueAliplayerV2`,Fo)},Fo.props.cssLink.default=()=>Po.cssLink,Fo.props.scriptSrc.default=()=>Po.scriptSrc,Fo.props.sdkVersion.default=()=>Po.sdkVersion,Fo.props.componentScripts.default=()=>Po.componentScripts,Fo.props.disableTracking.default=()=>Po.disableTracking,Fo.props.trackingUrlPatterns.default=()=>Po.trackingUrlPatterns,Fo.Player=Fo;var Io={class:`demo-page`},Lo={class:`app-header`},Ro={class:`header-actions`},zo=[`disabled`],Bo={class:`status-strip`},Vo={class:`workspace`},Ho={class:`stage-column`},Uo={class:`player-panel`},Wo={class:`player-panel-head`},Go={class:`switch compact-switch`},Ko={key:0,class:`player-grid`},qo={key:1,class:`empty-player`},Jo={class:`transport`},Yo=[`disabled`],Xo=[`disabled`],Zo=[`disabled`],Qo=[`disabled`],$o=[`disabled`],es=[`disabled`],ts={class:`lower-grid`},ns={class:`event-panel`},rs={class:`section-head`},is={class:`log-list`},as={key:0,class:`muted-row`},os={class:`config-panel`},ss={class:`inspector`},cs={class:`tabs`,role:`tablist`,"aria-label":`参数分组`},ls=[`onClick`],us={key:0,class:`panel-section`},ds={class:`segmented`},fs=[`onClick`],ps={key:0,class:`field`},ms=[`value`],hs={key:1,class:`field`},gs={key:2,class:`field-grid`},_s={class:`field`},vs={class:`field`},ys={class:`field`},bs={key:3,class:`field-grid`},xs={class:`field`},Ss={class:`field`},Cs={class:`field`},ws={class:`field`},Ts={class:`field`},Es={key:1,class:`panel-section`},Ds={class:`switch-grid`},Os={class:`switch`},ks={class:`switch`},As={class:`switch`},js={class:`switch`},Ms={class:`switch`},Ns={class:`switch`},Ps={class:`switch`},Fs={class:`switch`},Is={class:`field-grid`},Ls={class:`field`},Rs={class:`field`},zs={class:`field`},Bs={class:`field`},Vs={class:`field`},Hs={class:`field`},Us={key:2,class:`panel-section`},Ws={class:`switch-grid`},Gs={class:`switch`},Ks={class:`switch`},qs={class:`switch`},Js={class:`switch`},Ys={class:`field-grid`},Xs={class:`field`},Zs={class:`field`},Qs={class:`field`},$s={class:`field`},ec={class:`field`},tc={class:`field`},nc={key:3,class:`panel-section`},rc={class:`field-grid`},ic={class:`field`},ac={class:`field`},oc={class:`field`},sc={class:`field`},cc={class:`switch-grid`},lc={class:`switch`},uc={class:`switch`},dc={key:4,class:`panel-section`},fc={class:`field-grid`},pc={class:`field`},mc={class:`field`},hc={class:`field`},gc={class:`field`},_c={key:0,class:`error-line`};uo(Mo(Ln({__name:`App`,setup(e){let t=B(null),n=B(!0),r=B(!1),i=B(`source`),a=B(`url`),o=B(`//player.alicdn.com/video/aliyunmedia.mp4`),s=B(``),c=B(`init`),l=B([]),u=B(`2.37.0`),d=B(!0),f=B(!0),p=B(!0),m=B(!1),h=B(!1),g=B(``),_=B(``),v=B(`auto`),y=B(128),b=B(``),x=B(``),S=B(``),C=B(`center`),w=B(0),ee=B(`10,30,60`),te=B(`{ +(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();function e(e){let t=Object.create(null);for(let n of e.split(`,`))t[n]=1;return e=>e in t}var t={},n=[],r=()=>{},i=()=>!1,a=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),o=e=>e.startsWith(`onUpdate:`),s=Object.assign,c=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1)},l=Object.prototype.hasOwnProperty,u=(e,t)=>l.call(e,t),d=Array.isArray,f=e=>x(e)===`[object Map]`,p=e=>x(e)===`[object Set]`,m=e=>x(e)===`[object Date]`,h=e=>typeof e==`function`,g=e=>typeof e==`string`,_=e=>typeof e==`symbol`,v=e=>typeof e==`object`&&!!e,y=e=>(v(e)||h(e))&&h(e.then)&&h(e.catch),b=Object.prototype.toString,x=e=>b.call(e),S=e=>x(e).slice(8,-1),C=e=>x(e)===`[object Object]`,w=e=>g(e)&&e!==`NaN`&&e[0]!==`-`&&``+parseInt(e,10)===e,ee=e(`,key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted`),te=e=>{let t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))},ne=/-\w/g,T=te(e=>e.replace(ne,e=>e.slice(1).toUpperCase())),re=/\B([A-Z])/g,E=te(e=>e.replace(re,`-$1`).toLowerCase()),ie=te(e=>e.charAt(0).toUpperCase()+e.slice(1)),ae=te(e=>e?`on${ie(e)}`:``),D=(e,t)=>!Object.is(e,t),O=(e,...t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:r,value:n})},A=e=>{let t=parseFloat(e);return isNaN(t)?e:t},oe,se=()=>oe||=typeof globalThis<`u`?globalThis:typeof self<`u`?self:typeof window<`u`?window:typeof global<`u`?global:{};function ce(e){if(d(e)){let t={};for(let n=0;n{if(e){let n=e.split(ue);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function j(e){let t=``;if(g(e))t=e;else if(d(e))for(let n=0;nN(e,t))}var _e=e=>!!(e&&e.__v_isRef===!0),P=e=>g(e)?e:e==null?``:d(e)||v(e)&&(e.toString===b||!h(e.toString))?_e(e)?P(e.value):JSON.stringify(e,ve,2):String(e),ve=(e,t)=>_e(t)?ve(e,t.value):f(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((e,[t,n],r)=>(e[ye(t,r)+` =>`]=n,e),{})}:p(t)?{[`Set(${t.size})`]:[...t.values()].map(e=>ye(e))}:_(t)?ye(t):v(t)&&!d(t)&&!C(t)?String(t):t,ye=(e,t=``)=>_(e)?`Symbol(${e.description??t})`:e,F,be=class{constructor(e=!1){this.detached=e,this._active=!0,this._on=0,this.effects=[],this.cleanups=[],this._isPaused=!1,this._warnOnRun=!0,this.__v_skip=!0,!e&&F&&(F.active?(this.parent=F,this.index=(F.scopes||=[]).push(this)-1):(this._active=!1,this._warnOnRun=!1))}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let e,t;if(this.scopes)for(e=0,t=this.scopes.length;e0&&--this._on===0){if(F===this)F=this.prevScope;else{let e=F;for(;e;){if(e.prevScope===this){e.prevScope=this.prevScope;break}e=e.prevScope}}this.prevScope=void 0}}stop(e){if(this._active){this._active=!1;let t,n;for(t=0,n=this.effects.length;t0)return;if(Ee){let e=Ee;for(Ee=void 0;e;){let t=e.next;e.next=void 0,e.flags&=-9,e=t}}let e;for(;Te;){let t=Te;for(Te=void 0;t;){let n=t.next;if(t.next=void 0,t.flags&=-9,t.flags&1)try{t.trigger()}catch(t){e||=t}t=n}}if(e)throw e}function Ae(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function je(e){let t,n=e.depsTail,r=n;for(;r;){let e=r.prevDep;r.version===-1?(r===n&&(n=e),Pe(r),Fe(r)):t=r,r.dep.activeLink=r.prevActiveLink,r.prevActiveLink=void 0,r=e}e.deps=t,e.depsTail=n}function Me(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(Ne(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function Ne(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===Ve)||(e.globalVersion=Ve,!e.isSSR&&e.flags&128&&(!e.deps&&!e._dirty||!Me(e))))return;e.flags|=2;let t=e.dep,n=I,r=Ie;I=e,Ie=!0;try{Ae(e);let n=e.fn(e._value);(t.version===0||D(n,e._value))&&(e.flags|=128,e._value=n,t.version++)}catch(e){throw t.version++,e}finally{I=n,Ie=r,je(e),e.flags&=-3}}function Pe(e,t=!1){let{dep:n,prevSub:r,nextSub:i}=e;if(r&&(r.nextSub=i,e.prevSub=void 0),i&&(i.prevSub=r,e.nextSub=void 0),n.subs===e&&(n.subs=r,!r&&n.computed)){n.computed.flags&=-5;for(let e=n.computed.deps;e;e=e.nextDep)Pe(e,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function Fe(e){let{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}var Ie=!0,Le=[];function Re(){Le.push(Ie),Ie=!1}function ze(){let e=Le.pop();Ie=e===void 0?!0:e}function Be(e){let{cleanup:t}=e;if(e.cleanup=void 0,t){let e=I;I=void 0;try{t()}finally{I=e}}}var Ve=0,He=class{constructor(e,t){this.sub=e,this.dep=t,this.version=t.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}},Ue=class{constructor(e){this.computed=e,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0,this.__v_skip=!0}track(e){if(!I||!Ie||I===this.computed)return;let t=this.activeLink;if(t===void 0||t.sub!==I)t=this.activeLink=new He(I,this),I.deps?(t.prevDep=I.depsTail,I.depsTail.nextDep=t,I.depsTail=t):I.deps=I.depsTail=t,We(t);else if(t.version===-1&&(t.version=this.version,t.nextDep)){let e=t.nextDep;e.prevDep=t.prevDep,t.prevDep&&(t.prevDep.nextDep=e),t.prevDep=I.depsTail,t.nextDep=void 0,I.depsTail.nextDep=t,I.depsTail=t,I.deps===t&&(I.deps=e)}return t}trigger(e){this.version++,Ve++,this.notify(e)}notify(e){Oe();try{for(let e=this.subs;e;e=e.prevSub)e.sub.notify()&&e.sub.dep.notify()}finally{ke()}}};function We(e){if(e.dep.sc++,e.sub.flags&4){let t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let e=t.deps;e;e=e.nextDep)We(e)}let n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}var Ge=new WeakMap,Ke=Symbol(``),qe=Symbol(``),Je=Symbol(``);function L(e,t,n){if(Ie&&I){let t=Ge.get(e);t||Ge.set(e,t=new Map);let r=t.get(n);r||(t.set(n,r=new Ue),r.map=t,r.key=n),r.track()}}function Ye(e,t,n,r,i,a){let o=Ge.get(e);if(!o){Ve++;return}let s=e=>{e&&e.trigger()};if(Oe(),t===`clear`)o.forEach(s);else{let i=d(e),a=i&&w(n);if(i&&n===`length`){let e=Number(r);o.forEach((t,n)=>{(n===`length`||n===Je||!_(n)&&n>=e)&&s(t)})}else switch((n!==void 0||o.has(void 0))&&s(o.get(n)),a&&s(o.get(Je)),t){case`add`:i?a&&s(o.get(`length`)):(s(o.get(Ke)),f(e)&&s(o.get(qe)));break;case`delete`:i||(s(o.get(Ke)),f(e)&&s(o.get(qe)));break;case`set`:f(e)&&s(o.get(Ke));break}}ke()}function Xe(e){let t=R(e);return t===e?t:(L(t,`iterate`,Je),It(e)?t:t.map(zt))}function Ze(e){return L(e=R(e),`iterate`,Je),e}function Qe(e,t){return Ft(e)?Bt(Pt(e)?zt(t):t):zt(t)}var $e={__proto__:null,[Symbol.iterator](){return et(this,Symbol.iterator,e=>Qe(this,e))},concat(...e){return Xe(this).concat(...e.map(e=>d(e)?Xe(e):e))},entries(){return et(this,`entries`,e=>(e[1]=Qe(this,e[1]),e))},every(e,t){return nt(this,`every`,e,t,void 0,arguments)},filter(e,t){return nt(this,`filter`,e,t,e=>e.map(e=>Qe(this,e)),arguments)},find(e,t){return nt(this,`find`,e,t,e=>Qe(this,e),arguments)},findIndex(e,t){return nt(this,`findIndex`,e,t,void 0,arguments)},findLast(e,t){return nt(this,`findLast`,e,t,e=>Qe(this,e),arguments)},findLastIndex(e,t){return nt(this,`findLastIndex`,e,t,void 0,arguments)},forEach(e,t){return nt(this,`forEach`,e,t,void 0,arguments)},includes(...e){return it(this,`includes`,e)},indexOf(...e){return it(this,`indexOf`,e)},join(e){return Xe(this).join(e)},lastIndexOf(...e){return it(this,`lastIndexOf`,e)},map(e,t){return nt(this,`map`,e,t,void 0,arguments)},pop(){return at(this,`pop`)},push(...e){return at(this,`push`,e)},reduce(e,...t){return rt(this,`reduce`,e,t)},reduceRight(e,...t){return rt(this,`reduceRight`,e,t)},shift(){return at(this,`shift`)},some(e,t){return nt(this,`some`,e,t,void 0,arguments)},splice(...e){return at(this,`splice`,e)},toReversed(){return Xe(this).toReversed()},toSorted(e){return Xe(this).toSorted(e)},toSpliced(...e){return Xe(this).toSpliced(...e)},unshift(...e){return at(this,`unshift`,e)},values(){return et(this,`values`,e=>Qe(this,e))}};function et(e,t,n){let r=Ze(e),i=r[t]();return r!==e&&!It(e)&&(i._next=i.next,i.next=()=>{let e=i._next();return e.done||(e.value=n(e.value)),e}),i}var tt=Array.prototype;function nt(e,t,n,r,i,a){let o=Ze(e),s=o!==e&&!It(e),c=o[t];if(c!==tt[t]){let t=c.apply(e,a);return s?zt(t):t}let l=n;o!==e&&(s?l=function(t,r){return n.call(this,Qe(e,t),r,e)}:n.length>2&&(l=function(t,r){return n.call(this,t,r,e)}));let u=c.call(o,l,r);return s&&i?i(u):u}function rt(e,t,n,r){let i=Ze(e),a=i!==e&&!It(e),o=n,s=!1;i!==e&&(a?(s=r.length===0,o=function(t,r,i){return s&&(s=!1,t=Qe(e,t)),n.call(this,t,Qe(e,r),i,e)}):n.length>3&&(o=function(t,r,i){return n.call(this,t,r,i,e)}));let c=i[t](o,...r);return s?Qe(e,c):c}function it(e,t,n){let r=R(e);L(r,`iterate`,Je);let i=r[t](...n);return(i===-1||i===!1)&&Lt(n[0])?(n[0]=R(n[0]),r[t](...n)):i}function at(e,t,n=[]){Re(),Oe();let r=R(e)[t].apply(e,n);return ke(),ze(),r}var ot=e(`__proto__,__v_isRef,__isVue`),st=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!==`arguments`&&e!==`caller`).map(e=>Symbol[e]).filter(_));function ct(e){_(e)||(e=String(e));let t=R(this);return L(t,`has`,e),t.hasOwnProperty(e)}var lt=class{constructor(e=!1,t=!1){this._isReadonly=e,this._isShallow=t}get(e,t,n){if(t===`__v_skip`)return e.__v_skip;let r=this._isReadonly,i=this._isShallow;if(t===`__v_isReactive`)return!r;if(t===`__v_isReadonly`)return r;if(t===`__v_isShallow`)return i;if(t===`__v_raw`)return n===(r?i?Dt:Et:i?Tt:wt).get(e)||Object.getPrototypeOf(e)===Object.getPrototypeOf(n)?e:void 0;let a=d(e);if(!r){let e;if(a&&(e=$e[t]))return e;if(t===`hasOwnProperty`)return ct}let o=Reflect.get(e,t,z(e)?e:n);if((_(t)?st.has(t):ot(t))||(r||L(e,`get`,t),i))return o;if(z(o)){let e=a&&w(t)?o:o.value;return r&&v(e)?Mt(e):e}return v(o)?r?Mt(o):At(o):o}},ut=class extends lt{constructor(e=!1){super(!1,e)}set(e,t,n,r){let i=e[t],a=d(e)&&w(t);if(!this._isShallow){let e=Ft(i);if(!It(n)&&!Ft(n)&&(i=R(i),n=R(n)),!a&&z(i)&&!z(n))return e||(i.value=n),!0}let o=a?Number(t)e,gt=e=>Reflect.getPrototypeOf(e);function _t(e,t,n){return function(...r){let i=this.__v_raw,a=R(i),o=f(a),c=e===`entries`||e===Symbol.iterator&&o,l=e===`keys`&&o,u=i[e](...r),d=n?ht:t?Bt:zt;return!t&&L(a,`iterate`,l?qe:Ke),s(Object.create(u),{next(){let{value:e,done:t}=u.next();return t?{value:e,done:t}:{value:c?[d(e[0]),d(e[1])]:d(e),done:t}}})}}function vt(e){return function(...t){return e===`delete`?!1:e===`clear`?void 0:this}}function yt(e,t){let n={get(n){let r=this.__v_raw,i=R(r),a=R(n);e||(D(n,a)&&L(i,`get`,n),L(i,`get`,a));let{has:o}=gt(i),s=t?ht:e?Bt:zt;if(o.call(i,n))return s(r.get(n));if(o.call(i,a))return s(r.get(a));r!==i&&r.get(n)},get size(){let t=this.__v_raw;return!e&&L(R(t),`iterate`,Ke),t.size},has(t){let n=this.__v_raw,r=R(n),i=R(t);return e||(D(t,i)&&L(r,`has`,t),L(r,`has`,i)),t===i?n.has(t):n.has(t)||n.has(i)},forEach(n,r){let i=this,a=i.__v_raw,o=R(a),s=t?ht:e?Bt:zt;return!e&&L(o,`iterate`,Ke),a.forEach((e,t)=>n.call(r,s(e),s(t),i))}};return s(n,e?{add:vt(`add`),set:vt(`set`),delete:vt(`delete`),clear:vt(`clear`)}:{add(e){let n=R(this),r=gt(n),i=R(e),a=!t&&!It(e)&&!Ft(e)?i:e;return r.has.call(n,a)||D(e,a)&&r.has.call(n,e)||D(i,a)&&r.has.call(n,i)||(n.add(a),Ye(n,`add`,a,a)),this},set(e,n){!t&&!It(n)&&!Ft(n)&&(n=R(n));let r=R(this),{has:i,get:a}=gt(r),o=i.call(r,e);o||=(e=R(e),i.call(r,e));let s=a.call(r,e);return r.set(e,n),o?D(n,s)&&Ye(r,`set`,e,n,s):Ye(r,`add`,e,n),this},delete(e){let t=R(this),{has:n,get:r}=gt(t),i=n.call(t,e);i||=(e=R(e),n.call(t,e));let a=r?r.call(t,e):void 0,o=t.delete(e);return i&&Ye(t,`delete`,e,void 0,a),o},clear(){let e=R(this),t=e.size!==0,n=e.clear();return t&&Ye(e,`clear`,void 0,void 0,void 0),n}}),[`keys`,`values`,`entries`,Symbol.iterator].forEach(r=>{n[r]=_t(r,e,t)}),n}function bt(e,t){let n=yt(e,t);return(t,r,i)=>r===`__v_isReactive`?!e:r===`__v_isReadonly`?e:r===`__v_raw`?t:Reflect.get(u(n,r)&&r in t?n:t,r,i)}var xt={get:bt(!1,!1)},St={get:bt(!1,!0)},Ct={get:bt(!0,!1)},wt=new WeakMap,Tt=new WeakMap,Et=new WeakMap,Dt=new WeakMap;function Ot(e){switch(e){case`Object`:case`Array`:return 1;case`Map`:case`Set`:case`WeakMap`:case`WeakSet`:return 2;default:return 0}}function kt(e){return e.__v_skip||!Object.isExtensible(e)?0:Ot(S(e))}function At(e){return Ft(e)?e:Nt(e,!1,ft,xt,wt)}function jt(e){return Nt(e,!1,mt,St,Tt)}function Mt(e){return Nt(e,!0,pt,Ct,Et)}function Nt(e,t,n,r,i){if(!v(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;let a=kt(e);if(a===0)return e;let o=i.get(e);if(o)return o;let s=new Proxy(e,a===2?r:n);return i.set(e,s),s}function Pt(e){return Ft(e)?Pt(e.__v_raw):!!(e&&e.__v_isReactive)}function Ft(e){return!!(e&&e.__v_isReadonly)}function It(e){return!!(e&&e.__v_isShallow)}function Lt(e){return e?!!e.__v_raw:!1}function R(e){let t=e&&e.__v_raw;return t?R(t):e}function Rt(e){return!u(e,`__v_skip`)&&Object.isExtensible(e)&&k(e,`__v_skip`,!0),e}var zt=e=>v(e)?At(e):e,Bt=e=>v(e)?Mt(e):e;function z(e){return e?e.__v_isRef===!0:!1}function B(e){return Vt(e,!1)}function Vt(e,t){return z(e)?e:new Ht(e,t)}var Ht=class{constructor(e,t){this.dep=new Ue,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=t?e:R(e),this._value=t?e:zt(e),this.__v_isShallow=t}get value(){return this.dep.track(),this._value}set value(e){let t=this._rawValue,n=this.__v_isShallow||It(e)||Ft(e);e=n?e:R(e),D(e,t)&&(this._rawValue=e,this._value=n?e:zt(e),this.dep.trigger())}};function Ut(e){return z(e)?e.value:e}var Wt={get:(e,t,n)=>t===`__v_raw`?e:Ut(Reflect.get(e,t,n)),set:(e,t,n,r)=>{let i=e[t];return z(i)&&!z(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function Gt(e){return Pt(e)?e:new Proxy(e,Wt)}var Kt=class{constructor(e,t,n){this.fn=e,this.setter=t,this._value=void 0,this.dep=new Ue(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=Ve-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!t,this.isSSR=n}notify(){if(this.flags|=16,!(this.flags&8)&&I!==this)return De(this,!0),!0}get value(){let e=this.dep.track();return Ne(this),e&&(e.version=this.dep.version),this._value}set value(e){this.setter&&this.setter(e)}};function qt(e,t,n=!1){let r,i;return h(e)?r=e:(r=e.get,i=e.set),new Kt(r,i,n)}var Jt={},Yt=new WeakMap,Xt=void 0;function Zt(e,t=!1,n=Xt){if(n){let t=Yt.get(n);t||Yt.set(n,t=[]),t.push(e)}}function Qt(e,n,i=t){let{immediate:a,deep:o,once:s,scheduler:l,augmentJob:u,call:f}=i,p=e=>o?e:It(e)||o===!1||o===0?$t(e,1):$t(e),m,g,_,v,y=!1,b=!1;if(z(e)?(g=()=>e.value,y=It(e)):Pt(e)?(g=()=>p(e),y=!0):d(e)?(b=!0,y=e.some(e=>Pt(e)||It(e)),g=()=>e.map(e=>{if(z(e))return e.value;if(Pt(e))return p(e);if(h(e))return f?f(e,2):e()})):g=h(e)?n?f?()=>f(e,2):e:()=>{if(_){Re();try{_()}finally{ze()}}let t=Xt;Xt=m;try{return f?f(e,3,[v]):e(v)}finally{Xt=t}}:r,n&&o){let e=g,t=o===!0?1/0:o;g=()=>$t(e(),t)}let x=xe(),S=()=>{m.stop(),x&&x.active&&c(x.effects,m)};if(s&&n){let e=n;n=(...t)=>{e(...t),S()}}let C=b?Array(e.length).fill(Jt):Jt,w=e=>{if(!(!(m.flags&1)||!m.dirty&&!e))if(n){let e=m.run();if(o||y||(b?e.some((e,t)=>D(e,C[t])):D(e,C))){_&&_();let t=Xt;Xt=m;try{let t=[e,C===Jt?void 0:b&&C[0]===Jt?[]:C,v];C=e,f?f(n,3,t):n(...t)}finally{Xt=t}}}else m.run()};return u&&u(w),m=new Ce(g),m.scheduler=l?()=>l(w,!1):w,v=e=>Zt(e,!1,m),_=m.onStop=()=>{let e=Yt.get(m);if(e){if(f)f(e,4);else for(let t of e)t();Yt.delete(m)}},n?a?w(!0):C=m.run():l?l(w.bind(null,!0),!0):m.run(),S.pause=m.pause.bind(m),S.resume=m.resume.bind(m),S.stop=S,S}function $t(e,t=1/0,n){if(t<=0||!v(e)||e.__v_skip||(n||=new Map,(n.get(e)||0)>=t))return e;if(n.set(e,t),t--,z(e))$t(e.value,t,n);else if(d(e))for(let r=0;r{$t(e,t,n)});else if(C(e)){for(let r in e)$t(e[r],t,n);for(let r of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,r)&&$t(e[r],t,n)}return e}function en(e,t,n,r){try{return r?e(...r):e()}catch(e){nn(e,t,n)}}function tn(e,t,n,r){if(h(e)){let i=en(e,t,n,r);return i&&y(i)&&i.catch(e=>{nn(e,t,n)}),i}if(d(e)){let i=[];for(let a=0;a>>1,i=V[r],a=vn(i);a=vn(n)?V.push(e):V.splice(fn(t),0,e),e.flags|=1,mn()}}function mn(){un||=ln.then(yn)}function hn(e){d(e)?on.push(...e):sn&&e.id===-1?sn.splice(cn+1,0,e):e.flags&1||(on.push(e),e.flags|=1),mn()}function gn(e,t,n=an+1){for(;nvn(e)-vn(t));if(on.length=0,sn){sn.push(...e);return}for(sn=e,cn=0;cne.id==null?e.flags&2?-1:1/0:e.id;function yn(e){try{for(an=0;an{r._d&&Ei(-1);let i=Sn(t),a;try{a=e(...n)}finally{Sn(i),r._d&&Ei(1)}return a};return r._n=!0,r._c=!0,r._d=!0,r}function H(e,n){if(bn===null)return e;let r=la(bn),i=e.dirs||=[];for(let e=0;e1)return n&&h(t)?t.call(r&&r.proxy):t}}var Dn=Symbol.for(`v-scx`),On=()=>En(Dn);function kn(e,t,n){return An(e,t,n)}function An(e,n,i=t){let{immediate:a,deep:o,flush:c,once:l}=i,u=s({},i),d=n&&a||!n&&c!==`post`,f;if(ea){if(c===`sync`){let e=On();f=e.__watcherHandles||=[]}else if(!d){let e=()=>{};return e.stop=r,e.resume=r,e.pause=r,e}}let p=X;u.call=(e,t,n)=>tn(e,p,t,n);let m=!1;c===`post`?u.scheduler=e=>{W(e,p&&p.suspense)}:c!==`sync`&&(m=!0,u.scheduler=(e,t)=>{t?e():pn(e)}),u.augmentJob=e=>{n&&(e.flags|=4),m&&(e.flags|=2,p&&(e.id=p.uid,e.i=p))};let h=Qt(e,n,u);return ea&&(f?f.push(h):d&&h()),h}function jn(e,t,n){let r=this.proxy,i=g(e)?e.includes(`.`)?Mn(r,e):()=>r[e]:e.bind(r,r),a;h(t)?a=t:(a=t.handler,n=t);let o=Zi(this),s=An(i,a.bind(r),n);return o(),s}function Mn(e,t){let n=t.split(`.`);return()=>{let t=e;for(let e=0;ee.__isTeleport,Fn=Symbol(`_leaveCb`);function In(e,t){e.shapeFlag&6&&e.component?(e.transition=t,In(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Ln(e,t){return h(e)?s({name:e.name},t,{setup:e}):e}function Rn(e){e.ids=[e.ids[0]+ e.ids[2]+++`-`,0,0]}function zn(e,t){let n;return!!((n=Object.getOwnPropertyDescriptor(e,t))&&!n.configurable)}var Bn=new WeakMap;function Vn(e,n,r,a,o=!1){if(d(e)){e.forEach((e,t)=>Vn(e,n&&(d(n)?n[t]:n),r,a,o));return}if(Un(a)&&!o){a.shapeFlag&512&&a.type.__asyncResolved&&a.component.subTree.component&&Vn(e,n,r,a.component.subTree);return}let s=a.shapeFlag&4?la(a.component):a.el,l=o?null:s,{i:f,r:p}=e,m=n&&n.r,_=f.refs===t?f.refs={}:f.refs,v=f.setupState,y=R(v),b=v===t?i:e=>zn(_,e)?!1:u(y,e),x=(e,t)=>!(t&&zn(_,t));if(m!=null&&m!==p){if(Hn(n),g(m))_[m]=null,b(m)&&(v[m]=null);else if(z(m)){let e=n;x(m,e.k)&&(m.value=null),e.k&&(_[e.k]=null)}}if(h(p))en(p,f,12,[l,_]);else{let t=g(p),n=z(p);if(t||n){let i=()=>{if(e.f){let n=t?b(p)?v[p]:_[p]:x(p)||!e.k?p.value:_[e.k];if(o)d(n)&&c(n,s);else if(d(n))n.includes(s)||n.push(s);else if(t)_[p]=[s],b(p)&&(v[p]=_[p]);else{let t=[s];x(p,e.k)&&(p.value=t),e.k&&(_[e.k]=t)}}else t?(_[p]=l,b(p)&&(v[p]=l)):n&&(x(p,e.k)&&(p.value=l),e.k&&(_[e.k]=l))};if(l){let t=()=>{i(),Bn.delete(e)};t.id=-1,Bn.set(e,t),W(t,r)}else Hn(e),i()}}}function Hn(e){let t=Bn.get(e);t&&(t.flags|=8,Bn.delete(e))}se().requestIdleCallback,se().cancelIdleCallback;var Un=e=>!!e.type.__asyncLoader,Wn=e=>e.type.__isKeepAlive;function Gn(e,t){qn(e,`a`,t)}function Kn(e,t){qn(e,`da`,t)}function qn(e,t,n=X){let r=e.__wdc||=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}return e()};if(Yn(t,r,n),n){let e=n.parent;for(;e&&e.parent;)Wn(e.parent.vnode)&&Jn(r,t,n,e),e=e.parent}}function Jn(e,t,n,r){let i=Yn(t,e,r,!0);nr(()=>{c(r[t],i)},n)}function Yn(e,t,n=X,r=!1){if(n){let i=n[e]||(n[e]=[]),a=t.__weh||=(...r)=>{Re();let i=Zi(n),a=tn(t,n,e,r);return i(),ze(),a};return r?i.unshift(a):i.push(a),a}}var Xn=e=>(t,n=X)=>{(!ea||e===`sp`)&&Yn(e,(...e)=>t(...e),n)},Zn=Xn(`bm`),Qn=Xn(`m`),$n=Xn(`bu`),er=Xn(`u`),tr=Xn(`bum`),nr=Xn(`um`),rr=Xn(`sp`),ir=Xn(`rtg`),ar=Xn(`rtc`);function or(e,t=X){Yn(`ec`,e,t)}var sr=Symbol.for(`v-ndc`);function cr(e,t,n,r){let i,a=n&&n[r],o=d(e);if(o||g(e)){let n=o&&Pt(e),r=!1,s=!1;n&&(r=!It(e),s=Ft(e),e=Ze(e)),i=Array(e.length);for(let n=0,o=e.length;nt(e,n,void 0,a&&a[n]));else{let n=Object.keys(e);i=Array(n.length);for(let r=0,o=n.length;re?$i(e)?la(e):lr(e.parent):null,ur=s(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>lr(e.parent),$root:e=>lr(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>yr(e),$forceUpdate:e=>e.f||=()=>{pn(e.update)},$nextTick:e=>e.n||=dn.bind(e.proxy),$watch:e=>jn.bind(e)}),dr=(e,n)=>e!==t&&!e.__isScriptSetup&&u(e,n),fr={get({_:e},n){if(n===`__v_skip`)return!0;let{ctx:r,setupState:i,data:a,props:o,accessCache:s,type:c,appContext:l}=e;if(n[0]!==`$`){let e=s[n];if(e!==void 0)switch(e){case 1:return i[n];case 2:return a[n];case 4:return r[n];case 3:return o[n]}else if(dr(i,n))return s[n]=1,i[n];else if(a!==t&&u(a,n))return s[n]=2,a[n];else if(u(o,n))return s[n]=3,o[n];else if(r!==t&&u(r,n))return s[n]=4,r[n];else mr&&(s[n]=0)}let d=ur[n],f,p;if(d)return n===`$attrs`&&L(e.attrs,`get`,``),d(e);if((f=c.__cssModules)&&(f=f[n]))return f;if(r!==t&&u(r,n))return s[n]=4,r[n];if(p=l.config.globalProperties,u(p,n))return p[n]},set({_:e},n,r){let{data:i,setupState:a,ctx:o}=e;return dr(a,n)?(a[n]=r,!0):i!==t&&u(i,n)?(i[n]=r,!0):u(e.props,n)||n[0]===`$`&&n.slice(1)in e?!1:(o[n]=r,!0)},has({_:{data:e,setupState:n,accessCache:r,ctx:i,appContext:a,props:o,type:s}},c){let l;return!!(r[c]||e!==t&&c[0]!==`$`&&u(e,c)||dr(n,c)||u(o,c)||u(i,c)||u(ur,c)||u(a.config.globalProperties,c)||(l=s.__cssModules)&&l[c])},defineProperty(e,t,n){return n.get==null?u(n,`value`)&&this.set(e,t,n.value,null):e._.accessCache[t]=0,Reflect.defineProperty(e,t,n)}};function pr(e){return d(e)?e.reduce((e,t)=>(e[t]=null,e),{}):e}var mr=!0;function hr(e){let t=yr(e),n=e.proxy,i=e.ctx;mr=!1,t.beforeCreate&&_r(t.beforeCreate,e,`bc`);let{data:a,computed:o,methods:s,watch:c,provide:l,inject:u,created:f,beforeMount:p,mounted:m,beforeUpdate:g,updated:_,activated:y,deactivated:b,beforeDestroy:x,beforeUnmount:S,destroyed:C,unmounted:w,render:ee,renderTracked:te,renderTriggered:ne,errorCaptured:T,serverPrefetch:re,expose:E,inheritAttrs:ie,components:ae,directives:D,filters:O}=t;if(u&&gr(u,i,null),s)for(let e in s){let t=s[e];h(t)&&(i[e]=t.bind(n))}if(a){let t=a.call(n,n);v(t)&&(e.data=At(t))}if(mr=!0,o)for(let e in o){let t=o[e],a=Z({get:h(t)?t.bind(n,n):h(t.get)?t.get.bind(n,n):r,set:!h(t)&&h(t.set)?t.set.bind(n):r});Object.defineProperty(i,e,{enumerable:!0,configurable:!0,get:()=>a.value,set:e=>a.value=e})}if(c)for(let e in c)vr(c[e],i,n,e);if(l){let e=h(l)?l.call(n):l;Reflect.ownKeys(e).forEach(t=>{Tn(t,e[t])})}f&&_r(f,e,`c`);function k(e,t){d(t)?t.forEach(t=>e(t.bind(n))):t&&e(t.bind(n))}if(k(Zn,p),k(Qn,m),k($n,g),k(er,_),k(Gn,y),k(Kn,b),k(or,T),k(ar,te),k(ir,ne),k(tr,S),k(nr,w),k(rr,re),d(E))if(E.length){let t=e.exposed||={};E.forEach(e=>{Object.defineProperty(t,e,{get:()=>n[e],set:t=>n[e]=t,enumerable:!0})})}else e.exposed||={};ee&&e.render===r&&(e.render=ee),ie!=null&&(e.inheritAttrs=ie),ae&&(e.components=ae),D&&(e.directives=D),re&&Rn(e)}function gr(e,t,n=r){d(e)&&(e=wr(e));for(let n in e){let r=e[n],i;i=v(r)?`default`in r?En(r.from||n,r.default,!0):En(r.from||n):En(r),z(i)?Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:()=>i.value,set:e=>i.value=e}):t[n]=i}}function _r(e,t,n){tn(d(e)?e.map(e=>e.bind(t.proxy)):e.bind(t.proxy),t,n)}function vr(e,t,n,r){let i=r.includes(`.`)?Mn(n,r):()=>n[r];if(g(e)){let n=t[e];h(n)&&kn(i,n)}else if(h(e))kn(i,e.bind(n));else if(v(e))if(d(e))e.forEach(e=>vr(e,t,n,r));else{let r=h(e.handler)?e.handler.bind(n):t[e.handler];h(r)&&kn(i,r,e)}}function yr(e){let t=e.type,{mixins:n,extends:r}=t,{mixins:i,optionsCache:a,config:{optionMergeStrategies:o}}=e.appContext,s=a.get(t),c;return s?c=s:!i.length&&!n&&!r?c=t:(c={},i.length&&i.forEach(e=>br(c,e,o,!0)),br(c,t,o)),v(t)&&a.set(t,c),c}function br(e,t,n,r=!1){let{mixins:i,extends:a}=t;a&&br(e,a,n,!0),i&&i.forEach(t=>br(e,t,n,!0));for(let i in t)if(!(r&&i===`expose`)){let r=xr[i]||n&&n[i];e[i]=r?r(e[i],t[i]):t[i]}return e}var xr={data:Sr,props:Er,emits:Er,methods:Tr,computed:Tr,beforeCreate:U,created:U,beforeMount:U,mounted:U,beforeUpdate:U,updated:U,beforeDestroy:U,beforeUnmount:U,destroyed:U,unmounted:U,activated:U,deactivated:U,errorCaptured:U,serverPrefetch:U,components:Tr,directives:Tr,watch:Dr,provide:Sr,inject:Cr};function Sr(e,t){return t?e?function(){return s(h(e)?e.call(this,this):e,h(t)?t.call(this,this):t)}:t:e}function Cr(e,t){return Tr(wr(e),wr(t))}function wr(e){if(d(e)){let t={};for(let n=0;nt===`modelValue`||t===`model-value`?e.modelModifiers:e[`${t}Modifiers`]||e[`${T(t)}Modifiers`]||e[`${E(t)}Modifiers`];function Nr(e,n,...r){if(e.isUnmounted)return;let i=e.vnode.props||t,a=r,o=n.startsWith(`update:`),s=o&&Mr(i,n.slice(7));s&&(s.trim&&(a=r.map(e=>g(e)?e.trim():e)),s.number&&(a=r.map(A)));let c,l=i[c=ae(n)]||i[c=ae(T(n))];!l&&o&&(l=i[c=ae(E(n))]),l&&tn(l,e,6,a);let u=i[c+`Once`];if(u){if(!e.emitted)e.emitted={};else if(e.emitted[c])return;e.emitted[c]=!0,tn(u,e,6,a)}}var Pr=new WeakMap;function Fr(e,t,n=!1){let r=n?Pr:t.emitsCache,i=r.get(e);if(i!==void 0)return i;let a=e.emits,o={},c=!1;if(!h(e)){let r=e=>{let n=Fr(e,t,!0);n&&(c=!0,s(o,n))};!n&&t.mixins.length&&t.mixins.forEach(r),e.extends&&r(e.extends),e.mixins&&e.mixins.forEach(r)}return!a&&!c?(v(e)&&r.set(e,null),null):(d(a)?a.forEach(e=>o[e]=null):s(o,a),v(e)&&r.set(e,o),o)}function Ir(e,t){return!e||!a(t)?!1:(t=t.slice(2).replace(/Once$/,``),u(e,t[0].toLowerCase()+t.slice(1))||u(e,E(t))||u(e,t))}function Lr(e){let{type:t,vnode:n,proxy:r,withProxy:i,propsOptions:[a],slots:s,attrs:c,emit:l,render:u,renderCache:d,props:f,data:p,setupState:m,ctx:h,inheritAttrs:g}=e,_=Sn(e),v,y;try{if(n.shapeFlag&4){let e=i||r,t=e;v=Bi(u.call(t,e,d,f,m,p,h)),y=c}else{let e=t;v=Bi(e.length>1?e(f,{attrs:c,slots:s,emit:l}):e(f,null)),y=t.props?c:Rr(c)}}catch(t){Ci.length=0,nn(t,e,1),v=Ni(xi)}let b=v;if(y&&g!==!1){let e=Object.keys(y),{shapeFlag:t}=b;e.length&&t&7&&(a&&e.some(o)&&(y=zr(y,a)),b=Ii(b,y,!1,!0))}return n.dirs&&(b=Ii(b,null,!1,!0),b.dirs=b.dirs?b.dirs.concat(n.dirs):n.dirs),n.transition&&In(b,n.transition),v=b,Sn(_),v}var Rr=e=>{let t;for(let n in e)(n===`class`||n===`style`||a(n))&&((t||={})[n]=e[n]);return t},zr=(e,t)=>{let n={};for(let r in e)(!o(r)||!(r.slice(9)in t))&&(n[r]=e[r]);return n};function Br(e,t,n){let{props:r,children:i,component:a}=e,{props:o,children:s,patchFlag:c}=t,l=a.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return r?Vr(r,o,l):!!o;if(c&8){let e=t.dynamicProps;for(let t=0;tObject.create(Wr),Kr=e=>Object.getPrototypeOf(e)===Wr;function qr(e,t,n,r=!1){let i={},a=Gr();e.propsDefaults=Object.create(null),Yr(e,t,i,a);for(let t in e.propsOptions[0])t in i||(i[t]=void 0);n?e.props=r?i:jt(i):e.type.props?e.props=i:e.props=a,e.attrs=a}function Jr(e,t,n,r){let{props:i,attrs:a,vnode:{patchFlag:o}}=e,s=R(i),[c]=e.propsOptions,l=!1;if((r||o>0)&&!(o&16)){if(o&8){let n=e.vnode.dynamicProps;for(let r=0;r{p=!0;let[t,n]=Qr(e,r,!0);s(l,t),n&&f.push(...n)};!i&&r.mixins.length&&r.mixins.forEach(t),e.extends&&t(e.extends),e.mixins&&e.mixins.forEach(t)}if(!c&&!p)return v(e)&&a.set(e,n),n;if(d(c))for(let e=0;ee===`_`||e===`_ctx`||e===`$stable`,ti=e=>d(e)?e.map(Bi):[Bi(e)],ni=(e,t,n)=>{if(t._n)return t;let r=Cn((...e)=>ti(t(...e)),n);return r._c=!1,r},ri=(e,t,n)=>{let r=e._ctx;for(let n in e){if(ei(n))continue;let i=e[n];if(h(i))t[n]=ni(n,i,r);else if(i!=null){let e=ti(i);t[n]=()=>e}}},ii=(e,t)=>{let n=ti(t);e.slots.default=()=>n},ai=(e,t,n)=>{for(let r in t)(n||!ei(r))&&(e[r]=t[r])},oi=(e,t,n)=>{let r=e.slots=Gr();if(e.vnode.shapeFlag&32){let e=t._;e?(ai(r,t,n),n&&k(r,`_`,e,!0)):ri(t,r)}else t&&ii(e,t)},si=(e,n,r)=>{let{vnode:i,slots:a}=e,o=!0,s=t;if(i.shapeFlag&32){let e=n._;e?r&&e===1?o=!1:ai(a,n,r):(o=!n.$stable,ri(n,a)),s=n}else n&&(ii(e,n),s={default:1});if(o)for(let e in a)!ei(e)&&s[e]==null&&delete a[e]},W=yi;function ci(e){return li(e)}function li(e,i){let a=se();a.__VUE__=!0;let{insert:o,remove:s,patchProp:c,createElement:l,createText:u,createComment:d,setText:f,setElementText:p,parentNode:m,nextSibling:h,setScopeId:g=r,insertStaticContent:_}=e,v=(e,t,n,r=null,i=null,a=null,o=void 0,s=null,c=!!t.dynamicChildren)=>{if(e===t)return;e&&!Ai(e,t)&&(r=N(e),j(e,i,a,!0),e=null),t.patchFlag===-2&&(c=!1,t.dynamicChildren=null);let{type:l,ref:u,shapeFlag:d}=t;switch(l){case bi:y(e,t,n,r);break;case xi:b(e,t,n,r);break;case Si:e??x(t,n,r,o);break;case G:ae(e,t,n,r,i,a,o,s,c);break;default:d&1?w(e,t,n,r,i,a,o,s,c):d&6?D(e,t,n,r,i,a,o,s,c):(d&64||d&128)&&l.process(e,t,n,r,i,a,o,s,c,P)}u!=null&&i?Vn(u,e&&e.ref,a,t||e,!t):u==null&&e&&e.ref!=null&&Vn(e.ref,null,a,e,!0)},y=(e,t,n,r)=>{if(e==null)o(t.el=u(t.children),n,r);else{let n=t.el=e.el;t.children!==e.children&&f(n,t.children)}},b=(e,t,n,r)=>{e==null?o(t.el=d(t.children||``),n,r):t.el=e.el},x=(e,t,n,r)=>{[e.el,e.anchor]=_(e.children,t,n,r,e.el,e.anchor)},S=({el:e,anchor:t},n,r)=>{let i;for(;e&&e!==t;)i=h(e),o(e,n,r),e=i;o(t,n,r)},C=({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=h(e),s(e),e=n;s(t)},w=(e,t,n,r,i,a,o,s,c)=>{if(t.type===`svg`?o=`svg`:t.type===`math`&&(o=`mathml`),e==null)te(t,n,r,i,a,o,s,c);else{let n=e.el&&e.el._isVueCE?e.el:null;try{n&&n._beginPatch(),re(e,t,i,a,o,s,c)}finally{n&&n._endPatch()}}},te=(e,t,n,r,i,a,s,u)=>{let d,f,{props:m,shapeFlag:h,transition:g,dirs:_}=e;if(d=e.el=l(e.type,a,m&&m.is,m),h&8?p(d,e.children):h&16&&T(e.children,d,null,r,i,ui(e,a),s,u),_&&wn(e,null,r,`created`),ne(d,e,e.scopeId,s,r),m){for(let e in m)e!==`value`&&!ee(e)&&c(d,e,null,m[e],a,r);`value`in m&&c(d,`value`,null,m.value,a),(f=m.onVnodeBeforeMount)&&Wi(f,r,e)}_&&wn(e,null,r,`beforeMount`);let v=fi(i,g);v&&g.beforeEnter(d),o(d,t,n),((f=m&&m.onVnodeMounted)||v||_)&&W(()=>{try{f&&Wi(f,r,e),v&&g.enter(d),_&&wn(e,null,r,`mounted`)}finally{}},i)},ne=(e,t,n,r,i)=>{if(n&&g(e,n),r)for(let t=0;t{for(let l=c;l{let l=n.el=e.el,{patchFlag:u,dynamicChildren:d,dirs:f}=n;u|=e.patchFlag&16;let m=e.props||t,h=n.props||t,g;if(r&&di(r,!1),(g=h.onVnodeBeforeUpdate)&&Wi(g,r,n,e),f&&wn(n,e,r,`beforeUpdate`),r&&di(r,!0),(m.innerHTML&&h.innerHTML==null||m.textContent&&h.textContent==null)&&p(l,``),d?E(e.dynamicChildren,d,l,r,i,ui(n,a),o):s||le(e,n,l,null,r,i,ui(n,a),o,!1),u>0){if(u&16)ie(l,m,h,r,a);else if(u&2&&m.class!==h.class&&c(l,`class`,null,h.class,a),u&4&&c(l,`style`,m.style,h.style,a),u&8){let e=n.dynamicProps;for(let t=0;t{g&&Wi(g,r,n,e),f&&wn(n,e,r,`updated`)},i)},E=(e,t,n,r,i,a,o)=>{for(let s=0;s{if(n!==r){if(n!==t)for(let t in n)!ee(t)&&!(t in r)&&c(e,t,n[t],null,a,i);for(let t in r){if(ee(t))continue;let o=r[t],s=n[t];o!==s&&t!==`value`&&c(e,t,s,o,a,i)}`value`in r&&c(e,`value`,n.value,r.value,a)}},ae=(e,t,n,r,i,a,s,c,l)=>{let d=t.el=e?e.el:u(``),f=t.anchor=e?e.anchor:u(``),{patchFlag:p,dynamicChildren:m,slotScopeIds:h}=t;h&&(c=c?c.concat(h):h),e==null?(o(d,n,r),o(f,n,r),T(t.children||[],n,f,i,a,s,c,l)):p>0&&p&64&&m&&e.dynamicChildren&&e.dynamicChildren.length===m.length?(E(e.dynamicChildren,m,n,i,a,s,c),(t.key!=null||i&&t===i.subTree)&&pi(e,t,!0)):le(e,t,n,f,i,a,s,c,l)},D=(e,t,n,r,i,a,o,s,c)=>{t.slotScopeIds=s,e==null?t.shapeFlag&512?i.ctx.activate(t,n,r,o,c):k(t,n,r,i,a,o,c):A(e,t,c)},k=(e,t,n,r,i,a,o)=>{let s=e.component=qi(e,r,i);if(Wn(e)&&(s.ctx.renderer=P),ta(s,!1,o),s.asyncDep){if(i&&i.registerDep(s,oe,o),!e.el){let r=s.subTree=Ni(xi);b(null,r,t,n),e.placeholder=r.el}}else oe(s,e,t,n,i,a,o)},A=(e,t,n)=>{let r=t.component=e.component;if(Br(e,t,n))if(r.asyncDep&&!r.asyncResolved){ce(r,t,n);return}else r.next=t,r.update();else t.el=e.el,r.vnode=t},oe=(e,t,n,r,i,a,o)=>{let s=()=>{if(e.isMounted){let{next:t,bu:n,u:r,parent:s,vnode:c}=e;{let n=hi(e);if(n){t&&(t.el=c.el,ce(e,t,o)),n.asyncDep.then(()=>{W(()=>{e.isUnmounted||l()},i)});return}}let u=t,d;di(e,!1),t?(t.el=c.el,ce(e,t,o)):t=c,n&&O(n),(d=t.props&&t.props.onVnodeBeforeUpdate)&&Wi(d,s,t,c),di(e,!0);let f=Lr(e),p=e.subTree;e.subTree=f,v(p,f,m(p.el),N(p),e,i,a),t.el=f.el,u===null&&Ur(e,f.el),r&&W(r,i),(d=t.props&&t.props.onVnodeUpdated)&&W(()=>Wi(d,s,t,c),i)}else{let o,{el:s,props:c}=t,{bm:l,m:u,parent:d,root:f,type:p}=e,m=Un(t);if(di(e,!1),l&&O(l),!m&&(o=c&&c.onVnodeBeforeMount)&&Wi(o,d,t),di(e,!0),s&&ye){let t=()=>{e.subTree=Lr(e),ye(s,e.subTree,e,i,null)};m&&p.__asyncHydrate?p.__asyncHydrate(s,e,t):t()}else{f.ce&&f.ce._hasShadowRoot()&&f.ce._injectChildStyle(p,e.parent?e.parent.type:void 0);let o=e.subTree=Lr(e);v(null,o,n,r,e,i,a),t.el=o.el}if(u&&W(u,i),!m&&(o=c&&c.onVnodeMounted)){let e=t;W(()=>Wi(o,d,e),i)}(t.shapeFlag&256||d&&Un(d.vnode)&&d.vnode.shapeFlag&256)&&e.a&&W(e.a,i),e.isMounted=!0,t=n=r=null}};e.scope.on();let c=e.effect=new Ce(s);e.scope.off();let l=e.update=c.run.bind(c),u=e.job=c.runIfDirty.bind(c);u.i=e,u.id=e.uid,c.scheduler=()=>pn(u),di(e,!0),l()},ce=(e,t,n)=>{t.component=e;let r=e.vnode.props;e.vnode=t,e.next=null,Jr(e,t.props,r,n),si(e,t.children,n),Re(),gn(e),ze()},le=(e,t,n,r,i,a,o,s,c=!1)=>{let l=e&&e.children,u=e?e.shapeFlag:0,d=t.children,{patchFlag:f,shapeFlag:m}=t;if(f>0){if(f&128){de(l,d,n,r,i,a,o,s,c);return}else if(f&256){ue(l,d,n,r,i,a,o,s,c);return}}m&8?(u&16&&M(l,i,a),d!==l&&p(n,d)):u&16?m&16?de(l,d,n,r,i,a,o,s,c):M(l,i,a,!0):(u&8&&p(n,``),m&16&&T(d,n,r,i,a,o,s,c))},ue=(e,t,r,i,a,o,s,c,l)=>{e||=n,t||=n;let u=e.length,d=t.length,f=Math.min(u,d),p;for(p=0;pd?M(e,a,o,!0,!1,f):T(t,r,i,a,o,s,c,l,f)},de=(e,t,r,i,a,o,s,c,l)=>{let u=0,d=t.length,f=e.length-1,p=d-1;for(;u<=f&&u<=p;){let n=e[u],i=t[u]=l?Vi(t[u]):Bi(t[u]);if(Ai(n,i))v(n,i,r,null,a,o,s,c,l);else break;u++}for(;u<=f&&u<=p;){let n=e[f],i=t[p]=l?Vi(t[p]):Bi(t[p]);if(Ai(n,i))v(n,i,r,null,a,o,s,c,l);else break;f--,p--}if(u>f){if(u<=p){let e=p+1,n=ep)for(;u<=f;)j(e[u],a,o,!0),u++;else{let m=u,h=u,g=new Map;for(u=h;u<=p;u++){let e=t[u]=l?Vi(t[u]):Bi(t[u]);e.key!=null&&g.set(e.key,u)}let _,y=0,b=p-h+1,x=!1,S=0,C=Array(b);for(u=0;u=b){j(n,a,o,!0);continue}let i;if(n.key!=null)i=g.get(n.key);else for(_=h;_<=p;_++)if(C[_-h]===0&&Ai(n,t[_])){i=_;break}i===void 0?j(n,a,o,!0):(C[i-h]=u+1,i>=S?S=i:x=!0,v(n,t[i],r,null,a,o,s,c,l),y++)}let w=x?mi(C):n;for(_=w.length-1,u=b-1;u>=0;u--){let e=h+u,n=t[e],f=t[e+1],p=e+1{let{el:a,type:c,transition:l,children:u,shapeFlag:d}=e;if(d&6){fe(e.component.subTree,t,n,r);return}if(d&128){e.suspense.move(t,n,r);return}if(d&64){c.move(e,t,n,P);return}if(c===G){o(a,t,n);for(let e=0;el.enter(a),i);else{let{leave:r,delayLeave:i,afterLeave:c}=l,u=()=>{e.ctx.isUnmounted?s(a):o(a,t,n)},d=()=>{a._isLeaving&&a[Fn](!0),r(a,()=>{u(),c&&c()})};i?i(a,u,d):d()}else o(a,t,n)},j=(e,t,n,r=!1,i=!1)=>{let{type:a,props:o,ref:s,children:c,dynamicChildren:l,shapeFlag:u,patchFlag:d,dirs:f,cacheIndex:p,memo:m}=e;if(d===-2&&(i=!1),s!=null&&(Re(),Vn(s,null,n,e,!0),ze()),p!=null&&(t.renderCache[p]=void 0),u&256){t.ctx.deactivate(e);return}let h=u&1&&f,g=!Un(e),_;if(g&&(_=o&&o.onVnodeBeforeUnmount)&&Wi(_,t,e),u&6)he(e.component,n,r);else{if(u&128){e.suspense.unmount(n,r);return}h&&wn(e,null,t,`beforeUnmount`),u&64?e.type.remove(e,t,n,P,r):l&&!l.hasOnce&&(a!==G||d>0&&d&64)?M(l,t,n,!1,!0):(a===G&&d&384||!i&&u&16)&&M(c,t,n),r&&pe(e)}let v=m!=null&&p==null;(g&&(_=o&&o.onVnodeUnmounted)||h||v)&&W(()=>{_&&Wi(_,t,e),h&&wn(e,null,t,`unmounted`),v&&(e.el=null)},n)},pe=e=>{let{type:t,el:n,anchor:r,transition:i}=e;if(t===G){me(n,r);return}if(t===Si){C(e);return}let a=()=>{s(n),i&&!i.persisted&&i.afterLeave&&i.afterLeave()};if(e.shapeFlag&1&&i&&!i.persisted){let{leave:t,delayLeave:r}=i,o=()=>t(n,a);r?r(e.el,a,o):o()}else a()},me=(e,t)=>{let n;for(;e!==t;)n=h(e),s(e),e=n;s(t)},he=(e,t,n)=>{let{bum:r,scope:i,job:a,subTree:o,um:s,m:c,a:l}=e;gi(c),gi(l),r&&O(r),i.stop(),a&&(a.flags|=8,j(o,e,t,n)),s&&W(s,t),W(()=>{e.isUnmounted=!0},t)},M=(e,t,n,r=!1,i=!1,a=0)=>{for(let o=a;o{if(e.shapeFlag&6)return N(e.component.subTree);if(e.shapeFlag&128)return e.suspense.next();let t=h(e.anchor||e.el),n=t&&t[Nn];return n?h(n):t},ge=!1,_e=(e,t,n)=>{let r;e==null?t._vnode&&(j(t._vnode,null,null,!0),r=t._vnode.component):v(t._vnode||null,e,t,null,null,null,n),t._vnode=e,ge||=(ge=!0,gn(r),_n(),!1)},P={p:v,um:j,m:fe,r:pe,mt:k,mc:T,pc:le,pbc:E,n:N,o:e},ve,ye;return i&&([ve,ye]=i(P)),{render:_e,hydrate:ve,createApp:Ar(_e,ve)}}function ui({type:e,props:t},n){return n===`svg`&&e===`foreignObject`||n===`mathml`&&e===`annotation-xml`&&t&&t.encoding&&t.encoding.includes(`html`)?void 0:n}function di({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function fi(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function pi(e,t,n=!1){let r=e.children,i=t.children;if(d(r)&&d(i))for(let e=0;e>1,e[n[s]]0&&(t[r]=n[a-1]),n[a]=r)}}for(a=n.length,o=n[a-1];a-- >0;)n[a]=o,o=t[o];return n}function hi(e){let t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:hi(t)}function gi(e){if(e)for(let t=0;te.__isSuspense;function yi(e,t){t&&t.pendingBranch?d(e)?t.effects.push(...e):t.effects.push(e):hn(e)}var G=Symbol.for(`v-fgt`),bi=Symbol.for(`v-txt`),xi=Symbol.for(`v-cmt`),Si=Symbol.for(`v-stc`),Ci=[],K=null;function q(e=!1){Ci.push(K=e?null:[])}function wi(){Ci.pop(),K=Ci[Ci.length-1]||null}var Ti=1;function Ei(e,t=!1){Ti+=e,e<0&&K&&t&&(K.hasOnce=!0)}function Di(e){return e.dynamicChildren=Ti>0?K||n:null,wi(),Ti>0&&K&&K.push(e),e}function J(e,t,n,r,i,a){return Di(Y(e,t,n,r,i,a,!0))}function Oi(e,t,n,r,i){return Di(Ni(e,t,n,r,i,!0))}function ki(e){return e?e.__v_isVNode===!0:!1}function Ai(e,t){return e.type===t.type&&e.key===t.key}var ji=({key:e})=>e??null,Mi=({ref:e,ref_key:t,ref_for:n})=>(typeof e==`number`&&(e=``+e),e==null?null:g(e)||z(e)||h(e)?{i:bn,r:e,k:t,f:!!n}:e);function Y(e,t=null,n=null,r=0,i=null,a=e===G?0:1,o=!1,s=!1){let c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&ji(t),ref:t&&Mi(t),scopeId:xn,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:a,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null,ctx:bn};return s?(Hi(c,n),a&128&&e.normalize(c)):n&&(c.shapeFlag|=g(n)?8:16),Ti>0&&!o&&K&&(c.patchFlag>0||a&6)&&c.patchFlag!==32&&K.push(c),c}var Ni=Pi;function Pi(e,t=null,n=null,r=0,i=null,a=!1){if((!e||e===sr)&&(e=xi),ki(e)){let r=Ii(e,t,!0);return n&&Hi(r,n),Ti>0&&!a&&K&&(r.shapeFlag&6?K[K.indexOf(e)]=r:K.push(r)),r.patchFlag=-2,r}if(ua(e)&&(e=e.__vccOpts),t){t=Fi(t);let{class:e,style:n}=t;e&&!g(e)&&(t.class=j(e)),v(n)&&(Lt(n)&&!d(n)&&(n=s({},n)),t.style=ce(n))}let o=g(e)?1:vi(e)?128:Pn(e)?64:v(e)?4:h(e)?2:0;return Y(e,t,n,r,i,o,a,!0)}function Fi(e){return e?Lt(e)||Kr(e)?s({},e):e:null}function Ii(e,t,n=!1,r=!1){let{props:i,ref:a,patchFlag:o,children:s,transition:c}=e,l=t?Ui(i||{},t):i,u={__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&ji(l),ref:t&&t.ref?n&&a?d(a)?a.concat(Mi(t)):[a,Mi(t)]:Mi(t):a,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:s,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==G?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:c,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Ii(e.ssContent),ssFallback:e.ssFallback&&Ii(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return c&&r&&In(u,c.clone(u)),u}function Li(e=` `,t=0){return Ni(bi,null,e,t)}function Ri(e,t){let n=Ni(Si,null,e);return n.staticCount=t,n}function zi(e=``,t=!1){return t?(q(),Oi(xi,null,e)):Ni(xi,null,e)}function Bi(e){return e==null||typeof e==`boolean`?Ni(xi):d(e)?Ni(G,null,e.slice()):ki(e)?Vi(e):Ni(bi,null,String(e))}function Vi(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Ii(e)}function Hi(e,t){let n=0,{shapeFlag:r}=e;if(t==null)t=null;else if(d(t))n=16;else if(typeof t==`object`)if(r&65){let n=t.default;n&&(n._c&&(n._d=!1),Hi(e,n()),n._c&&(n._d=!0));return}else{n=32;let r=t._;!r&&!Kr(t)?t._ctx=bn:r===3&&bn&&(bn.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else h(t)?(t={default:t,_ctx:bn},n=32):(t=String(t),r&64?(n=16,t=[Li(t)]):n=8);e.children=t,e.shapeFlag|=n}function Ui(...e){let t={};for(let n=0;nX||bn,Yi,Xi;{let e=se(),t=(t,n)=>{let r;return(r=e[t])||(r=e[t]=[]),r.push(n),e=>{r.length>1?r.forEach(t=>t(e)):r[0](e)}};Yi=t(`__VUE_INSTANCE_SETTERS__`,e=>X=e),Xi=t(`__VUE_SSR_SETTERS__`,e=>ea=e)}var Zi=e=>{let t=X;return Yi(e),e.scope.on(),()=>{e.scope.off(),Yi(t)}},Qi=()=>{X&&X.scope.off(),Yi(null)};function $i(e){return e.vnode.shapeFlag&4}var ea=!1;function ta(e,t=!1,n=!1){t&&Xi(t);let{props:r,children:i}=e.vnode,a=$i(e);qr(e,r,a,t),oi(e,i,n||t);let o=a?na(e,t):void 0;return t&&Xi(!1),o}function na(e,t){let n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,fr);let{setup:r}=n;if(r){Re();let n=e.setupContext=r.length>1?ca(e):null,i=Zi(e),a=en(r,e,0,[e.props,n]),o=y(a);if(ze(),i(),(o||e.sp)&&!Un(e)&&Rn(e),o){if(a.then(Qi,Qi),t)return a.then(n=>{ra(e,n,t)}).catch(t=>{nn(t,e,0)});e.asyncDep=a}else ra(e,a,t)}else oa(e,t)}function ra(e,t,n){h(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:v(t)&&(e.setupState=Gt(t)),oa(e,n)}var ia,aa;function oa(e,t,n){let i=e.type;if(!e.render){if(!t&&ia&&!i.render){let t=i.template||yr(e).template;if(t){let{isCustomElement:n,compilerOptions:r}=e.appContext.config,{delimiters:a,compilerOptions:o}=i;i.render=ia(t,s(s({isCustomElement:n,delimiters:a},r),o))}}e.render=i.render||r,aa&&aa(e)}{let t=Zi(e);Re();try{hr(e)}finally{ze(),t()}}}var sa={get(e,t){return L(e,`get`,``),e[t]}};function ca(e){return{attrs:new Proxy(e.attrs,sa),slots:e.slots,emit:e.emit,expose:t=>{e.exposed=t||{}}}}function la(e){return e.exposed?e.exposeProxy||=new Proxy(Gt(Rt(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in ur)return ur[n](e)},has(e,t){return t in e||t in ur}}):e.proxy}function ua(e){return h(e)&&`__vccOpts`in e}var Z=(e,t)=>qt(e,t,ea),da=`3.5.34`,fa=void 0,pa=typeof window<`u`&&window.trustedTypes;if(pa)try{fa=pa.createPolicy(`vue`,{createHTML:e=>e})}catch{}var ma=fa?e=>fa.createHTML(e):e=>e,ha=`http://www.w3.org/2000/svg`,ga=`http://www.w3.org/1998/Math/MathML`,_a=typeof document<`u`?document:null,va=_a&&_a.createElement(`template`),ya={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{let t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{let i=t===`svg`?_a.createElementNS(ha,e):t===`mathml`?_a.createElementNS(ga,e):n?_a.createElement(e,{is:n}):_a.createElement(e);return e===`select`&&r&&r.multiple!=null&&i.setAttribute(`multiple`,r.multiple),i},createText:e=>_a.createTextNode(e),createComment:e=>_a.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>_a.querySelector(e),setScopeId(e,t){e.setAttribute(t,``)},insertStaticContent(e,t,n,r,i,a){let o=n?n.previousSibling:t.lastChild;if(i&&(i===a||i.nextSibling))for(;t.insertBefore(i.cloneNode(!0),n),!(i===a||!(i=i.nextSibling)););else{va.innerHTML=ma(r===`svg`?`${e}`:r===`mathml`?`${e}`:e);let i=va.content;if(r===`svg`||r===`mathml`){let e=i.firstChild;for(;e.firstChild;)i.appendChild(e.firstChild);i.removeChild(e)}t.insertBefore(i,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},ba=Symbol(`_vtc`);function xa(e,t,n){let r=e[ba];r&&(t=(t?[t,...r]:[...r]).join(` `)),t==null?e.removeAttribute(`class`):n?e.setAttribute(`class`,t):e.className=t}var Sa=Symbol(`_vod`),Ca=Symbol(`_vsh`),wa=Symbol(``),Ta=/(?:^|;)\s*display\s*:/;function Ea(e,t,n){let r=e.style,i=g(n),a=!1;if(n&&!i){if(t)if(g(t))for(let e of t.split(`;`)){let t=e.slice(0,e.indexOf(`:`)).trim();n[t]??Oa(r,t,``)}else for(let e in t)n[e]??Oa(r,e,``);for(let i in n){i===`display`&&(a=!0);let o=n[i];o==null?Oa(r,i,``):Ma(e,i,!g(t)&&t?t[i]:void 0,o)||Oa(r,i,o)}}else if(i){if(t!==n){let e=r[wa];e&&(n+=`;`+e),r.cssText=n,a=Ta.test(n)}}else t&&e.removeAttribute(`style`);Sa in e&&(e[Sa]=a?r.display:``,e[Ca]&&(r.display=`none`))}var Da=/\s*!important$/;function Oa(e,t,n){if(d(n))n.forEach(n=>Oa(e,t,n));else if(n??=``,t.startsWith(`--`))e.setProperty(t,n);else{let r=ja(e,t);Da.test(n)?e.setProperty(E(r),n.replace(Da,``),`important`):e[r]=n}}var ka=[`Webkit`,`Moz`,`ms`],Aa={};function ja(e,t){let n=Aa[t];if(n)return n;let r=T(t);if(r!==`filter`&&r in e)return Aa[t]=r;r=ie(r);for(let n=0;nHa||=(Ua.then(()=>Ha=0),Date.now());function Ga(e,t){let n=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=n.attached)return;tn(Ka(e,n.value),t,5,[e])};return n.value=e,n.attached=Wa(),n}function Ka(e,t){if(d(t)){let n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(e=>t=>!t._stopped&&e&&e(t))}else return t}var qa=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Ja=(e,t,n,r,i,s)=>{let c=i===`svg`;t===`class`?xa(e,r,c):t===`style`?Ea(e,n,r):a(t)?o(t)||za(e,t,n,r,s):(t[0]===`.`?(t=t.slice(1),!0):t[0]===`^`?(t=t.slice(1),!1):Ya(e,t,r,c))?(Fa(e,t,r),!e.tagName.includes(`-`)&&(t===`value`||t===`checked`||t===`selected`)&&Pa(e,t,r,c,s,t!==`value`)):e._isVueCE&&(Xa(e,t)||e._def.__asyncLoader&&(/[A-Z]/.test(t)||!g(r)))?Fa(e,T(t),r,s,t):(t===`true-value`?e._trueValue=r:t===`false-value`&&(e._falseValue=r),Pa(e,t,r,c))};function Ya(e,t,n,r){if(r)return!!(t===`innerHTML`||t===`textContent`||t in e&&qa(t)&&h(n));if(t===`spellcheck`||t===`draggable`||t===`translate`||t===`autocorrect`||t===`sandbox`&&e.tagName===`IFRAME`||t===`form`||t===`list`&&e.tagName===`INPUT`||t===`type`&&e.tagName===`TEXTAREA`)return!1;if(t===`width`||t===`height`){let t=e.tagName;if(t===`IMG`||t===`VIDEO`||t===`CANVAS`||t===`SOURCE`)return!1}return qa(t)&&g(n)?!1:t in e}function Xa(e,t){let n=e._def.props;if(!n)return!1;let r=T(t);return Array.isArray(n)?n.some(e=>T(e)===r):Object.keys(n).some(e=>T(e)===r)}var Za=e=>{let t=e.props[`onUpdate:modelValue`]||!1;return d(t)?e=>O(t,e):t};function Qa(e){e.target.composing=!0}function $a(e){let t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event(`input`)))}var eo=Symbol(`_assign`);function to(e,t,n){return t&&(e=e.trim()),n&&(e=A(e)),e}var Q={created(e,{modifiers:{lazy:t,trim:n,number:r}},i){e[eo]=Za(i);let a=r||i.props&&i.props.type===`number`;Ia(e,t?`change`:`input`,t=>{t.target.composing||e[eo](to(e.value,n,a))}),(n||a)&&Ia(e,`change`,()=>{e.value=to(e.value,n,a)}),t||(Ia(e,`compositionstart`,Qa),Ia(e,`compositionend`,$a),Ia(e,`change`,$a))},mounted(e,{value:t}){e.value=t??``},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:a}},o){if(e[eo]=Za(o),e.composing)return;let s=(a||e.type===`number`)&&!/^0\d/.test(e.value)?A(e.value):e.value,c=t??``;if(s===c)return;let l=e.getRootNode();(l instanceof Document||l instanceof ShadowRoot)&&l.activeElement===e&&e.type!==`range`&&(r&&t===n||i&&e.value.trim()===c)||(e.value=c)}},$={deep:!0,created(e,t,n){e[eo]=Za(n),Ia(e,`change`,()=>{let t=e._modelValue,n=ao(e),r=e.checked,i=e[eo];if(d(t)){let e=ge(t,n),a=e!==-1;if(r&&!a)i(t.concat(n));else if(!r&&a){let n=[...t];n.splice(e,1),i(n)}}else if(p(t)){let e=new Set(t);r?e.add(n):e.delete(n),i(e)}else i(oo(e,r))})},mounted:no,beforeUpdate(e,t,n){e[eo]=Za(n),no(e,t,n)}};function no(e,{value:t,oldValue:n},r){e._modelValue=t;let i;if(d(t))i=ge(t,r.props.value)>-1;else if(p(t))i=t.has(r.props.value);else{if(t===n)return;i=N(t,oo(e,!0))}e.checked!==i&&(e.checked=i)}var ro={deep:!0,created(e,{value:t,modifiers:{number:n}},r){let i=p(t);Ia(e,`change`,()=>{let t=Array.prototype.filter.call(e.options,e=>e.selected).map(e=>n?A(ao(e)):ao(e));e[eo](e.multiple?i?new Set(t):t:t[0]),e._assigning=!0,dn(()=>{e._assigning=!1})}),e[eo]=Za(r)},mounted(e,{value:t}){io(e,t)},beforeUpdate(e,t,n){e[eo]=Za(n)},updated(e,{value:t}){e._assigning||io(e,t)}};function io(e,t){let n=e.multiple,r=d(t);if(!(n&&!r&&!p(t))){for(let i=0,a=e.options.length;iString(e)===String(o)):a.selected=ge(t,o)>-1}else a.selected=t.has(o);else if(N(ao(a),t)){e.selectedIndex!==i&&(e.selectedIndex=i);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function ao(e){return`_value`in e?e._value:e.value}function oo(e,t){let n=t?`_trueValue`:`_falseValue`;return n in e?e[n]:t}var so=s({patchProp:Ja},ya),co;function lo(){return co||=ci(so)}var uo=((...e)=>{let t=lo().createApp(...e),{mount:n}=t;return t.mount=e=>{let r=po(e);if(!r)return;let i=t._component;!h(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent=``);let a=n(r,!1,fo(r));return r instanceof Element&&(r.removeAttribute(`v-cloak`),r.setAttribute(`data-v-app`,``)),a},t});function fo(e){if(e instanceof SVGElement)return`svg`;if(typeof MathMLElement==`function`&&e instanceof MathMLElement)return`mathml`}function po(e){return g(e)?document.querySelector(e):e}var mo=`2.37.0`,ho=`https://g.alicdn.com/apsara-media-box/imp-web-player/${mo}/skins/default/aliplayer-min.css`,go=`https://g.alicdn.com/apsara-media-box/imp-web-player/${mo}/aliplayer-min.js`,_o=new Map;function vo(e){return`https://g.alicdn.com/apsara-media-box/imp-web-player/${e}/skins/default/aliplayer-min.css`}function yo(e){return`https://g.alicdn.com/apsara-media-box/imp-web-player/${e}/aliplayer-min.js`}function bo(e){if(!e||document.querySelector(`link[data-vue-aliplayer-v2-css="${e}"]`))return;let t=document.createElement(`link`);t.type=`text/css`,t.rel=`stylesheet`,t.href=e,t.dataset.vueAliplayerV2Css=e,document.head.appendChild(t)}function xo(e,t){if(!e||t&&window[t])return Promise.resolve();if(_o.has(e))return _o.get(e);let n=document.querySelector(`script[data-vue-aliplayer-v2-js="${e}"]`);if(n){let t=new Promise((t,r)=>{if(n.dataset.vueAliplayerV2Loaded===`true`){t();return}n.addEventListener(`load`,()=>{n.dataset.vueAliplayerV2Loaded=`true`,t()},{once:!0}),n.addEventListener(`error`,()=>r(Error(`Failed to load Aliplayer SDK: ${e}`)),{once:!0})});return _o.set(e,t),t}let r=new Promise((t,n)=>{let r=document.createElement(`script`);r.type=`text/javascript`,r.src=e,r.dataset.vueAliplayerV2Js=e,r.addEventListener(`load`,()=>{r.dataset.vueAliplayerV2Loaded=`true`,t()},{once:!0}),r.addEventListener(`error`,()=>n(Error(`Failed to load Aliplayer SDK: ${e}`)),{once:!0}),document.documentElement.appendChild(r)});return _o.set(e,r),r}async function So(e,t){bo(e),await xo(t,`Aliplayer`)}async function Co(e=[]){for(let t of e)await xo(t)}var wo=[`m3u8`,`flv`,`mp4`,`rtmp`,`mp3`];function To(e){if(!e)return null;if(/^rtmps?:\/\//i.test(e))return`rtmp`;let t=e.split(`?`)[0].split(`#`)[0].toLowerCase();return wo.find(e=>e&&t.endsWith(`.${e}`))||null}function Eo(e){if(!e)return e||null;if(/^(data|blob):/i.test(e))return e;try{return encodeURI(e)}catch{return e}}var Do=[`videocloud.cn-hangzhou.log.aliyuncs.com/logstores/newplayer/track`],Oo=!1;function ko(e,t){return t.some(t=>typeof t==`string`?e.includes(t):t.test(e))}function Ao(e=Do){if(Oo)return;Oo=!0;let t=window.fetch?.bind(window);t&&(window.fetch=((n,r)=>ko(typeof n==`string`||n instanceof URL?String(n):n.url,e)?Promise.resolve(new Response(null,{status:204,statusText:`No Content`})):t(n,r)));let n=XMLHttpRequest.prototype.open,r=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(t,r,i,a,o){this.__vueAliplayerV2Blocked=ko(String(r),e),n.call(this,t,r,i??!0,a??void 0,o??void 0)},XMLHttpRequest.prototype.send=function(e){this.__vueAliplayerV2Blocked||r.call(this,e)}}var jo=Ln({name:`VueAliplayerV2`,__name:`index`,props:{autoFormat:{type:Boolean,default:!0},forbidFastForward:{type:Boolean,default:!1},license:{default:null},lowLatency:{type:Boolean,default:!1},normalizeSourceUrl:{type:Boolean,default:!0},options:{default:null},source:{default:null},sdkVersion:{default:mo},cssLink:{default:``},scriptSrc:{default:``},componentScripts:{default:()=>[]},disableTracking:{type:Boolean,default:!1},trackingUrlPatterns:{default:()=>[]}},emits:[`ready`,`play`,`pause`,`canplay`,`playing`,`ended`,`liveStreamStop`,`onM3u8Retry`,`hideBar`,`showBar`,`waiting`,`timeupdate`,`snapshoted`,`requestFullScreen`,`cancelFullScreen`,`error`,`startSeek`,`completeSeek`,`sdk-error`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=B(null),o=B(null),s=B(!1),c=B(null),l=0,u=`player-${Math.random().toString(36).slice(2).toUpperCase()}`,d=[`ready`,`play`,`pause`,`canplay`,`playing`,`ended`,`liveStreamStop`,`onM3u8Retry`,`hideBar`,`showBar`,`waiting`,`timeupdate`,`snapshoted`,`requestFullScreen`,`cancelFullScreen`,`error`,`startSeek`,`completeSeek`],f=Z(()=>r.cssLink||(r.sdkVersion?vo(r.sdkVersion):ho)),p=Z(()=>r.scriptSrc||(r.sdkVersion?yo(r.sdkVersion):go)),m=Z(()=>r.normalizeSourceUrl?Eo(r.source):r.source),h=Z(()=>To(m.value)),g=Z(()=>{let e={width:`100%`,autoplay:!0,...r.options||{},...r.license?{license:r.license}:{},...m.value?{source:m.value}:{},id:u};return r.autoFormat&&h.value&&!e.format&&(e.format=h.value),r.lowLatency&&e.isLive&&h.value===`flv`&&(e.enableStashBufferForFlv=e.enableStashBufferForFlv??!1,e.stashInitialSizeForFlv=e.stashInitialSizeForFlv??128),e});function _(){return a.value}function v(){a.value&&(a.value.dispose(),a.value=null,c.value=null)}function y(e){d.forEach(t=>{e.on(t,e=>{i(t,e)})})}function b(e){if(!r.forbidFastForward)return;let t=0,n=0;e.on(`timeupdate`,()=>{let r=e.getCurrentTime();if(r-t>2){e.seek(t);return}t=r,t>=n&&(n=t)})}function x(){if(s.value||!window.Aliplayer||!o.value)return;v();let e=window.Aliplayer({...g.value});a.value=e,c.value=h.value,y(e),b(e)}async function S(){let e=++l;try{if(r.disableTracking&&Ao(r.trackingUrlPatterns.length?r.trackingUrlPatterns:void 0),await So(f.value,p.value),await Co(r.componentScripts),await dn(),s.value||e!==l)return;x()}catch(e){i(`sdk-error`,e instanceof Error?e:Error(String(e)))}}async function C(e){if(e&&a.value){a.value.loadByUrl(r.normalizeSourceUrl&&Eo(e)||e);return}await S()}async function w(e){await C(e)}function ee(){a.value?.play()}function te(){a.value?.pause()}function ne(){a.value?.replay()}function T(e){a.value?.seek(e)}function re(){return a.value?.getCurrentTime()}function E(){return a.value?.getDuration()}function ie(){return a.value?.getVolume()}function ae(e){a.value?.setVolume(e)}function D(e,t){a.value?.loadByUrl(e,t)}function O(e,t){a.value?.replayByVidAndPlayAuth(e,t)}function k(e,t,n,r,i,o){a.value?.replayByVidAndAuthInfo(e,t,n,r,i,o)}function A(e,t){a.value?.setPlayerSize(e,t)}function oe(e){a.value?.setSpeed(e)}function se(e,t,n){a.value?.setSanpshotProperties(e,t,n)}function ce(){a.value?.fullscreenService?.requestFullScreen()}function le(){a.value?.fullscreenService?.cancelFullScreen()}function ue(){return a.value?.fullscreenService?.getIsFullScreen()}function de(){return a.value?.getStatus()}function fe(e,t){a.value?.liveShiftSerivce?.setLiveTimeRange(e,t)}function j(e){a.value?.setRotate(e)}function pe(){return a.value?.getRotate()}function me(e){a.value?.setImage(e)}function he(e){a.value?.setCover(e)}function M(e){a.value?.setProgressMarkers(e)}function N(e){a.value?.setPreviewTime(e)}function ge(){return a.value?.getPreviewTime()}function _e(){return a.value?.isPreview()}function P(e,t){a.value?.off?.(e,t)}return Qn(()=>{S()}),kn(()=>m.value,e=>{if(!e)return;let t=To(e);if(a.value&&t&&t===c.value){a.value.loadByUrl(e);return}S()}),kn(()=>[r.options,r.forbidFastForward,r.license,r.lowLatency,r.autoFormat,r.sdkVersion,r.cssLink,r.scriptSrc,r.componentScripts,r.disableTracking,r.trackingUrlPatterns],()=>{S()},{deep:!0}),tr(()=>{s.value=!0,l+=1,v()}),t({getPlayer:_,init:S,initPlayer:x,reload:C,retry:w,play:ee,pause:te,replay:ne,seek:T,getCurrentTime:re,getDuration:E,getVolume:ie,setVolume:ae,loadByUrl:D,replayByVidAndPlayAuth:O,replayByVidAndAuthInfo:k,setPlayerSize:A,setSpeed:oe,setSanpshotProperties:se,requestFullScreen:ce,cancelFullScreen:le,getIsFullScreen:ue,getStatus:de,setLiveTimeRange:fe,setRotate:j,getRotate:pe,setImage:me,dispose:v,setCover:he,setProgressMarkers:M,setPreviewTime:N,getPreviewTime:ge,isPreview:_e,off:P}),(e,t)=>(q(),J(`div`,{id:u,ref_key:`containerRef`,ref:o,class:`vue-aliplayer-v2`},null,512))}}),Mo=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},No=Mo(jo,[[`__scopeId`,`data-v-eff69876`]]),Po={sdkVersion:mo,cssLink:ho,scriptSrc:go,componentScripts:[],disableTracking:!1,trackingUrlPatterns:[]},Fo=No;Fo.install=(e,t)=>{Object.assign(Po,t||{}),e.component(`VueAliplayerV2`,Fo)},Fo.props.cssLink.default=()=>Po.cssLink,Fo.props.scriptSrc.default=()=>Po.scriptSrc,Fo.props.sdkVersion.default=()=>Po.sdkVersion,Fo.props.componentScripts.default=()=>Po.componentScripts,Fo.props.disableTracking.default=()=>Po.disableTracking,Fo.props.trackingUrlPatterns.default=()=>Po.trackingUrlPatterns,Fo.Player=Fo;var Io={class:`demo-page`},Lo={class:`app-header`},Ro={class:`header-actions`},zo=[`disabled`],Bo={class:`status-strip`},Vo={class:`workspace`},Ho={class:`stage-column`},Uo={class:`player-panel`},Wo={class:`player-panel-head`},Go={class:`switch compact-switch`},Ko={key:0,class:`player-grid`},qo={key:1,class:`empty-player`},Jo={class:`transport`},Yo=[`disabled`],Xo=[`disabled`],Zo=[`disabled`],Qo=[`disabled`],$o=[`disabled`],es=[`disabled`],ts={class:`lower-grid`},ns={class:`event-panel`},rs={class:`section-head`},is={class:`log-list`},as={key:0,class:`muted-row`},os={class:`config-panel`},ss={class:`inspector`},cs={class:`tabs`,role:`tablist`,"aria-label":`参数分组`},ls=[`onClick`],us={key:0,class:`panel-section`},ds={class:`segmented`},fs=[`onClick`],ps={key:0,class:`field`},ms=[`value`],hs={key:1,class:`field`},gs={key:2,class:`field-grid`},_s={class:`field`},vs={class:`field`},ys={class:`field`},bs={key:3,class:`field-grid`},xs={class:`field`},Ss={class:`field`},Cs={class:`field`},ws={class:`field`},Ts={class:`field`},Es={key:1,class:`panel-section`},Ds={class:`switch-grid`},Os={class:`switch`},ks={class:`switch`},As={class:`switch`},js={class:`switch`},Ms={class:`switch`},Ns={class:`switch`},Ps={class:`switch`},Fs={class:`switch`},Is={class:`field-grid`},Ls={class:`field`},Rs={class:`field`},zs={class:`field`},Bs={class:`field`},Vs={class:`field`},Hs={class:`field`},Us={key:2,class:`panel-section`},Ws={class:`switch-grid`},Gs={class:`switch`},Ks={class:`switch`},qs={class:`switch`},Js={class:`switch`},Ys={class:`field-grid`},Xs={class:`field`},Zs={class:`field`},Qs={class:`field`},$s={class:`field`},ec={class:`field`},tc={class:`field`},nc={key:3,class:`panel-section`},rc={class:`field-grid`},ic={class:`field`},ac={class:`field`},oc={class:`field`},sc={class:`field`},cc={class:`switch-grid`},lc={class:`switch`},uc={class:`switch`},dc={key:4,class:`panel-section`},fc={class:`field-grid`},pc={class:`field`},mc={class:`field`},hc={class:`field`},gc={class:`field`},_c={key:0,class:`error-line`};uo(Mo(Ln({__name:`App`,setup(e){let t=B(null),n=B(!0),r=B(!1),i=B(`source`),a=B(`url`),o=B(`//player.alicdn.com/video/aliyunmedia.mp4`),s=B(``),c=B(`init`),l=B([]),u=B(`2.37.0`),d=B(!0),f=B(!0),p=B(!0),m=B(!1),h=B(!1),g=B(``),_=B(``),v=B(`auto`),y=B(128),b=B(``),x=B(``),S=B(``),C=B(`center`),w=B(0),ee=B(`10,30,60`),te=B(`{ "diagnosisButtonVisible": true }`),ne=B(``),T=0,re=[{label:`源`,value:`source`},{label:`基础`,value:`basic`},{label:`直播`,value:`live`},{label:`SDK`,value:`sdk`},{label:`皮肤`,value:`skin`}],E=[{label:`URL`,value:`url`},{label:`VID`,value:`vid`},{label:`STS`,value:`sts`}],ie=[{label:`MP4 演示源`,value:`//player.alicdn.com/video/aliyunmedia.mp4`},{label:`MP4 备用源`,value:`//yunqivedio.alicdn.com/user-upload/nXPDX8AASx.mp4`},{label:`M3U8 直播源`,value:`//ivi.bupt.edu.cn/hls/cctv1.m3u8`}],ae=[`//player.alicdn.com/video/aliyunmedia.mp4`,`//yunqivedio.alicdn.com/user-upload/nXPDX8AASx.mp4`,`//player.alicdn.com/video/aliyunmedia.mp4`,`//yunqivedio.alicdn.com/user-upload/nXPDX8AASx.mp4`],D=At({width:`100%`,height:`420px`,autoplay:!0,isLive:!1,useH5Prism:!0,useFlashPrism:!1,playsinline:!0,preload:!0,rePlay:!1,disableSeek:!1,enableSystemMenu:!1,controlBarVisibility:`hover`,showBarTime:5e3,language:`zh-cn`,cover:``}),O=At({domain:``,key:``}),k=At({vid:``,playauth:``,authTimeout:7200}),A=At({vid:``,region:`cn-shanghai`,accessKeyId:``,accessKeySecret:``,securityToken:``}),oe=Z(()=>E.find(e=>e.value===a.value)?.label||`URL`),se=Z(()=>a.value===`url`?s.value.trim()||o.value:null),ce=Z(()=>To(se.value)),le=Z(()=>g.value.split(` `).map(e=>e.trim()).filter(Boolean)),ue=Z(()=>!O.domain.trim()||!O.key.trim()?null:{domain:O.domain.trim(),key:O.key.trim()}),de=Z(()=>{if(C.value!==`default`)return C.value===`hidden`?!1:C.value===`minimal`?[{name:`bigPlayButton`,align:`cc`},{name:`controlBar`,align:`blabs`,x:0,y:0,children:[{name:`progress`,align:`blabs`,x:0,y:44},{name:`playButton`,align:`tl`,x:12,y:12},{name:`timeDisplay`,align:`tl`,x:48,y:10},{name:`fullScreenButton`,align:`tr`,x:12,y:12}]}]:[{name:`bigPlayButton`,align:`cc`}]}),fe=Z(()=>ee.value.split(`,`).map(e=>Number(e.trim())).filter(e=>Number.isFinite(e)&&e>0).map((e,t)=>({offset:e,text:`Marker ${t+1}`}))),pe=Z(()=>{if(ne.value=``,!te.value.trim())return{};try{return JSON.parse(te.value)}catch(e){return ne.value=e instanceof Error?e.message:String(e),{}}}),me=Z(()=>{let e={...D,...pe.value};return D.cover||delete e.cover,_.value&&(e.format=_.value),v.value!==`auto`&&(e.enableStashBufferForFlv=v.value===`on`),y.value>0&&(e.stashInitialSizeForFlv=y.value),b.value.trim()&&(e.rtsVersion=b.value.trim()),x.value.trim()&&(e.liveStartTime=x.value.trim()),S.value.trim()&&(e.liveOverTime=S.value.trim()),de.value!==void 0&&(e.skinLayout=de.value),w.value>0&&(e.previewTime=w.value),fe.value.length&&(e.progressMarkers=fe.value),a.value===`vid`&&(e.vid=k.vid.trim(),e.playauth=k.playauth.trim(),e.authTimeout=k.authTimeout),a.value===`sts`&&(e.vid=A.vid.trim(),e.region=A.region.trim(),e.accessKeyId=A.accessKeyId.trim(),e.accessKeySecret=A.accessKeySecret.trim(),e.securityToken=A.securityToken.trim()),e}),he=Z(()=>JSON.stringify({source:se.value,options:me.value,license:ue.value,sdkVersion:u.value,autoFormat:d.value,lowLatency:f.value,normalizeSourceUrl:p.value,disableTracking:h.value,componentScripts:le.value},null,2));function M(e){l.value=[{id:`${Date.now()}-${T++}`,time:new Date().toLocaleTimeString(),message:e},...l.value].slice(0,10)}function N(){c.value=`ready`,M(`ready`)}function ge(){let e=t.value?.getCurrentTime();typeof e==`number`&&Math.floor(e)%15==0&&(c.value=`playing ${Math.floor(e)}s`)}function _e(e){c.value=`error`,M(`error ${JSON.stringify(e||{})}`)}function ve(e){c.value=`sdk-error`,M(`sdk-error ${e.message}`)}function ye(){t.value?.seek(15),M(`seek 15s`)}function F(){t.value?.requestFullScreen(),M(`fullscreen`)}function be(){c.value=t.value?.getStatus()||`unknown`,M(`status ${c.value}`)}function xe(){navigator.clipboard?.writeText(he.value),M(`config copied`)}function I(){a.value=`url`,o.value=ie[0].value,s.value=``,u.value=`2.37.0`,d.value=!0,f.value=!0,p.value=!0,m.value=!1,h.value=!1,_.value=``,v.value=`auto`,y.value=128,b.value=``,x.value=``,S.value=``,C.value=`center`,w.value=0,ee.value=`10,30,60`,te.value=`{ "diagnosisButtonVisible": true -}`,g.value=``,O.domain=``,O.key=``,Object.assign(D,{width:`100%`,height:`420px`,autoplay:!0,isLive:!1,useH5Prism:!0,useFlashPrism:!1,playsinline:!0,preload:!0,rePlay:!1,disableSeek:!1,enableSystemMenu:!1,controlBarVisibility:`hover`,showBarTime:5e3,language:`zh-cn`,cover:``}),M(`reset`)}return(e,T)=>(q(),J(`main`,Io,[Y(`header`,Lo,[T[55]||=Y(`div`,{class:`brand-block`},[Y(`span`,{class:`version`},`vue-aliplayer-v2`),Y(`h1`,null,`Aliplayer Vue 3 Workbench`)],-1),Y(`div`,Ro,[Y(`button`,{type:`button`,class:`button secondary`,onClick:I},`重置`),Y(`button`,{type:`button`,class:`button secondary`,onClick:T[0]||=e=>n.value=!n.value},P(n.value?`销毁`:`挂载`),1),Y(`button`,{type:`button`,class:`button primary`,disabled:r.value||!n.value,onClick:T[1]||=e=>t.value?.retry(se.value||void 0)},`重试`,8,zo)])]),Y(`section`,Bo,[Y(`article`,null,[T[56]||=Y(`span`,null,`SDK`,-1),Y(`strong`,null,P(u.value),1)]),Y(`article`,null,[T[57]||=Y(`span`,null,`播放模式`,-1),Y(`strong`,null,P(oe.value),1)]),Y(`article`,null,[T[58]||=Y(`span`,null,`推断格式`,-1),Y(`strong`,null,P(ce.value||`未识别`),1)]),Y(`article`,null,[T[59]||=Y(`span`,null,`播放器状态`,-1),Y(`strong`,null,P(c.value),1)]),Y(`article`,null,[T[60]||=Y(`span`,null,`事件`,-1),Y(`strong`,null,P(l.value.length),1)])]),Y(`section`,Vo,[Y(`div`,Ho,[Y(`section`,Uo,[Y(`div`,Wo,[Y(`div`,null,[Y(`h2`,null,P(r.value?`多实例验证`:`单实例调试`),1),Y(`p`,null,P(se.value||`VID / STS 初始化模式`),1)]),Y(`label`,Go,[T[61]||=Y(`span`,null,`多实例`,-1),H(Y(`input`,{"onUpdate:modelValue":T[2]||=e=>r.value=e,type:`checkbox`},null,512),[[$,r.value]])])]),Y(`div`,{class:j([`player-frame`,{"is-multiple":r.value}])},[n.value?(q(),J(G,{key:0},[r.value?(q(),J(`div`,Ko,[(q(),J(G,null,cr(ae,e=>Ni(Ut(Fo),{key:e,class:`player`,source:e,options:me.value,license:ue.value,"sdk-version":u.value,"component-scripts":le.value,"auto-format":d.value,"normalize-source-url":p.value,"disable-tracking":h.value,"low-latency":f.value,"forbid-fast-forward":m.value,onReady:N,onError:_e,onSdkError:ve},null,8,[`source`,`options`,`license`,`sdk-version`,`component-scripts`,`auto-format`,`normalize-source-url`,`disable-tracking`,`low-latency`,`forbid-fast-forward`])),64))])):(q(),Oi(Ut(Fo),{key:1,ref_key:`playerRef`,ref:t,class:`player`,source:se.value,options:me.value,license:ue.value,"sdk-version":u.value,"component-scripts":le.value,"auto-format":d.value,"normalize-source-url":p.value,"disable-tracking":h.value,"low-latency":f.value,"forbid-fast-forward":m.value,onReady:N,onPlay:T[3]||=e=>M(`play`),onPause:T[4]||=e=>M(`pause`),onEnded:T[5]||=e=>M(`ended`),onWaiting:T[6]||=e=>M(`waiting`),onTimeupdate:ge,onError:_e,onSdkError:ve},null,8,[`source`,`options`,`license`,`sdk-version`,`component-scripts`,`auto-format`,`normalize-source-url`,`disable-tracking`,`low-latency`,`forbid-fast-forward`]))],64)):(q(),J(`div`,qo,[T[62]||=Y(`strong`,null,`播放器未挂载`,-1),Y(`span`,null,P(se.value||`等待初始化参数`),1)]))],2),Y(`div`,Jo,[Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:T[7]||=e=>t.value?.play()},`播放`,8,Yo),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:T[8]||=e=>t.value?.pause()},`暂停`,8,Xo),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:T[9]||=e=>t.value?.replay()},`重播`,8,Zo),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:ye},`跳转`,8,Qo),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:F},`全屏`,8,$o),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:be},`状态`,8,es)])]),Y(`section`,ts,[Y(`article`,ns,[Y(`div`,rs,[T[63]||=Y(`h2`,null,`事件流`,-1),Y(`button`,{type:`button`,class:`text-button`,onClick:T[10]||=e=>l.value=[]},`清空`)]),Y(`ol`,is,[(q(!0),J(G,null,cr(l.value,e=>(q(),J(`li`,{key:e.id},[Y(`time`,null,P(e.time),1),Y(`span`,null,P(e.message),1)]))),128)),l.value.length?zi(``,!0):(q(),J(`li`,as,`暂无事件`))])]),Y(`article`,os,[Y(`div`,{class:`section-head`},[T[64]||=Y(`h2`,null,`配置预览`,-1),Y(`button`,{type:`button`,class:`text-button`,onClick:xe},`复制`)]),Y(`pre`,null,P(he.value),1)])])]),Y(`aside`,ss,[Y(`div`,cs,[(q(),J(G,null,cr(re,e=>Y(`button`,{key:e.value,type:`button`,class:j({active:i.value===e.value}),onClick:t=>i.value=e.value},P(e.label),11,ls)),64))]),i.value===`source`?(q(),J(`section`,us,[T[75]||=Y(`h2`,null,`播放源`,-1),Y(`div`,ds,[(q(),J(G,null,cr(E,e=>Y(`button`,{key:e.value,type:`button`,class:j({active:a.value===e.value}),onClick:t=>a.value=e.value},P(e.label),11,fs)),64))]),a.value===`url`?(q(),J(`label`,ps,[T[65]||=Y(`span`,null,`预设源`,-1),H(Y(`select`,{"onUpdate:modelValue":T[11]||=e=>o.value=e},[(q(),J(G,null,cr(ie,e=>Y(`option`,{key:e.value,value:e.value},P(e.label),9,ms)),64))],512),[[ro,o.value]])])):zi(``,!0),a.value===`url`?(q(),J(`label`,hs,[T[66]||=Y(`span`,null,`自定义 URL`,-1),H(Y(`input`,{"onUpdate:modelValue":T[12]||=e=>s.value=e,type:`url`,placeholder:`https://example.com/video.mp4`},null,512),[[Q,s.value]])])):zi(``,!0),a.value===`vid`?(q(),J(`div`,gs,[Y(`label`,_s,[T[67]||=Y(`span`,null,`VID`,-1),H(Y(`input`,{"onUpdate:modelValue":T[13]||=e=>k.vid=e,type:`text`,placeholder:`1e067a2831b641db...`},null,512),[[Q,k.vid]])]),Y(`label`,vs,[T[68]||=Y(`span`,null,`PlayAuth`,-1),H(Y(`input`,{"onUpdate:modelValue":T[14]||=e=>k.playauth=e,type:`text`,placeholder:`Base64 PlayAuth`},null,512),[[Q,k.playauth]])]),Y(`label`,ys,[T[69]||=Y(`span`,null,`Auth Timeout`,-1),H(Y(`input`,{"onUpdate:modelValue":T[15]||=e=>k.authTimeout=e,type:`number`,min:`60`,step:`60`},null,512),[[Q,k.authTimeout,void 0,{number:!0}]])])])):zi(``,!0),a.value===`sts`?(q(),J(`div`,bs,[Y(`label`,xs,[T[70]||=Y(`span`,null,`VID`,-1),H(Y(`input`,{"onUpdate:modelValue":T[16]||=e=>A.vid=e,type:`text`},null,512),[[Q,A.vid]])]),Y(`label`,Ss,[T[71]||=Y(`span`,null,`Region`,-1),H(Y(`input`,{"onUpdate:modelValue":T[17]||=e=>A.region=e,type:`text`,placeholder:`cn-shanghai`},null,512),[[Q,A.region]])]),Y(`label`,Cs,[T[72]||=Y(`span`,null,`AccessKey ID`,-1),H(Y(`input`,{"onUpdate:modelValue":T[18]||=e=>A.accessKeyId=e,type:`text`},null,512),[[Q,A.accessKeyId]])]),Y(`label`,ws,[T[73]||=Y(`span`,null,`AccessKey Secret`,-1),H(Y(`input`,{"onUpdate:modelValue":T[19]||=e=>A.accessKeySecret=e,type:`password`},null,512),[[Q,A.accessKeySecret]])]),Y(`label`,Ts,[T[74]||=Y(`span`,null,`Security Token`,-1),H(Y(`textarea`,{"onUpdate:modelValue":T[20]||=e=>A.securityToken=e,rows:`3`},null,512),[[Q,A.securityToken]])])])):zi(``,!0)])):zi(``,!0),i.value===`basic`?(q(),J(`section`,Es,[T[92]||=Y(`h2`,null,`基础`,-1),Y(`div`,Ds,[Y(`label`,Os,[T[76]||=Y(`span`,null,`自动播放`,-1),H(Y(`input`,{"onUpdate:modelValue":T[21]||=e=>D.autoplay=e,type:`checkbox`},null,512),[[$,D.autoplay]])]),Y(`label`,ks,[T[77]||=Y(`span`,null,`直播`,-1),H(Y(`input`,{"onUpdate:modelValue":T[22]||=e=>D.isLive=e,type:`checkbox`},null,512),[[$,D.isLive]])]),Y(`label`,As,[T[78]||=Y(`span`,null,`H5`,-1),H(Y(`input`,{"onUpdate:modelValue":T[23]||=e=>D.useH5Prism=e,type:`checkbox`},null,512),[[$,D.useH5Prism]])]),Y(`label`,js,[T[79]||=Y(`span`,null,`Flash`,-1),H(Y(`input`,{"onUpdate:modelValue":T[24]||=e=>D.useFlashPrism=e,type:`checkbox`},null,512),[[$,D.useFlashPrism]])]),Y(`label`,Ms,[T[80]||=Y(`span`,null,`循环`,-1),H(Y(`input`,{"onUpdate:modelValue":T[25]||=e=>D.rePlay=e,type:`checkbox`},null,512),[[$,D.rePlay]])]),Y(`label`,Ns,[T[81]||=Y(`span`,null,`预加载`,-1),H(Y(`input`,{"onUpdate:modelValue":T[26]||=e=>D.preload=e,type:`checkbox`},null,512),[[$,D.preload]])]),Y(`label`,Ps,[T[82]||=Y(`span`,null,`内联播放`,-1),H(Y(`input`,{"onUpdate:modelValue":T[27]||=e=>D.playsinline=e,type:`checkbox`},null,512),[[$,D.playsinline]])]),Y(`label`,Fs,[T[83]||=Y(`span`,null,`禁用 Seek`,-1),H(Y(`input`,{"onUpdate:modelValue":T[28]||=e=>D.disableSeek=e,type:`checkbox`},null,512),[[$,D.disableSeek]])])]),Y(`div`,Is,[Y(`label`,Ls,[T[84]||=Y(`span`,null,`宽度`,-1),H(Y(`input`,{"onUpdate:modelValue":T[29]||=e=>D.width=e,type:`text`},null,512),[[Q,D.width]])]),Y(`label`,Rs,[T[85]||=Y(`span`,null,`高度`,-1),H(Y(`input`,{"onUpdate:modelValue":T[30]||=e=>D.height=e,type:`text`},null,512),[[Q,D.height]])]),Y(`label`,zs,[T[87]||=Y(`span`,null,`语言`,-1),H(Y(`select`,{"onUpdate:modelValue":T[31]||=e=>D.language=e},[...T[86]||=[Y(`option`,{value:`zh-cn`},`zh-cn`,-1),Y(`option`,{value:`en-us`},`en-us`,-1)]],512),[[ro,D.language]])]),Y(`label`,Bs,[T[89]||=Y(`span`,null,`控制栏`,-1),H(Y(`select`,{"onUpdate:modelValue":T[32]||=e=>D.controlBarVisibility=e},[...T[88]||=[Y(`option`,{value:`hover`},`hover`,-1),Y(`option`,{value:`click`},`click`,-1),Y(`option`,{value:`always`},`always`,-1)]],512),[[ro,D.controlBarVisibility]])]),Y(`label`,Vs,[T[90]||=Y(`span`,null,`隐藏延迟`,-1),H(Y(`input`,{"onUpdate:modelValue":T[33]||=e=>D.showBarTime=e,type:`number`,min:`0`,step:`500`},null,512),[[Q,D.showBarTime,void 0,{number:!0}]])]),Y(`label`,Hs,[T[91]||=Y(`span`,null,`封面`,-1),H(Y(`input`,{"onUpdate:modelValue":T[34]||=e=>D.cover=e,type:`url`,placeholder:`https://...`},null,512),[[Q,D.cover]])])])])):zi(``,!0),i.value===`live`?(q(),J(`section`,Us,[T[105]||=Y(`h2`,null,`直播与格式`,-1),Y(`div`,Ws,[Y(`label`,Gs,[T[93]||=Y(`span`,null,`自动格式`,-1),H(Y(`input`,{"onUpdate:modelValue":T[35]||=e=>d.value=e,type:`checkbox`},null,512),[[$,d.value]])]),Y(`label`,Ks,[T[94]||=Y(`span`,null,`低延迟`,-1),H(Y(`input`,{"onUpdate:modelValue":T[36]||=e=>f.value=e,type:`checkbox`},null,512),[[$,f.value]])]),Y(`label`,qs,[T[95]||=Y(`span`,null,`URL 编码`,-1),H(Y(`input`,{"onUpdate:modelValue":T[37]||=e=>p.value=e,type:`checkbox`},null,512),[[$,p.value]])]),Y(`label`,Js,[T[96]||=Y(`span`,null,`禁快进`,-1),H(Y(`input`,{"onUpdate:modelValue":T[38]||=e=>m.value=e,type:`checkbox`},null,512),[[$,m.value]])])]),Y(`div`,Ys,[Y(`label`,Xs,[T[98]||=Y(`span`,null,`格式`,-1),H(Y(`select`,{"onUpdate:modelValue":T[39]||=e=>_.value=e},[...T[97]||=[Ri(``,6)]],512),[[ro,_.value]])]),Y(`label`,Zs,[T[100]||=Y(`span`,null,`FLV stash`,-1),H(Y(`select`,{"onUpdate:modelValue":T[40]||=e=>v.value=e},[...T[99]||=[Y(`option`,{value:`auto`},`auto`,-1),Y(`option`,{value:`on`},`on`,-1),Y(`option`,{value:`off`},`off`,-1)]],512),[[ro,v.value]])]),Y(`label`,Qs,[T[101]||=Y(`span`,null,`stash size`,-1),H(Y(`input`,{"onUpdate:modelValue":T[41]||=e=>y.value=e,type:`number`,min:`0`,step:`32`},null,512),[[Q,y.value,void 0,{number:!0}]])]),Y(`label`,$s,[T[102]||=Y(`span`,null,`RTS 版本`,-1),H(Y(`input`,{"onUpdate:modelValue":T[42]||=e=>b.value=e,type:`text`,placeholder:`2.2.1`},null,512),[[Q,b.value]])]),Y(`label`,ec,[T[103]||=Y(`span`,null,`时移开始`,-1),H(Y(`input`,{"onUpdate:modelValue":T[43]||=e=>x.value=e,type:`text`,placeholder:`2026/05/23 10:00:00`},null,512),[[Q,x.value]])]),Y(`label`,tc,[T[104]||=Y(`span`,null,`时移结束`,-1),H(Y(`input`,{"onUpdate:modelValue":T[44]||=e=>S.value=e,type:`text`,placeholder:`2026/05/23 12:00:00`},null,512),[[Q,S.value]])])])])):zi(``,!0),i.value===`sdk`?(q(),J(`section`,nc,[T[112]||=Y(`h2`,null,`SDK 与扩展`,-1),Y(`div`,rc,[Y(`label`,ic,[T[106]||=Y(`span`,null,`SDK 版本`,-1),H(Y(`input`,{"onUpdate:modelValue":T[45]||=e=>u.value=e,type:`text`},null,512),[[Q,u.value]])]),Y(`label`,ac,[T[107]||=Y(`span`,null,`License 域名`,-1),H(Y(`input`,{"onUpdate:modelValue":T[46]||=e=>O.domain=e,type:`text`,placeholder:`example.com`},null,512),[[Q,O.domain]])]),Y(`label`,oc,[T[108]||=Y(`span`,null,`License Key`,-1),H(Y(`input`,{"onUpdate:modelValue":T[47]||=e=>O.key=e,type:`password`},null,512),[[Q,O.key]])]),Y(`label`,sc,[T[109]||=Y(`span`,null,`组件脚本`,-1),H(Y(`textarea`,{"onUpdate:modelValue":T[48]||=e=>g.value=e,rows:`3`,placeholder:`每行一个脚本地址`},null,512),[[Q,g.value]])])]),Y(`div`,cc,[Y(`label`,lc,[T[110]||=Y(`span`,null,`拦截 track`,-1),H(Y(`input`,{"onUpdate:modelValue":T[49]||=e=>h.value=e,type:`checkbox`},null,512),[[$,h.value]])]),Y(`label`,uc,[T[111]||=Y(`span`,null,`系统菜单`,-1),H(Y(`input`,{"onUpdate:modelValue":T[50]||=e=>D.enableSystemMenu=e,type:`checkbox`},null,512),[[$,D.enableSystemMenu]])])])])):zi(``,!0),i.value===`skin`?(q(),J(`section`,dc,[T[118]||=Y(`h2`,null,`皮肤`,-1),Y(`div`,fc,[Y(`label`,pc,[T[114]||=Y(`span`,null,`大播放按钮`,-1),H(Y(`select`,{"onUpdate:modelValue":T[51]||=e=>C.value=e},[...T[113]||=[Y(`option`,{value:`default`},`default`,-1),Y(`option`,{value:`center`},`center`,-1),Y(`option`,{value:`minimal`},`minimal`,-1),Y(`option`,{value:`hidden`},`hidden`,-1)]],512),[[ro,C.value]])]),Y(`label`,mc,[T[115]||=Y(`span`,null,`试看时间`,-1),H(Y(`input`,{"onUpdate:modelValue":T[52]||=e=>w.value=e,type:`number`,min:`0`},null,512),[[Q,w.value,void 0,{number:!0}]])]),Y(`label`,hc,[T[116]||=Y(`span`,null,`打点秒数`,-1),H(Y(`input`,{"onUpdate:modelValue":T[53]||=e=>ee.value=e,type:`text`,placeholder:`10,30,60`},null,512),[[Q,ee.value]])])]),Y(`label`,gc,[T[117]||=Y(`span`,null,`自定义 options JSON`,-1),H(Y(`textarea`,{"onUpdate:modelValue":T[54]||=e=>te.value=e,rows:`8`,spellcheck:`false`},null,512),[[Q,te.value]])]),ne.value?(q(),J(`p`,_c,P(ne.value),1)):zi(``,!0)])):zi(``,!0)])])]))}}),[[`__scopeId`,`data-v-308d3b6d`]])).mount(`#app`); \ No newline at end of file +}`,g.value=``,O.domain=``,O.key=``,Object.assign(D,{width:`100%`,height:`420px`,autoplay:!0,isLive:!1,useH5Prism:!0,useFlashPrism:!1,playsinline:!0,preload:!0,rePlay:!1,disableSeek:!1,enableSystemMenu:!1,controlBarVisibility:`hover`,showBarTime:5e3,language:`zh-cn`,cover:``}),M(`reset`)}return(e,T)=>(q(),J(`main`,Io,[Y(`header`,Lo,[T[55]||=Y(`div`,{class:`brand-block`},[Y(`span`,{class:`version`},`vue-aliplayer-v2`),Y(`h1`,null,`Aliplayer Vue 3 Workbench`)],-1),Y(`div`,Ro,[Y(`button`,{type:`button`,class:`button secondary`,onClick:I},`重置`),Y(`button`,{type:`button`,class:`button secondary`,onClick:T[0]||=e=>n.value=!n.value},P(n.value?`销毁`:`挂载`),1),Y(`button`,{type:`button`,class:`button primary`,disabled:r.value||!n.value,onClick:T[1]||=e=>t.value?.retry(se.value||void 0)},`重试`,8,zo)])]),Y(`section`,Bo,[Y(`article`,null,[T[56]||=Y(`span`,null,`SDK`,-1),Y(`strong`,null,P(u.value),1)]),Y(`article`,null,[T[57]||=Y(`span`,null,`播放模式`,-1),Y(`strong`,null,P(oe.value),1)]),Y(`article`,null,[T[58]||=Y(`span`,null,`推断格式`,-1),Y(`strong`,null,P(ce.value||`未识别`),1)]),Y(`article`,null,[T[59]||=Y(`span`,null,`播放器状态`,-1),Y(`strong`,null,P(c.value),1)]),Y(`article`,null,[T[60]||=Y(`span`,null,`事件`,-1),Y(`strong`,null,P(l.value.length),1)])]),Y(`section`,Vo,[Y(`div`,Ho,[Y(`section`,Uo,[Y(`div`,Wo,[Y(`div`,null,[Y(`h2`,null,P(r.value?`多实例验证`:`单实例调试`),1),Y(`p`,null,P(se.value||`VID / STS 初始化模式`),1)]),Y(`label`,Go,[T[61]||=Y(`span`,null,`多实例`,-1),H(Y(`input`,{"onUpdate:modelValue":T[2]||=e=>r.value=e,type:`checkbox`},null,512),[[$,r.value]])])]),Y(`div`,{class:j([`player-frame`,{"is-multiple":r.value}])},[n.value?(q(),J(G,{key:0},[r.value?(q(),J(`div`,Ko,[(q(),J(G,null,cr(ae,e=>Ni(Ut(Fo),{key:e,class:`player`,source:e,options:me.value,license:ue.value,"sdk-version":u.value,"component-scripts":le.value,"auto-format":d.value,"normalize-source-url":p.value,"disable-tracking":h.value,"low-latency":f.value,"forbid-fast-forward":m.value,onReady:N,onError:_e,onSdkError:ve},null,8,[`source`,`options`,`license`,`sdk-version`,`component-scripts`,`auto-format`,`normalize-source-url`,`disable-tracking`,`low-latency`,`forbid-fast-forward`])),64))])):(q(),Oi(Ut(Fo),{key:1,ref_key:`playerRef`,ref:t,class:`player`,source:se.value,options:me.value,license:ue.value,"sdk-version":u.value,"component-scripts":le.value,"auto-format":d.value,"normalize-source-url":p.value,"disable-tracking":h.value,"low-latency":f.value,"forbid-fast-forward":m.value,onReady:N,onPlay:T[3]||=e=>M(`play`),onPause:T[4]||=e=>M(`pause`),onEnded:T[5]||=e=>M(`ended`),onWaiting:T[6]||=e=>M(`waiting`),onTimeupdate:ge,onError:_e,onSdkError:ve},null,8,[`source`,`options`,`license`,`sdk-version`,`component-scripts`,`auto-format`,`normalize-source-url`,`disable-tracking`,`low-latency`,`forbid-fast-forward`]))],64)):(q(),J(`div`,qo,[T[62]||=Y(`strong`,null,`播放器未挂载`,-1),Y(`span`,null,P(se.value||`等待初始化参数`),1)]))],2),Y(`div`,Jo,[Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:T[7]||=e=>t.value?.play()},`播放`,8,Yo),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:T[8]||=e=>t.value?.pause()},`暂停`,8,Xo),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:T[9]||=e=>t.value?.replay()},`重播`,8,Zo),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:ye},`跳转`,8,Qo),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:F},`全屏`,8,$o),Y(`button`,{type:`button`,class:`button icon-button`,disabled:r.value||!n.value,onClick:be},`状态`,8,es)])]),Y(`section`,ts,[Y(`article`,ns,[Y(`div`,rs,[T[63]||=Y(`h2`,null,`事件流`,-1),Y(`button`,{type:`button`,class:`text-button`,onClick:T[10]||=e=>l.value=[]},`清空`)]),Y(`ol`,is,[(q(!0),J(G,null,cr(l.value,e=>(q(),J(`li`,{key:e.id},[Y(`time`,null,P(e.time),1),Y(`span`,null,P(e.message),1)]))),128)),l.value.length?zi(``,!0):(q(),J(`li`,as,`暂无事件`))])]),Y(`article`,os,[Y(`div`,{class:`section-head`},[T[64]||=Y(`h2`,null,`配置预览`,-1),Y(`button`,{type:`button`,class:`text-button`,onClick:xe},`复制`)]),Y(`pre`,null,P(he.value),1)])])]),Y(`aside`,ss,[Y(`div`,cs,[(q(),J(G,null,cr(re,e=>Y(`button`,{key:e.value,type:`button`,class:j({active:i.value===e.value}),onClick:t=>i.value=e.value},P(e.label),11,ls)),64))]),i.value===`source`?(q(),J(`section`,us,[T[75]||=Y(`h2`,null,`播放源`,-1),Y(`div`,ds,[(q(),J(G,null,cr(E,e=>Y(`button`,{key:e.value,type:`button`,class:j({active:a.value===e.value}),onClick:t=>a.value=e.value},P(e.label),11,fs)),64))]),a.value===`url`?(q(),J(`label`,ps,[T[65]||=Y(`span`,null,`预设源`,-1),H(Y(`select`,{"onUpdate:modelValue":T[11]||=e=>o.value=e},[(q(),J(G,null,cr(ie,e=>Y(`option`,{key:e.value,value:e.value},P(e.label),9,ms)),64))],512),[[ro,o.value]])])):zi(``,!0),a.value===`url`?(q(),J(`label`,hs,[T[66]||=Y(`span`,null,`自定义 URL`,-1),H(Y(`input`,{"onUpdate:modelValue":T[12]||=e=>s.value=e,type:`url`,placeholder:`https://example.com/video.mp4`},null,512),[[Q,s.value]])])):zi(``,!0),a.value===`vid`?(q(),J(`div`,gs,[Y(`label`,_s,[T[67]||=Y(`span`,null,`VID`,-1),H(Y(`input`,{"onUpdate:modelValue":T[13]||=e=>k.vid=e,type:`text`,placeholder:`1e067a2831b641db...`},null,512),[[Q,k.vid]])]),Y(`label`,vs,[T[68]||=Y(`span`,null,`PlayAuth`,-1),H(Y(`input`,{"onUpdate:modelValue":T[14]||=e=>k.playauth=e,type:`text`,placeholder:`Base64 PlayAuth`},null,512),[[Q,k.playauth]])]),Y(`label`,ys,[T[69]||=Y(`span`,null,`Auth Timeout`,-1),H(Y(`input`,{"onUpdate:modelValue":T[15]||=e=>k.authTimeout=e,type:`number`,min:`60`,step:`60`},null,512),[[Q,k.authTimeout,void 0,{number:!0}]])])])):zi(``,!0),a.value===`sts`?(q(),J(`div`,bs,[Y(`label`,xs,[T[70]||=Y(`span`,null,`VID`,-1),H(Y(`input`,{"onUpdate:modelValue":T[16]||=e=>A.vid=e,type:`text`},null,512),[[Q,A.vid]])]),Y(`label`,Ss,[T[71]||=Y(`span`,null,`Region`,-1),H(Y(`input`,{"onUpdate:modelValue":T[17]||=e=>A.region=e,type:`text`,placeholder:`cn-shanghai`},null,512),[[Q,A.region]])]),Y(`label`,Cs,[T[72]||=Y(`span`,null,`AccessKey ID`,-1),H(Y(`input`,{"onUpdate:modelValue":T[18]||=e=>A.accessKeyId=e,type:`text`},null,512),[[Q,A.accessKeyId]])]),Y(`label`,ws,[T[73]||=Y(`span`,null,`AccessKey Secret`,-1),H(Y(`input`,{"onUpdate:modelValue":T[19]||=e=>A.accessKeySecret=e,type:`password`},null,512),[[Q,A.accessKeySecret]])]),Y(`label`,Ts,[T[74]||=Y(`span`,null,`Security Token`,-1),H(Y(`textarea`,{"onUpdate:modelValue":T[20]||=e=>A.securityToken=e,rows:`3`},null,512),[[Q,A.securityToken]])])])):zi(``,!0)])):zi(``,!0),i.value===`basic`?(q(),J(`section`,Es,[T[92]||=Y(`h2`,null,`基础`,-1),Y(`div`,Ds,[Y(`label`,Os,[T[76]||=Y(`span`,null,`自动播放`,-1),H(Y(`input`,{"onUpdate:modelValue":T[21]||=e=>D.autoplay=e,type:`checkbox`},null,512),[[$,D.autoplay]])]),Y(`label`,ks,[T[77]||=Y(`span`,null,`直播`,-1),H(Y(`input`,{"onUpdate:modelValue":T[22]||=e=>D.isLive=e,type:`checkbox`},null,512),[[$,D.isLive]])]),Y(`label`,As,[T[78]||=Y(`span`,null,`H5`,-1),H(Y(`input`,{"onUpdate:modelValue":T[23]||=e=>D.useH5Prism=e,type:`checkbox`},null,512),[[$,D.useH5Prism]])]),Y(`label`,js,[T[79]||=Y(`span`,null,`Flash`,-1),H(Y(`input`,{"onUpdate:modelValue":T[24]||=e=>D.useFlashPrism=e,type:`checkbox`},null,512),[[$,D.useFlashPrism]])]),Y(`label`,Ms,[T[80]||=Y(`span`,null,`循环`,-1),H(Y(`input`,{"onUpdate:modelValue":T[25]||=e=>D.rePlay=e,type:`checkbox`},null,512),[[$,D.rePlay]])]),Y(`label`,Ns,[T[81]||=Y(`span`,null,`预加载`,-1),H(Y(`input`,{"onUpdate:modelValue":T[26]||=e=>D.preload=e,type:`checkbox`},null,512),[[$,D.preload]])]),Y(`label`,Ps,[T[82]||=Y(`span`,null,`内联播放`,-1),H(Y(`input`,{"onUpdate:modelValue":T[27]||=e=>D.playsinline=e,type:`checkbox`},null,512),[[$,D.playsinline]])]),Y(`label`,Fs,[T[83]||=Y(`span`,null,`禁用 Seek`,-1),H(Y(`input`,{"onUpdate:modelValue":T[28]||=e=>D.disableSeek=e,type:`checkbox`},null,512),[[$,D.disableSeek]])])]),Y(`div`,Is,[Y(`label`,Ls,[T[84]||=Y(`span`,null,`宽度`,-1),H(Y(`input`,{"onUpdate:modelValue":T[29]||=e=>D.width=e,type:`text`},null,512),[[Q,D.width]])]),Y(`label`,Rs,[T[85]||=Y(`span`,null,`高度`,-1),H(Y(`input`,{"onUpdate:modelValue":T[30]||=e=>D.height=e,type:`text`},null,512),[[Q,D.height]])]),Y(`label`,zs,[T[87]||=Y(`span`,null,`语言`,-1),H(Y(`select`,{"onUpdate:modelValue":T[31]||=e=>D.language=e},[...T[86]||=[Y(`option`,{value:`zh-cn`},`zh-cn`,-1),Y(`option`,{value:`en-us`},`en-us`,-1)]],512),[[ro,D.language]])]),Y(`label`,Bs,[T[89]||=Y(`span`,null,`控制栏`,-1),H(Y(`select`,{"onUpdate:modelValue":T[32]||=e=>D.controlBarVisibility=e},[...T[88]||=[Y(`option`,{value:`hover`},`hover`,-1),Y(`option`,{value:`click`},`click`,-1),Y(`option`,{value:`always`},`always`,-1)]],512),[[ro,D.controlBarVisibility]])]),Y(`label`,Vs,[T[90]||=Y(`span`,null,`隐藏延迟`,-1),H(Y(`input`,{"onUpdate:modelValue":T[33]||=e=>D.showBarTime=e,type:`number`,min:`0`,step:`500`},null,512),[[Q,D.showBarTime,void 0,{number:!0}]])]),Y(`label`,Hs,[T[91]||=Y(`span`,null,`封面`,-1),H(Y(`input`,{"onUpdate:modelValue":T[34]||=e=>D.cover=e,type:`url`,placeholder:`https://...`},null,512),[[Q,D.cover]])])])])):zi(``,!0),i.value===`live`?(q(),J(`section`,Us,[T[105]||=Y(`h2`,null,`直播与格式`,-1),Y(`div`,Ws,[Y(`label`,Gs,[T[93]||=Y(`span`,null,`自动格式`,-1),H(Y(`input`,{"onUpdate:modelValue":T[35]||=e=>d.value=e,type:`checkbox`},null,512),[[$,d.value]])]),Y(`label`,Ks,[T[94]||=Y(`span`,null,`低延迟`,-1),H(Y(`input`,{"onUpdate:modelValue":T[36]||=e=>f.value=e,type:`checkbox`},null,512),[[$,f.value]])]),Y(`label`,qs,[T[95]||=Y(`span`,null,`URL 编码`,-1),H(Y(`input`,{"onUpdate:modelValue":T[37]||=e=>p.value=e,type:`checkbox`},null,512),[[$,p.value]])]),Y(`label`,Js,[T[96]||=Y(`span`,null,`禁快进`,-1),H(Y(`input`,{"onUpdate:modelValue":T[38]||=e=>m.value=e,type:`checkbox`},null,512),[[$,m.value]])])]),Y(`div`,Ys,[Y(`label`,Xs,[T[98]||=Y(`span`,null,`格式`,-1),H(Y(`select`,{"onUpdate:modelValue":T[39]||=e=>_.value=e},[...T[97]||=[Ri(``,6)]],512),[[ro,_.value]])]),Y(`label`,Zs,[T[100]||=Y(`span`,null,`FLV stash`,-1),H(Y(`select`,{"onUpdate:modelValue":T[40]||=e=>v.value=e},[...T[99]||=[Y(`option`,{value:`auto`},`auto`,-1),Y(`option`,{value:`on`},`on`,-1),Y(`option`,{value:`off`},`off`,-1)]],512),[[ro,v.value]])]),Y(`label`,Qs,[T[101]||=Y(`span`,null,`stash size`,-1),H(Y(`input`,{"onUpdate:modelValue":T[41]||=e=>y.value=e,type:`number`,min:`0`,step:`32`},null,512),[[Q,y.value,void 0,{number:!0}]])]),Y(`label`,$s,[T[102]||=Y(`span`,null,`RTS 版本`,-1),H(Y(`input`,{"onUpdate:modelValue":T[42]||=e=>b.value=e,type:`text`,placeholder:`2.2.1`},null,512),[[Q,b.value]])]),Y(`label`,ec,[T[103]||=Y(`span`,null,`时移开始`,-1),H(Y(`input`,{"onUpdate:modelValue":T[43]||=e=>x.value=e,type:`text`,placeholder:`2026/05/23 10:00:00`},null,512),[[Q,x.value]])]),Y(`label`,tc,[T[104]||=Y(`span`,null,`时移结束`,-1),H(Y(`input`,{"onUpdate:modelValue":T[44]||=e=>S.value=e,type:`text`,placeholder:`2026/05/23 12:00:00`},null,512),[[Q,S.value]])])])])):zi(``,!0),i.value===`sdk`?(q(),J(`section`,nc,[T[112]||=Y(`h2`,null,`SDK 与扩展`,-1),Y(`div`,rc,[Y(`label`,ic,[T[106]||=Y(`span`,null,`SDK 版本`,-1),H(Y(`input`,{"onUpdate:modelValue":T[45]||=e=>u.value=e,type:`text`},null,512),[[Q,u.value]])]),Y(`label`,ac,[T[107]||=Y(`span`,null,`License 域名`,-1),H(Y(`input`,{"onUpdate:modelValue":T[46]||=e=>O.domain=e,type:`text`,placeholder:`example.com`},null,512),[[Q,O.domain]])]),Y(`label`,oc,[T[108]||=Y(`span`,null,`License Key`,-1),H(Y(`input`,{"onUpdate:modelValue":T[47]||=e=>O.key=e,type:`password`},null,512),[[Q,O.key]])]),Y(`label`,sc,[T[109]||=Y(`span`,null,`组件脚本`,-1),H(Y(`textarea`,{"onUpdate:modelValue":T[48]||=e=>g.value=e,rows:`3`,placeholder:`每行一个脚本地址`},null,512),[[Q,g.value]])])]),Y(`div`,cc,[Y(`label`,lc,[T[110]||=Y(`span`,null,`拦截 track`,-1),H(Y(`input`,{"onUpdate:modelValue":T[49]||=e=>h.value=e,type:`checkbox`},null,512),[[$,h.value]])]),Y(`label`,uc,[T[111]||=Y(`span`,null,`系统菜单`,-1),H(Y(`input`,{"onUpdate:modelValue":T[50]||=e=>D.enableSystemMenu=e,type:`checkbox`},null,512),[[$,D.enableSystemMenu]])])])])):zi(``,!0),i.value===`skin`?(q(),J(`section`,dc,[T[118]||=Y(`h2`,null,`皮肤`,-1),Y(`div`,fc,[Y(`label`,pc,[T[114]||=Y(`span`,null,`大播放按钮`,-1),H(Y(`select`,{"onUpdate:modelValue":T[51]||=e=>C.value=e},[...T[113]||=[Y(`option`,{value:`default`},`default`,-1),Y(`option`,{value:`center`},`center`,-1),Y(`option`,{value:`minimal`},`minimal`,-1),Y(`option`,{value:`hidden`},`hidden`,-1)]],512),[[ro,C.value]])]),Y(`label`,mc,[T[115]||=Y(`span`,null,`试看时间`,-1),H(Y(`input`,{"onUpdate:modelValue":T[52]||=e=>w.value=e,type:`number`,min:`0`},null,512),[[Q,w.value,void 0,{number:!0}]])]),Y(`label`,hc,[T[116]||=Y(`span`,null,`打点秒数`,-1),H(Y(`input`,{"onUpdate:modelValue":T[53]||=e=>ee.value=e,type:`text`,placeholder:`10,30,60`},null,512),[[Q,ee.value]])])]),Y(`label`,gc,[T[117]||=Y(`span`,null,`自定义 options JSON`,-1),H(Y(`textarea`,{"onUpdate:modelValue":T[54]||=e=>te.value=e,rows:`8`,spellcheck:`false`},null,512),[[Q,te.value]])]),ne.value?(q(),J(`p`,_c,P(ne.value),1)):zi(``,!0)])):zi(``,!0)])])]))}}),[[`__scopeId`,`data-v-eb79e5df`]])).mount(`#app`); \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index b91e83d..94a02a4 100644 --- a/dist/index.html +++ b/dist/index.html @@ -5,8 +5,8 @@ vue-aliplayer-v2 - - + +
diff --git a/examples/App.vue b/examples/App.vue index ad6d312..2bc8f26 100644 --- a/examples/App.vue +++ b/examples/App.vue @@ -417,43 +417,198 @@ import { computed, reactive, ref } from 'vue'; import VueAliplayerV2, { type AliplayerLicense, type AliplayerOptions, type VueAliplayerV2Expose } from '../packages'; import { inferSourceFormat } from '../packages/AliplayerV2/source'; +/** + * Demo 支持的播放源输入方式。 + * + * - `url`：直接传入 URL，覆盖 MP4、M3U8、FLV、RTMP 等普通场景。 + * - `vid`：使用阿里云 VOD 的 VID + PlayAuth 初始化。 + * - `sts`：使用阿里云 VOD 的 STS 临时凭证初始化。 + */ type SourceMode = 'url' | 'vid' | 'sts'; + +/** + * 右侧参数面板的分组值。 + * + * 该类型让 tab 切换、配置区渲染和默认状态保持同步，新增面板时需要同步扩展。 + */ type TabValue = 'source' | 'basic' | 'live' | 'sdk' | 'skin'; + +/** + * 播放器事件流中的单条日志。 + * + * 日志只用于 demo 展示，不参与播放器状态机；`id` 保证 Vue 列表渲染稳定。 + */ type LogItem = { id: string; time: string; message: string; }; +/** + * 单实例播放器引用。 + * + * 多实例模式下不绑定 ref，避免示例按钮对多个播放器同时发出指令造成歧义。 + */ const playerRef = ref(null); + +/** + * 是否挂载播放器组件。 + * + * 用于验证组件反复创建、销毁时 SDK 实例和 DOM 容器能否正确释放。 + */ const show = ref(true); + +/** + * 是否进入多实例验证模式。 + * + * 主要用于复现历史 issue 中多个播放器共存时容器 ID、事件绑定和实例销毁的问题。 + */ const isMultiple = ref(false); + +/** + * 当前打开的右侧参数面板。 + */ const activeTab = ref('source'); + +/** + * 当前播放源模式。 + */ const sourceMode = ref('url'); + +/** + * URL 模式下选择的预设播放源。 + */ const selectedPreset = ref('//player.alicdn.com/video/aliyunmedia.mp4'); + +/** + * URL 模式下输入的自定义播放源。 + * + * 有值时优先级高于 `selectedPreset`，便于快速粘贴用户自己的直播或点播地址。 + */ const customSource = ref(''); + +/** + * demo 顶部展示的播放器状态。 + */ const playerStatus = ref('init'); + +/** + * 最近播放器事件列表。 + */ const logs = ref([]); + +/** + * 当前加载的 Aliplayer SDK 版本。 + * + * 默认跟随阿里云官方文档当前推荐的 2.37.0；用户可在 demo 中验证旧版或新版 SDK。 + */ const sdkVersion = ref('2.37.0'); + +/** + * 是否自动根据 source URL 后缀推断 `format`。 + */ const autoFormat = ref(true); + +/** + * 是否启用低延迟直播相关默认项。 + */ const lowLatency = ref(true); + +/** + * 是否在传给 SDK 前对播放源做安全编码。 + */ const normalizeSourceUrl = ref(true); + +/** + * 是否禁止快进。 + */ const forbidFastForward = ref(false); + +/** + * 是否拦截 SDK 的埋点请求。 + */ const disableTracking = ref(false); + +/** + * 每行一个自定义组件脚本地址。 + * + * 组件会在 SDK 主脚本加载完成后顺序加载这些扩展脚本。 + */ const componentScriptsText = ref(''); + +/** + * 手动指定的播放格式。 + * + * 留空时交给组件根据 `autoFormat` 和 URL 自动推断。 + */ const manualFormat = ref(''); + +/** + * FLV stash buffer 开关。 + * + * `auto` 表示不覆盖 SDK 默认值，`on` 和 `off` 分别写入布尔值。 + */ const flvStash = ref<'auto' | 'on' | 'off'>('auto'); + +/** + * FLV 首包缓冲大小，单位沿用 Aliplayer SDK。 + */ const stashInitialSizeForFlv = ref(128); + +/** + * RTS 插件版本号。 + * + * 仅在项目需要阿里云超低延迟 RTS 直播时填写。 + */ const rtsVersion = ref(''); + +/** + * 直播时移开始时间。 + */ const liveStartTime = ref(''); + +/** + * 直播时移结束时间。 + */ const liveOverTime = ref(''); + +/** + * 皮肤布局预设。 + */ const skinPreset = ref('center'); + +/** + * 试看时长，单位为秒。 + */ const previewTime = ref(0); + +/** + * 进度条打点输入，使用逗号分隔秒数。 + */ const progressMarkersText = ref('10,30,60'); + +/** + * 透传给 Aliplayer 的自定义 JSON 配置。 + * + * 这里保留文本输入是为了让 demo 能覆盖未显式建表单的 SDK 参数。 + */ const customOptionsJson = ref('{\n "diagnosisButtonVisible": true\n}'); + +/** + * 自定义 JSON 解析失败时的错误文案。 + */ const customOptionsError = ref(''); + +/** + * 日志递增种子。 + * + * 与时间戳拼接后生成列表 key，避免同一毫秒内多条事件冲突。 + */ let logSeed = 0; +/** + * 右侧参数面板定义。 + */ const tabs: Array<{ label: string; value: TabValue }> = [ { label: '源', value: 'source' }, { label: '基础', value: 'basic' }, @@ -462,18 +617,29 @@ const tabs: Array<{ label: string; value: TabValue }> = [ { label: '皮肤', value: 'skin' } ]; +/** + * 播放源模式切换项。 + */ const sourceModes: Array<{ label: string; value: SourceMode }> = [ { label: 'URL', value: 'url' }, { label: 'VID', value: 'vid' }, { label: 'STS', value: 'sts' } ]; +/** + * URL 模式下的演示源。 + * + * 保留多个源用于验证 URL 规范化、格式推断和 reload 行为。 + */ const sourcePresets = [ { label: 'MP4 演示源', value: '//player.alicdn.com/video/aliyunmedia.mp4' }, { label: 'MP4 备用源', value: '//yunqivedio.alicdn.com/user-upload/nXPDX8AASx.mp4' }, { label: 'M3U8 直播源', value: '//ivi.bupt.edu.cn/hls/cctv1.m3u8' } ]; +/** + * 多实例模式下使用的播放源列表。 + */ const multipleSources = [ '//player.alicdn.com/video/aliyunmedia.mp4', '//yunqivedio.alicdn.com/user-upload/nXPDX8AASx.mp4', @@ -481,6 +647,11 @@ const multipleSources = [ '//yunqivedio.alicdn.com/user-upload/nXPDX8AASx.mp4' ]; +/** + * demo 可视化表单中的基础 Aliplayer 配置。 + * + * 该对象会被合并进最终 `playerOptions`，与 SDK 参数名保持一致，便于直接复制。 + */ const baseOptions = reactive({ width: '100%', height: '420px', @@ -499,17 +670,28 @@ const baseOptions = reactive({ cover: '' }); +/** + * 阿里云 Web 播放器 License 表单。 + * + * 当 `domain` 和 `key` 都填写后才会注入到组件，避免空字符串覆盖全局配置。 + */ const licenseForm = reactive({ domain: '', key: '' }); +/** + * VID + PlayAuth 初始化表单。 + */ const vidConfig = reactive({ vid: '', playauth: '', authTimeout: 7200 }); +/** + * STS 初始化表单。 + */ const stsConfig = reactive({ vid: '', region: 'cn-shanghai', @@ -518,13 +700,34 @@ const stsConfig = reactive({ securityToken: '' }); +/** + * 当前播放源模式的展示文案。 + */ const sourceModeLabel = computed(() => sourceModes.find((item) => item.value === sourceMode.value)?.label || 'URL'); + +/** + * 当前 URL 播放源。 + * + * 非 URL 模式下返回 `null`，这样组件不会同时收到 `source` 与 VID/STS 参数。 + */ const currentSource = computed(() => { if (sourceMode.value !== 'url') return null; return customSource.value.trim() || selectedPreset.value; }); + +/** + * 当前 URL 播放源的自动格式推断结果。 + */ const inferredFormat = computed(() => inferSourceFormat(currentSource.value)); + +/** + * 自定义组件脚本列表。 + */ const componentScriptList = computed(() => componentScriptsText.value.split('\n').map((item) => item.trim()).filter(Boolean)); + +/** + * 组件最终接收的 License 配置。 + */ const resolvedLicense = computed(() => { if (!licenseForm.domain.trim() || !licenseForm.key.trim()) return null; return { @@ -533,6 +736,11 @@ const resolvedLicense = computed(() => { }; }); +/** + * 根据皮肤预设生成 SDK `skinLayout`。 + * + * `undefined` 表示不覆盖 SDK 默认布局，`false` 表示显式隐藏默认皮肤。 + */ const skinLayout = computed(() => { if (skinPreset.value === 'default') return undefined; if (skinPreset.value === 'hidden') return false; @@ -556,6 +764,9 @@ const skinLayout = computed(() => { return [{ name: 'bigPlayButton', align: 'cc' }]; }); +/** + * 将逗号分隔的秒数转换成 Aliplayer 进度条打点配置。 + */ const progressMarkers = computed(() => progressMarkersText.value .split(',') .map((item) => Number(item.trim())) @@ -565,6 +776,11 @@ const progressMarkers = computed(() => progressMarkersText.value text: `Marker ${index + 1}` }))); +/** + * 解析用户输入的自定义 JSON 配置。 + * + * 解析失败时返回空对象，同时把错误信息展示在 demo 表单下方，避免无效 JSON 中断渲染。 + */ const parsedCustomOptions = computed>(() => { customOptionsError.value = ''; if (!customOptionsJson.value.trim()) return {}; @@ -577,6 +793,11 @@ const parsedCustomOptions = computed>(() => { } }); +/** + * 汇总组件当前使用的 Aliplayer options。 + * + * 这里有意只写入有效值，避免空字符串或自动态字段覆盖 SDK 默认行为。 + */ const playerOptions = computed(() => { const options: AliplayerOptions = { ...baseOptions, @@ -611,6 +832,9 @@ const playerOptions = computed(() => { return options; }); +/** + * 可复制的完整 demo 配置快照。 + */ const formattedOptions = computed(() => JSON.stringify({ source: currentSource.value, options: playerOptions.value, @@ -623,6 +847,11 @@ const formattedOptions = computed(() => JSON.stringify({ componentScripts: componentScriptList.value }, null, 2)); +/** + * 追加一条事件日志。 + * + * @param message - 要展示在事件流中的简短描述。 + */ function pushLog(message: string): void { const item = { id: `${Date.now()}-${logSeed++}`, @@ -632,11 +861,19 @@ function pushLog(message: string): void { logs.value = [item, ...logs.value].slice(0, 10); } +/** + * 处理播放器 ready 事件。 + */ function handleReady(): void { playerStatus.value = 'ready'; pushLog('ready'); } +/** + * 处理播放进度更新。 + * + * demo 只在整 15 秒附近刷新状态，减少 timeupdate 高频事件对界面的干扰。 + */ function handleTimeUpdate(): void { const current = playerRef.value?.getCurrentTime(); if (typeof current === 'number' && Math.floor(current) % 15 === 0) { @@ -644,36 +881,63 @@ function handleTimeUpdate(): void { } } +/** + * 处理播放器运行时错误。 + * + * @param event - SDK 透传的错误事件或错误对象。 + */ function handleError(event?: unknown): void { playerStatus.value = 'error'; pushLog(`error ${JSON.stringify(event || {})}`); } +/** + * 处理 SDK 加载失败。 + * + * @param error - 组件在加载 CSS、JS 或扩展脚本时抛出的错误。 + */ function handleSdkError(error: Error): void { playerStatus.value = 'sdk-error'; pushLog(`sdk-error ${error.message}`); } +/** + * 跳转到固定时间点。 + * + * demo 使用 15 秒作为确定性测试值，方便观察禁快进和 seek 行为。 + */ function seekTo(): void { playerRef.value?.seek(15); pushLog('seek 15s'); } +/** + * 请求播放器全屏。 + */ function requestFullScreen(): void { playerRef.value?.requestFullScreen(); pushLog('fullscreen'); } +/** + * 读取播放器当前状态并写入事件流。 + */ function snapshotStatus(): void { playerStatus.value = playerRef.value?.getStatus() || 'unknown'; pushLog(`status ${playerStatus.value}`); } +/** + * 复制当前配置快照到剪贴板。 + */ function copyConfig(): void { void navigator.clipboard?.writeText(formattedOptions.value); pushLog('config copied'); } +/** + * 重置 demo 中所有可编辑参数。 + */ function resetAll(): void { sourceMode.value = 'url'; selectedPreset.value = sourcePresets[0].value; diff --git a/examples/main.ts b/examples/main.ts index 684d042..52e2834 100644 --- a/examples/main.ts +++ b/examples/main.ts @@ -1,4 +1,9 @@ import { createApp } from 'vue'; import App from './App.vue'; +/** + * 启动 demo 应用。 + * + * demo 直接引用源码入口，便于本地调试组件行为和 GitHub Pages 构建保持一致。 + */ createApp(App).mount('#app'); diff --git a/lib/types/AliplayerV2/sdkLoader.d.ts b/lib/types/AliplayerV2/sdkLoader.d.ts index e3698f0..1c7e2ec 100644 --- a/lib/types/AliplayerV2/sdkLoader.d.ts +++ b/lib/types/AliplayerV2/sdkLoader.d.ts @@ -1,12 +1,51 @@ +/** + * 默认阿里云 Web 播放器 SDK 版本。 + * + * 该版本来自阿里云播放器 SDK 下载页。后续升级默认 SDK 时，只需要同步修改该常量。 + */ export declare const DEFAULT_SDK_VERSION = "2.37.0"; +/** + * 默认 Aliplayer CSS 地址。 + * + * 2.16.3 之后阿里云官方资源路径从 `de/prismplayer` 切换到了 + * `apsara-media-box/imp-web-player`，因此这里使用新路径。 + */ export declare const DEFAULT_CSS_LINK = "https://g.alicdn.com/apsara-media-box/imp-web-player/2.37.0/skins/default/aliplayer-min.css"; +/** + * 默认 Aliplayer JS 地址。 + */ export declare const DEFAULT_SCRIPT_SRC = "https://g.alicdn.com/apsara-media-box/imp-web-player/2.37.0/aliplayer-min.js"; +/** + * 根据 SDK 版本生成官方 CSS 地址。 + * + * @param version 阿里云 Web 播放器 SDK 版本号。 + * @returns 官方 `imp-web-player` CSS 资源地址。 + */ export declare function getCssLinkByVersion(version: string): string; +/** + * 根据 SDK 版本生成官方 JS 地址。 + * + * @param version 阿里云 Web 播放器 SDK 版本号。 + * @returns 官方 `imp-web-player` JS 资源地址。 + */ export declare function getScriptSrcByVersion(version: string): string; /** - * Shared SDK loader. It prevents duplicate CSS/JS tags when several player - * instances mount at the same time or are recreated by route changes. + * 加载 Aliplayer SDK 的 CSS 和 JS。 + * + * 该方法会先插入 CSS，再等待 JS 加载完成。它会复用已有标签和加载 Promise， + * 因而可以安全地被多个播放器实例同时调用。 + * + * @param cssLink Aliplayer 样式地址。 + * @param scriptSrc Aliplayer 脚本地址。 */ export declare function loadAliplayerSdk(cssLink: string, scriptSrc: string): Promise; +/** + * 按顺序加载额外扩展脚本。 + * + * 主要用于 Aliplayer 自定义组件，例如播放列表、跑马灯、水印等。顺序加载能保证 + * 后一个脚本可以依赖前一个脚本暴露的全局对象。 + * + * @param scriptUrls 需要在播放器初始化前加载的脚本地址列表。 + */ export declare function loadExtraScripts(scriptUrls?: string[]): Promise; //# sourceMappingURL=sdkLoader.d.ts.map \ No newline at end of file diff --git a/lib/types/AliplayerV2/source.d.ts b/lib/types/AliplayerV2/source.d.ts index b5014f3..c6b623b 100644 --- a/lib/types/AliplayerV2/source.d.ts +++ b/lib/types/AliplayerV2/source.d.ts @@ -1,4 +1,27 @@ +/** + * 组件可以从播放地址中推断出的媒体格式。 + * + * `null` 表示无法可靠判断格式，组件会把格式判断交给 Aliplayer SDK。 + */ export type SourceFormat = 'mp4' | 'm3u8' | 'flv' | 'rtmp' | 'mp3' | null; +/** + * 从播放地址推断媒体格式。 + * + * 推断逻辑会忽略 query 和 hash，仅根据协议或路径后缀判断。RTMP 地址优先根据协议识别， + * 其他格式根据后缀识别。 + * + * @param source 播放源地址。 + * @returns 推断出的媒体格式；无法判断时返回 `null`。 + */ export declare function inferSourceFormat(source?: string | null): SourceFormat; +/** + * 标准化播放源 URL。 + * + * 目前只做 `encodeURI`，用于处理中文文件名、空格等常见未编码地址。`data:` 和 `blob:` + * 地址不应该被编码，因此会原样返回。若浏览器环境对某些非法 URL 抛错，也会回退到原始地址。 + * + * @param source 播放源地址。 + * @returns 标准化后的地址；空值保持为空。 + */ export declare function normalizeSource(source?: string | null): string | null; //# sourceMappingURL=source.d.ts.map \ No newline at end of file diff --git a/lib/types/AliplayerV2/tracking.d.ts b/lib/types/AliplayerV2/tracking.d.ts index d9bd5a8..fa2b3de 100644 --- a/lib/types/AliplayerV2/tracking.d.ts +++ b/lib/types/AliplayerV2/tracking.d.ts @@ -1,6 +1,20 @@ +/** + * 安装 Aliplayer 统计请求拦截器。 + * + * 该方法会拦截命中规则的 `fetch` 和 `XMLHttpRequest` 请求，避免向已知统计地址发送数据。 + * 这是 wrapper 层提供的可选缓解方案，不替代阿里云官方 SDK 的开关能力。由于它会修改全局 + * 网络 API，只有在用户显式设置 `disableTracking` 时才会调用。 + * + * @param patterns 需要拦截的 URL 片段或正则。不传时使用默认已知统计地址。 + */ export declare function installTrackingBlocker(patterns?: Array): void; declare global { interface XMLHttpRequest { + /** + * 当前 XHR 是否命中 vue-aliplayer-v2 的统计拦截规则。 + * + * 这是内部标记字段，仅用于 `open` 和 `send` 两个 patch 方法之间传递状态。 + */ __vueAliplayerV2Blocked?: boolean; } } diff --git a/lib/types/AliplayerV2/types.d.ts b/lib/types/AliplayerV2/types.d.ts index 9f53bfb..3f90add 100644 --- a/lib/types/AliplayerV2/types.d.ts +++ b/lib/types/AliplayerV2/types.d.ts @@ -1,122 +1,519 @@ import type { Plugin } from 'vue'; +/** + * 全局插件安装配置。 + * + * 这些配置会作为组件 props 的默认值使用，适合在 `app.use(VueAliplayerV2, options)` 时 + * 统一声明 SDK 版本、资源地址和公共扩展行为。单个组件仍然可以通过同名 props 覆盖这些默认值。 + */ export interface VueAliplayerV2Options { + /** + * 阿里云 Web 播放器 SDK 版本号。 + * + * 当 `cssLink` 或 `scriptSrc` 未显式传入时，组件会根据该版本号生成官方 + * `apsara-media-box/imp-web-player` 资源地址。 + */ sdkVersion?: string; + /** + * Aliplayer CSS 资源地址。 + * + * 显式传入后优先级高于 `sdkVersion` 自动生成的地址。 + */ cssLink?: string; + /** + * Aliplayer JS 资源地址。 + * + * 显式传入后优先级高于 `sdkVersion` 自动生成的地址。 + */ scriptSrc?: string; + /** + * 自定义组件或业务扩展脚本地址列表。 + * + * 组件会在创建播放器实例前按顺序加载这些脚本，适合接入播放列表、跑马灯、 + * 自定义水印等 Aliplayer 自定义组件。 + */ componentScripts?: string[]; + /** + * 是否启用已知 Aliplayer 统计上报拦截。 + * + * 该能力是 wrapper 层的可选兜底方案，优先建议使用阿里云官方配置项。 + */ disableTracking?: boolean; + /** + * 需要拦截的统计上报 URL 片段或正则。 + * + * 默认只拦截已知的 `newplayer/track` 地址；传入该字段可扩展业务侧发现的其他上报地址。 + */ trackingUrlPatterns?: Array; } +/** + * `` 组件 props。 + * + * 除了播放器业务配置外，还继承了全局插件配置，使每个组件实例都可以单独覆盖 SDK + * 版本、资源地址、扩展脚本和统计拦截策略。 + */ export interface AliplayerV2Props extends VueAliplayerV2Options { + /** + * 是否根据 `source` 后缀自动推断 `format`。 + * + * 支持 `mp4`、`m3u8`、`flv`、`mp3`、`rtmp`。当 `options.format` 已设置时， + * 组件不会覆盖用户显式传入的格式。 + */ autoFormat?: boolean; + /** + * 是否禁止用户拖拽快进。 + * + * 开启后组件会监听 `timeupdate`，当检测到播放位置向前跳跃超过阈值时回退到上一次位置。 + */ forbidFastForward?: boolean; + /** + * Aliplayer License 配置。 + * + * 新版阿里云 Web 播放器要求业务域名绑定 License。该字段会合并到最终的 + * Aliplayer 初始化 options 中，优先级高于全局配置，等价于 `options.license`。 + */ license?: AliplayerLicense | null; + /** + * 是否启用 FLV 直播低延迟预设。 + * + * 当 `options.isLive` 为 `true` 且推断格式为 `flv` 时，组件会默认关闭 FLV stash buffer + * 并设置较小的初始缓存。用户仍可在 `options` 中显式覆盖这些字段。 + */ lowLatency?: boolean; + /** + * 是否对播放源 URL 执行 `encodeURI`。 + * + * 用于处理中文文件名、空格等未编码 URL。`data:` 和 `blob:` 地址会被原样保留。 + */ normalizeSourceUrl?: boolean; + /** + * 透传给 Aliplayer 的原始初始化配置。 + * + * 组件只会补充必要的 `id`、`source`、`license`、`format` 和低延迟默认值， + * 其他字段全部保持透传。 + */ options?: AliplayerOptions | null; + /** + * 播放源 URL。 + * + * 存在时优先于 `options.source`。同格式切换时优先调用 `loadByUrl`，跨格式切换时会重建播放器。 + */ source?: string | null; } +/** + * 阿里云 Web 播放器 License 信息。 + */ export interface AliplayerLicense { + /** + * 申请 License 时绑定的网站域名。 + */ domain: string; + /** + * 阿里云控制台生成的 License Key。 + */ key: string; } +/** + * 当前组件会透传的 Aliplayer 事件名。 + */ export type AliplayerEventName = 'ready' | 'play' | 'pause' | 'canplay' | 'playing' | 'ended' | 'liveStreamStop' | 'onM3u8Retry' | 'hideBar' | 'showBar' | 'waiting' | 'timeupdate' | 'snapshoted' | 'requestFullScreen' | 'cancelFullScreen' | 'error' | 'startSeek' | 'completeSeek'; +/** + * Aliplayer 初始化配置。 + * + * 这里只声明 wrapper 中常用和文档中重点暴露的字段。阿里云 SDK 的配置项较多， + * 因此保留索引签名以允许业务侧继续传入官方新增或未显式列出的参数。 + */ export interface AliplayerOptions { + /** + * 播放器容器 DOM id。组件内部会自动生成并覆盖该字段。 + */ id?: string; + /** + * 播放源 URL。 + */ source?: string; + /** + * 播放器宽度，例如 `100%` 或 `640px`。 + */ width?: string; + /** + * 是否自动播放。 + */ autoplay?: boolean; + /** + * 是否为直播流。 + */ isLive?: boolean; + /** + * 播放源格式，例如 `mp4`、`m3u8`、`flv`。 + */ format?: string; + /** + * Aliplayer License 配置。 + */ license?: AliplayerLicense; + /** + * 点播视频 ID，用于 VID + PlayAuth 或 STS 播放。 + */ vid?: string; + /** + * 点播播放凭证。 + */ playauth?: string; + /** + * STS 临时 AccessKey ID。 + */ accessKeyId?: string; + /** + * STS 安全令牌。 + */ securityToken?: string; + /** + * STS 临时 AccessKey Secret。 + */ accessKeySecret?: string; + /** + * 媒资所在地域，例如 `cn-shanghai`。 + */ region?: string; + /** + * 播放地址有效时长，单位秒。 + */ authTimeout?: number; + /** + * Aliplayer 自定义组件配置。 + */ components?: unknown[]; + /** + * FLV 直播是否启用 stash buffer。 + */ enableStashBufferForFlv?: boolean; + /** + * FLV 初始缓存大小。 + */ stashInitialSizeForFlv?: number; + /** + * RTS SDK 版本号。 + */ rtsVersion?: string; + /** + * 允许传入阿里云播放器官方新增字段或业务侧自定义字段。 + */ [key: string]: unknown; } +/** + * Aliplayer 全屏服务对象。 + */ export interface AliplayerFullscreenService { + /** + * 进入全屏。 + */ requestFullScreen: () => void; + /** + * 退出全屏。 + */ cancelFullScreen: () => void; + /** + * 获取当前是否处于全屏状态。 + */ getIsFullScreen: () => boolean; } +/** + * Aliplayer 直播时移服务对象。 + */ export interface AliplayerLiveShiftService { + /** + * 设置直播时移的可播放时间范围。 + * + * @param beginTime 起始时间，通常为 `YYYY/MM/DD HH:mm:ss`。 + * @param endTime 结束时间，通常为 `YYYY/MM/DD HH:mm:ss`。 + */ setLiveTimeRange: (beginTime: string, endTime: string) => void; } +/** + * Aliplayer 播放器实例。 + * + * 该接口描述组件会调用或暴露的底层 SDK 方法，并非阿里云播放器完整类型定义。 + */ export interface AliplayerInstance { + /** + * 监听底层播放器事件。 + * + * @param eventName 事件名。 + * @param handler 事件回调。 + */ on: (eventName: string, handler: (event?: unknown) => void) => void; + /** + * 取消监听底层播放器事件。 + * + * 部分 SDK 版本可能没有该方法，因此这里声明为可选。 + */ off?: (eventName: string, handler: (event?: unknown) => void) => void; + /** + * 播放视频。 + */ play: () => void; + /** + * 暂停视频。 + */ pause: () => void; + /** + * 从头重播视频。 + */ replay: () => void; + /** + * 跳转到指定播放时间。 + * + * @param time 秒数。 + */ seek: (time: number) => void; + /** + * 获取当前播放时间，单位秒。 + */ getCurrentTime: () => number; + /** + * 获取视频总时长，单位秒。 + */ getDuration: () => number; + /** + * 获取当前音量，范围通常为 0 到 1。 + */ getVolume: () => number; + /** + * 设置音量。 + * + * @param volume 音量，范围通常为 0 到 1。 + */ setVolume: (volume: number) => void; + /** + * 通过 URL 切换播放源。 + * + * @param url 新播放地址。 + * @param time 可选起播时间，单位秒。 + */ loadByUrl: (url: string, time?: number) => void; + /** + * 使用 VID + PlayAuth 重新播放。 + */ replayByVidAndPlayAuth: (vid: string, playauth: string) => void; + /** + * 使用 MPS 鉴权信息重新播放。 + */ replayByVidAndAuthInfo: (vid: string, accId: string, accSecret: string, stsToken: string, authInfo: string, domainRegion: string) => void; + /** + * 设置播放器尺寸。 + */ setPlayerSize: (width: string, height: string) => void; + /** + * 设置倍速。 + */ setSpeed: (speed: number) => void; + /** + * 设置截图参数。 + */ setSanpshotProperties: (width: number, height: number, rate: number) => void; + /** + * 全屏服务。 + */ fullscreenService?: AliplayerFullscreenService; + /** + * 获取播放器状态。 + */ getStatus: () => string; + /** + * 直播时移服务。字段名保留阿里云 SDK 原始拼写。 + */ liveShiftSerivce?: AliplayerLiveShiftService; + /** + * 设置视频旋转角度。 + */ setRotate: (rotate: number) => void; + /** + * 获取当前视频旋转角度。 + */ getRotate: () => number; + /** + * 设置视频镜像。 + */ setImage: (image: string) => void; + /** + * 销毁播放器实例并释放底层资源。 + */ dispose: () => void; + /** + * 设置封面图。 + */ setCover: (cover: string) => void; + /** + * 设置进度条打点。 + */ setProgressMarkers: (markers: unknown[]) => void; + /** + * 设置试看时间。 + */ setPreviewTime: (time: number) => void; + /** + * 获取试看时间。 + */ getPreviewTime: () => number; + /** + * 判断当前是否处于试看状态。 + */ isPreview: () => boolean; } +/** + * 通过 Vue `ref` 暴露给业务代码调用的组件方法。 + * + * 方法名基本保持 1.x 版本和阿里云 SDK 的命名，便于迁移旧项目和查阅官方文档。 + */ export interface VueAliplayerV2Expose { + /** + * 获取底层 Aliplayer 实例。 + */ getPlayer: () => AliplayerInstance | null; + /** + * 加载 SDK 并初始化播放器。 + */ init: () => Promise; + /** + * 使用当前 props/options 立即创建播放器实例。 + */ initPlayer: () => void; + /** + * 局部重载播放器。 + * + * @param nextSource 可选的新播放地址。同格式地址会优先走底层 `loadByUrl`。 + */ reload: (nextSource?: string) => Promise; + /** + * 播放失败后的业务重试入口。 + * + * 当前实现与 `reload` 等价，命名上更适合在 `error` 回调中使用。 + */ retry: (nextSource?: string) => Promise; + /** + * 播放视频。 + */ play: () => void; + /** + * 暂停视频。 + */ pause: () => void; + /** + * 从头重播视频。 + */ replay: () => void; + /** + * 跳转到指定播放时间。 + */ seek: (time: number) => void; + /** + * 获取当前播放时间。 + */ getCurrentTime: () => number | undefined; + /** + * 获取视频总时长。 + */ getDuration: () => number | undefined; + /** + * 获取当前音量。 + */ getVolume: () => number | undefined; + /** + * 设置当前音量。 + */ setVolume: (volume: number) => void; + /** + * 通过 URL 切换播放源。 + */ loadByUrl: (url: string, time?: number) => void; + /** + * 使用 VID + PlayAuth 重新播放。 + */ replayByVidAndPlayAuth: (vid: string, playauth: string) => void; + /** + * 使用 MPS 鉴权信息重新播放。 + */ replayByVidAndAuthInfo: (vid: string, accId: string, accSecret: string, stsToken: string, authInfo: string, domainRegion: string) => void; + /** + * 设置播放器尺寸。 + */ setPlayerSize: (width: string, height: string) => void; + /** + * 设置倍速。 + */ setSpeed: (speed: number) => void; + /** + * 设置截图参数。 + */ setSanpshotProperties: (width: number, height: number, rate: number) => void; + /** + * 进入全屏。 + */ requestFullScreen: () => void; + /** + * 退出全屏。 + */ cancelFullScreen: () => void; + /** + * 获取是否处于全屏状态。 + */ getIsFullScreen: () => boolean | undefined; + /** + * 获取播放器状态。 + */ getStatus: () => string | undefined; + /** + * 设置直播时移可播放范围。 + */ setLiveTimeRange: (beginTime: string, endTime: string) => void; + /** + * 设置视频旋转角度。 + */ setRotate: (rotate: number) => void; + /** + * 获取视频旋转角度。 + */ getRotate: () => number | undefined; + /** + * 设置视频镜像。 + */ setImage: (image: string) => void; + /** + * 销毁播放器实例。 + */ dispose: () => void; + /** + * 设置封面图。 + */ setCover: (cover: string) => void; + /** + * 设置进度条打点。 + */ setProgressMarkers: (markers: unknown[]) => void; + /** + * 设置试看时间。 + */ setPreviewTime: (time: number) => void; + /** + * 获取试看时间。 + */ getPreviewTime: () => number | undefined; + /** + * 判断当前是否处于试看状态。 + */ isPreview: () => boolean | undefined; + /** + * 取消监听底层播放器事件。 + */ off: (eventName: string, handler: (event?: unknown) => void) => void; } +/** + * 兼容 Vue 插件安装语义的组件类型。 + */ export type VueAliplayerV2Plugin = Plugin & { + /** + * 兼容 1.x 局部注册写法的组件别名。 + */ Player?: unknown; }; declare global { diff --git a/lib/types/index.d.ts b/lib/types/index.d.ts index 8b441c0..96537e0 100644 --- a/lib/types/index.d.ts +++ b/lib/types/index.d.ts @@ -1,10 +1,32 @@ import type { App } from 'vue'; import VueAliplayerV2 from './AliplayerV2/index.vue'; import type { VueAliplayerV2Options } from './AliplayerV2/types'; +/** + * 对外重新导出组件相关类型。 + * + * 使用方可以直接从包入口导入类型，不需要关心内部目录结构。 + */ export type { AliplayerEventName, AliplayerInstance, AliplayerLicense, AliplayerOptions, AliplayerV2Props, VueAliplayerV2Expose, VueAliplayerV2Options } from './AliplayerV2/types'; +/** + * 带 Vue 插件安装能力的组件类型。 + * + * Vue SFC 默认导出的类型不包含运行时追加的 `install`、`Player` 和 props 默认值修改能力， + * 因此在入口处扩展该类型，保证后续赋值过程在 TypeScript 下可描述。 + */ type InstallableVueAliplayerV2 = typeof VueAliplayerV2 & { + /** + * Vue 插件安装方法，支持 `app.use(VueAliplayerV2, options)`。 + */ install: (app: App, options?: VueAliplayerV2Options) => void; + /** + * 兼容旧版本 `VueAliplayerV2.Player` 的局部注册写法。 + */ Player: typeof VueAliplayerV2; + /** + * 组件 props 运行时定义。 + * + * 这里仅列出入口需要改写默认值的 props。 + */ props: { sdkVersion: { default: string | (() => string); @@ -26,6 +48,9 @@ type InstallableVueAliplayerV2 = typeof VueAliplayerV2 & { }; }; }; +/** + * 添加插件安装能力后的播放器组件。 + */ declare const installable: InstallableVueAliplayerV2; export { installable as VueAliplayerV2 }; export default installable; diff --git a/lib/vue-aliplayer-v2.css b/lib/vue-aliplayer-v2.css index 66f72b0..4851591 100644 --- a/lib/vue-aliplayer-v2.css +++ b/lib/vue-aliplayer-v2.css @@ -1,2 +1,2 @@ -.vue-aliplayer-v2[data-v-cf852d0d]{width:100%} +.vue-aliplayer-v2[data-v-eff69876]{width:100%} /*$vite$:1*/ \ No newline at end of file diff --git a/lib/vue-aliplayer-v2.js b/lib/vue-aliplayer-v2.js index 22441bf..bc56ffd 100644 --- a/lib/vue-aliplayer-v2.js +++ b/lib/vue-aliplayer-v2.js @@ -212,7 +212,7 @@ var E = /* @__PURE__ */ ((e, t) => { async function z() { let e = ++E; try { - if (h.disableTracking && T(h.trackingUrlPatterns), await _(k.value, A.value), await v(h.componentScripts), await r(), C.value || e !== E) return; + if (h.disableTracking && T(h.trackingUrlPatterns.length ? h.trackingUrlPatterns : void 0), await _(k.value, A.value), await v(h.componentScripts), await r(), C.value || e !== E) return; R(); } catch (e) { g("sdk-error", e instanceof Error ? e : Error(String(e))); @@ -380,7 +380,7 @@ var E = /* @__PURE__ */ ((e, t) => { class: "vue-aliplayer-v2" }, null, 512)); } -}), [["__scopeId", "data-v-cf852d0d"]]), D = { +}), [["__scopeId", "data-v-eff69876"]]), D = { sdkVersion: l, cssLink: u, scriptSrc: d, diff --git a/lib/vue-aliplayer-v2.umd.cjs b/lib/vue-aliplayer-v2.umd.cjs index 1a10f42..0281bde 100644 --- a/lib/vue-aliplayer-v2.umd.cjs +++ b/lib/vue-aliplayer-v2.umd.cjs @@ -1 +1 @@ -(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.VueAliplayerV2={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=`2.37.0`,r=`https://g.alicdn.com/apsara-media-box/imp-web-player/${n}/skins/default/aliplayer-min.css`,i=`https://g.alicdn.com/apsara-media-box/imp-web-player/${n}/aliplayer-min.js`,a=new Map;function o(e){return`https://g.alicdn.com/apsara-media-box/imp-web-player/${e}/skins/default/aliplayer-min.css`}function s(e){return`https://g.alicdn.com/apsara-media-box/imp-web-player/${e}/aliplayer-min.js`}function c(e){if(!e||document.querySelector(`link[data-vue-aliplayer-v2-css="${e}"]`))return;let t=document.createElement(`link`);t.type=`text/css`,t.rel=`stylesheet`,t.href=e,t.dataset.vueAliplayerV2Css=e,document.head.appendChild(t)}function l(e,t){if(!e||t&&window[t])return Promise.resolve();if(a.has(e))return a.get(e);let n=document.querySelector(`script[data-vue-aliplayer-v2-js="${e}"]`);if(n){let t=new Promise((t,r)=>{if(n.dataset.vueAliplayerV2Loaded===`true`){t();return}n.addEventListener(`load`,()=>{n.dataset.vueAliplayerV2Loaded=`true`,t()},{once:!0}),n.addEventListener(`error`,()=>r(Error(`Failed to load Aliplayer SDK: ${e}`)),{once:!0})});return a.set(e,t),t}let r=new Promise((t,n)=>{let r=document.createElement(`script`);r.type=`text/javascript`,r.src=e,r.dataset.vueAliplayerV2Js=e,r.addEventListener(`load`,()=>{r.dataset.vueAliplayerV2Loaded=`true`,t()},{once:!0}),r.addEventListener(`error`,()=>n(Error(`Failed to load Aliplayer SDK: ${e}`)),{once:!0}),document.documentElement.appendChild(r)});return a.set(e,r),r}async function u(e,t){c(e),await l(t,`Aliplayer`)}async function d(e=[]){for(let t of e)await l(t)}var f=[`m3u8`,`flv`,`mp4`,`rtmp`,`mp3`];function p(e){if(!e)return null;if(/^rtmps?:\/\//i.test(e))return`rtmp`;let t=e.split(`?`)[0].split(`#`)[0].toLowerCase();return f.find(e=>e&&t.endsWith(`.${e}`))||null}function m(e){if(!e)return e||null;if(/^(data|blob):/i.test(e))return e;try{return encodeURI(e)}catch{return e}}var h=[`videocloud.cn-hangzhou.log.aliyuncs.com/logstores/newplayer/track`],g=!1;function _(e,t){return t.some(t=>typeof t==`string`?e.includes(t):t.test(e))}function v(e=h){if(g)return;g=!0;let t=window.fetch?.bind(window);t&&(window.fetch=((n,r)=>_(typeof n==`string`||n instanceof URL?String(n):n.url,e)?Promise.resolve(new Response(null,{status:204,statusText:`No Content`})):t(n,r)));let n=XMLHttpRequest.prototype.open,r=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(t,r,i,a,o){this.__vueAliplayerV2Blocked=_(String(r),e),n.call(this,t,r,i??!0,a??void 0,o??void 0)},XMLHttpRequest.prototype.send=function(e){this.__vueAliplayerV2Blocked||r.call(this,e)}}var y=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})((0,t.defineComponent)({name:`VueAliplayerV2`,__name:`index`,props:{autoFormat:{type:Boolean,default:!0},forbidFastForward:{type:Boolean,default:!1},license:{default:null},lowLatency:{type:Boolean,default:!1},normalizeSourceUrl:{type:Boolean,default:!0},options:{default:null},source:{default:null},sdkVersion:{default:n},cssLink:{default:``},scriptSrc:{default:``},componentScripts:{default:()=>[]},disableTracking:{type:Boolean,default:!1},trackingUrlPatterns:{default:()=>[]}},emits:[`ready`,`play`,`pause`,`canplay`,`playing`,`ended`,`liveStreamStop`,`onM3u8Retry`,`hideBar`,`showBar`,`waiting`,`timeupdate`,`snapshoted`,`requestFullScreen`,`cancelFullScreen`,`error`,`startSeek`,`completeSeek`,`sdk-error`],setup(e,{expose:n,emit:a}){let c=e,l=a,f=(0,t.ref)(null),h=(0,t.ref)(null),g=(0,t.ref)(!1),_=(0,t.ref)(null),y=0,b=`player-${Math.random().toString(36).slice(2).toUpperCase()}`,x=[`ready`,`play`,`pause`,`canplay`,`playing`,`ended`,`liveStreamStop`,`onM3u8Retry`,`hideBar`,`showBar`,`waiting`,`timeupdate`,`snapshoted`,`requestFullScreen`,`cancelFullScreen`,`error`,`startSeek`,`completeSeek`],S=(0,t.computed)(()=>c.cssLink||(c.sdkVersion?o(c.sdkVersion):r)),C=(0,t.computed)(()=>c.scriptSrc||(c.sdkVersion?s(c.sdkVersion):i)),w=(0,t.computed)(()=>c.normalizeSourceUrl?m(c.source):c.source),T=(0,t.computed)(()=>p(w.value)),E=(0,t.computed)(()=>{let e={width:`100%`,autoplay:!0,...c.options||{},...c.license?{license:c.license}:{},...w.value?{source:w.value}:{},id:b};return c.autoFormat&&T.value&&!e.format&&(e.format=T.value),c.lowLatency&&e.isLive&&T.value===`flv`&&(e.enableStashBufferForFlv=e.enableStashBufferForFlv??!1,e.stashInitialSizeForFlv=e.stashInitialSizeForFlv??128),e});function D(){return f.value}function O(){f.value&&(f.value.dispose(),f.value=null,_.value=null)}function k(e){x.forEach(t=>{e.on(t,e=>{l(t,e)})})}function A(e){if(!c.forbidFastForward)return;let t=0,n=0;e.on(`timeupdate`,()=>{let r=e.getCurrentTime();if(r-t>2){e.seek(t);return}t=r,t>=n&&(n=t)})}function j(){if(g.value||!window.Aliplayer||!h.value)return;O();let e=window.Aliplayer({...E.value});f.value=e,_.value=T.value,k(e),A(e)}async function M(){let e=++y;try{if(c.disableTracking&&v(c.trackingUrlPatterns),await u(S.value,C.value),await d(c.componentScripts),await(0,t.nextTick)(),g.value||e!==y)return;j()}catch(e){l(`sdk-error`,e instanceof Error?e:Error(String(e)))}}async function N(e){if(e&&f.value){f.value.loadByUrl(c.normalizeSourceUrl&&m(e)||e);return}await M()}async function P(e){await N(e)}function F(){f.value?.play()}function I(){f.value?.pause()}function L(){f.value?.replay()}function R(e){f.value?.seek(e)}function z(){return f.value?.getCurrentTime()}function B(){return f.value?.getDuration()}function ee(){return f.value?.getVolume()}function V(e){f.value?.setVolume(e)}function H(e,t){f.value?.loadByUrl(e,t)}function U(e,t){f.value?.replayByVidAndPlayAuth(e,t)}function W(e,t,n,r,i,a){f.value?.replayByVidAndAuthInfo(e,t,n,r,i,a)}function G(e,t){f.value?.setPlayerSize(e,t)}function K(e){f.value?.setSpeed(e)}function q(e,t,n){f.value?.setSanpshotProperties(e,t,n)}function J(){f.value?.fullscreenService?.requestFullScreen()}function Y(){f.value?.fullscreenService?.cancelFullScreen()}function X(){return f.value?.fullscreenService?.getIsFullScreen()}function Z(){return f.value?.getStatus()}function Q(e,t){f.value?.liveShiftSerivce?.setLiveTimeRange(e,t)}function $(e){f.value?.setRotate(e)}function te(){return f.value?.getRotate()}function ne(e){f.value?.setImage(e)}function re(e){f.value?.setCover(e)}function ie(e){f.value?.setProgressMarkers(e)}function ae(e){f.value?.setPreviewTime(e)}function oe(){return f.value?.getPreviewTime()}function se(){return f.value?.isPreview()}function ce(e,t){f.value?.off?.(e,t)}return(0,t.onMounted)(()=>{M()}),(0,t.watch)(()=>w.value,e=>{if(!e)return;let t=p(e);if(f.value&&t&&t===_.value){f.value.loadByUrl(e);return}M()}),(0,t.watch)(()=>[c.options,c.forbidFastForward,c.license,c.lowLatency,c.autoFormat,c.sdkVersion,c.cssLink,c.scriptSrc,c.componentScripts,c.disableTracking,c.trackingUrlPatterns],()=>{M()},{deep:!0}),(0,t.onBeforeUnmount)(()=>{g.value=!0,y+=1,O()}),n({getPlayer:D,init:M,initPlayer:j,reload:N,retry:P,play:F,pause:I,replay:L,seek:R,getCurrentTime:z,getDuration:B,getVolume:ee,setVolume:V,loadByUrl:H,replayByVidAndPlayAuth:U,replayByVidAndAuthInfo:W,setPlayerSize:G,setSpeed:K,setSanpshotProperties:q,requestFullScreen:J,cancelFullScreen:Y,getIsFullScreen:X,getStatus:Z,setLiveTimeRange:Q,setRotate:$,getRotate:te,setImage:ne,dispose:O,setCover:re,setProgressMarkers:ie,setPreviewTime:ae,getPreviewTime:oe,isPreview:se,off:ce}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{id:b,ref_key:`containerRef`,ref:h,class:`vue-aliplayer-v2`},null,512))}}),[[`__scopeId`,`data-v-cf852d0d`]]),b={sdkVersion:n,cssLink:r,scriptSrc:i,componentScripts:[],disableTracking:!1,trackingUrlPatterns:[]},x=y;x.install=(e,t)=>{Object.assign(b,t||{}),e.component(`VueAliplayerV2`,x)},x.props.cssLink.default=()=>b.cssLink,x.props.scriptSrc.default=()=>b.scriptSrc,x.props.sdkVersion.default=()=>b.sdkVersion,x.props.componentScripts.default=()=>b.componentScripts,x.props.disableTracking.default=()=>b.disableTracking,x.props.trackingUrlPatterns.default=()=>b.trackingUrlPatterns,x.Player=x,e.VueAliplayerV2=x,e.default=x}); \ No newline at end of file +(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.VueAliplayerV2={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=`2.37.0`,r=`https://g.alicdn.com/apsara-media-box/imp-web-player/${n}/skins/default/aliplayer-min.css`,i=`https://g.alicdn.com/apsara-media-box/imp-web-player/${n}/aliplayer-min.js`,a=new Map;function o(e){return`https://g.alicdn.com/apsara-media-box/imp-web-player/${e}/skins/default/aliplayer-min.css`}function s(e){return`https://g.alicdn.com/apsara-media-box/imp-web-player/${e}/aliplayer-min.js`}function c(e){if(!e||document.querySelector(`link[data-vue-aliplayer-v2-css="${e}"]`))return;let t=document.createElement(`link`);t.type=`text/css`,t.rel=`stylesheet`,t.href=e,t.dataset.vueAliplayerV2Css=e,document.head.appendChild(t)}function l(e,t){if(!e||t&&window[t])return Promise.resolve();if(a.has(e))return a.get(e);let n=document.querySelector(`script[data-vue-aliplayer-v2-js="${e}"]`);if(n){let t=new Promise((t,r)=>{if(n.dataset.vueAliplayerV2Loaded===`true`){t();return}n.addEventListener(`load`,()=>{n.dataset.vueAliplayerV2Loaded=`true`,t()},{once:!0}),n.addEventListener(`error`,()=>r(Error(`Failed to load Aliplayer SDK: ${e}`)),{once:!0})});return a.set(e,t),t}let r=new Promise((t,n)=>{let r=document.createElement(`script`);r.type=`text/javascript`,r.src=e,r.dataset.vueAliplayerV2Js=e,r.addEventListener(`load`,()=>{r.dataset.vueAliplayerV2Loaded=`true`,t()},{once:!0}),r.addEventListener(`error`,()=>n(Error(`Failed to load Aliplayer SDK: ${e}`)),{once:!0}),document.documentElement.appendChild(r)});return a.set(e,r),r}async function u(e,t){c(e),await l(t,`Aliplayer`)}async function d(e=[]){for(let t of e)await l(t)}var f=[`m3u8`,`flv`,`mp4`,`rtmp`,`mp3`];function p(e){if(!e)return null;if(/^rtmps?:\/\//i.test(e))return`rtmp`;let t=e.split(`?`)[0].split(`#`)[0].toLowerCase();return f.find(e=>e&&t.endsWith(`.${e}`))||null}function m(e){if(!e)return e||null;if(/^(data|blob):/i.test(e))return e;try{return encodeURI(e)}catch{return e}}var h=[`videocloud.cn-hangzhou.log.aliyuncs.com/logstores/newplayer/track`],g=!1;function _(e,t){return t.some(t=>typeof t==`string`?e.includes(t):t.test(e))}function v(e=h){if(g)return;g=!0;let t=window.fetch?.bind(window);t&&(window.fetch=((n,r)=>_(typeof n==`string`||n instanceof URL?String(n):n.url,e)?Promise.resolve(new Response(null,{status:204,statusText:`No Content`})):t(n,r)));let n=XMLHttpRequest.prototype.open,r=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(t,r,i,a,o){this.__vueAliplayerV2Blocked=_(String(r),e),n.call(this,t,r,i??!0,a??void 0,o??void 0)},XMLHttpRequest.prototype.send=function(e){this.__vueAliplayerV2Blocked||r.call(this,e)}}var y=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})((0,t.defineComponent)({name:`VueAliplayerV2`,__name:`index`,props:{autoFormat:{type:Boolean,default:!0},forbidFastForward:{type:Boolean,default:!1},license:{default:null},lowLatency:{type:Boolean,default:!1},normalizeSourceUrl:{type:Boolean,default:!0},options:{default:null},source:{default:null},sdkVersion:{default:n},cssLink:{default:``},scriptSrc:{default:``},componentScripts:{default:()=>[]},disableTracking:{type:Boolean,default:!1},trackingUrlPatterns:{default:()=>[]}},emits:[`ready`,`play`,`pause`,`canplay`,`playing`,`ended`,`liveStreamStop`,`onM3u8Retry`,`hideBar`,`showBar`,`waiting`,`timeupdate`,`snapshoted`,`requestFullScreen`,`cancelFullScreen`,`error`,`startSeek`,`completeSeek`,`sdk-error`],setup(e,{expose:n,emit:a}){let c=e,l=a,f=(0,t.ref)(null),h=(0,t.ref)(null),g=(0,t.ref)(!1),_=(0,t.ref)(null),y=0,b=`player-${Math.random().toString(36).slice(2).toUpperCase()}`,x=[`ready`,`play`,`pause`,`canplay`,`playing`,`ended`,`liveStreamStop`,`onM3u8Retry`,`hideBar`,`showBar`,`waiting`,`timeupdate`,`snapshoted`,`requestFullScreen`,`cancelFullScreen`,`error`,`startSeek`,`completeSeek`],S=(0,t.computed)(()=>c.cssLink||(c.sdkVersion?o(c.sdkVersion):r)),C=(0,t.computed)(()=>c.scriptSrc||(c.sdkVersion?s(c.sdkVersion):i)),w=(0,t.computed)(()=>c.normalizeSourceUrl?m(c.source):c.source),T=(0,t.computed)(()=>p(w.value)),E=(0,t.computed)(()=>{let e={width:`100%`,autoplay:!0,...c.options||{},...c.license?{license:c.license}:{},...w.value?{source:w.value}:{},id:b};return c.autoFormat&&T.value&&!e.format&&(e.format=T.value),c.lowLatency&&e.isLive&&T.value===`flv`&&(e.enableStashBufferForFlv=e.enableStashBufferForFlv??!1,e.stashInitialSizeForFlv=e.stashInitialSizeForFlv??128),e});function D(){return f.value}function O(){f.value&&(f.value.dispose(),f.value=null,_.value=null)}function k(e){x.forEach(t=>{e.on(t,e=>{l(t,e)})})}function A(e){if(!c.forbidFastForward)return;let t=0,n=0;e.on(`timeupdate`,()=>{let r=e.getCurrentTime();if(r-t>2){e.seek(t);return}t=r,t>=n&&(n=t)})}function j(){if(g.value||!window.Aliplayer||!h.value)return;O();let e=window.Aliplayer({...E.value});f.value=e,_.value=T.value,k(e),A(e)}async function M(){let e=++y;try{if(c.disableTracking&&v(c.trackingUrlPatterns.length?c.trackingUrlPatterns:void 0),await u(S.value,C.value),await d(c.componentScripts),await(0,t.nextTick)(),g.value||e!==y)return;j()}catch(e){l(`sdk-error`,e instanceof Error?e:Error(String(e)))}}async function N(e){if(e&&f.value){f.value.loadByUrl(c.normalizeSourceUrl&&m(e)||e);return}await M()}async function P(e){await N(e)}function F(){f.value?.play()}function I(){f.value?.pause()}function L(){f.value?.replay()}function R(e){f.value?.seek(e)}function z(){return f.value?.getCurrentTime()}function B(){return f.value?.getDuration()}function ee(){return f.value?.getVolume()}function V(e){f.value?.setVolume(e)}function H(e,t){f.value?.loadByUrl(e,t)}function U(e,t){f.value?.replayByVidAndPlayAuth(e,t)}function W(e,t,n,r,i,a){f.value?.replayByVidAndAuthInfo(e,t,n,r,i,a)}function G(e,t){f.value?.setPlayerSize(e,t)}function K(e){f.value?.setSpeed(e)}function q(e,t,n){f.value?.setSanpshotProperties(e,t,n)}function J(){f.value?.fullscreenService?.requestFullScreen()}function Y(){f.value?.fullscreenService?.cancelFullScreen()}function X(){return f.value?.fullscreenService?.getIsFullScreen()}function Z(){return f.value?.getStatus()}function Q(e,t){f.value?.liveShiftSerivce?.setLiveTimeRange(e,t)}function $(e){f.value?.setRotate(e)}function te(){return f.value?.getRotate()}function ne(e){f.value?.setImage(e)}function re(e){f.value?.setCover(e)}function ie(e){f.value?.setProgressMarkers(e)}function ae(e){f.value?.setPreviewTime(e)}function oe(){return f.value?.getPreviewTime()}function se(){return f.value?.isPreview()}function ce(e,t){f.value?.off?.(e,t)}return(0,t.onMounted)(()=>{M()}),(0,t.watch)(()=>w.value,e=>{if(!e)return;let t=p(e);if(f.value&&t&&t===_.value){f.value.loadByUrl(e);return}M()}),(0,t.watch)(()=>[c.options,c.forbidFastForward,c.license,c.lowLatency,c.autoFormat,c.sdkVersion,c.cssLink,c.scriptSrc,c.componentScripts,c.disableTracking,c.trackingUrlPatterns],()=>{M()},{deep:!0}),(0,t.onBeforeUnmount)(()=>{g.value=!0,y+=1,O()}),n({getPlayer:D,init:M,initPlayer:j,reload:N,retry:P,play:F,pause:I,replay:L,seek:R,getCurrentTime:z,getDuration:B,getVolume:ee,setVolume:V,loadByUrl:H,replayByVidAndPlayAuth:U,replayByVidAndAuthInfo:W,setPlayerSize:G,setSpeed:K,setSanpshotProperties:q,requestFullScreen:J,cancelFullScreen:Y,getIsFullScreen:X,getStatus:Z,setLiveTimeRange:Q,setRotate:$,getRotate:te,setImage:ne,dispose:O,setCover:re,setProgressMarkers:ie,setPreviewTime:ae,getPreviewTime:oe,isPreview:se,off:ce}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{id:b,ref_key:`containerRef`,ref:h,class:`vue-aliplayer-v2`},null,512))}}),[[`__scopeId`,`data-v-eff69876`]]),b={sdkVersion:n,cssLink:r,scriptSrc:i,componentScripts:[],disableTracking:!1,trackingUrlPatterns:[]},x=y;x.install=(e,t)=>{Object.assign(b,t||{}),e.component(`VueAliplayerV2`,x)},x.props.cssLink.default=()=>b.cssLink,x.props.scriptSrc.default=()=>b.scriptSrc,x.props.sdkVersion.default=()=>b.sdkVersion,x.props.componentScripts.default=()=>b.componentScripts,x.props.disableTracking.default=()=>b.disableTracking,x.props.trackingUrlPatterns.default=()=>b.trackingUrlPatterns,x.Player=x,e.VueAliplayerV2=x,e.default=x}); \ No newline at end of file diff --git a/package.json b/package.json index 418db37..7640979 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,8 @@ }, "files": [ "lib", - "README.md" + "README.md", + "README.en-US.md" ], "private": false, "license": "MIT", diff --git a/packages/AliplayerV2/index.vue b/packages/AliplayerV2/index.vue index dd58555..b6ded9a 100644 --- a/packages/AliplayerV2/index.vue +++ b/packages/AliplayerV2/index.vue @@ -48,12 +48,40 @@ const emit = defineEmits<{ (event: 'sdk-error', error: Error): void; }>(); +/** + * 当前底层 Aliplayer 实例。 + */ const player = ref(null); +/** + * 播放器挂载容器。 + */ const containerRef = ref(null); +/** + * 组件是否已经卸载。 + * + * SDK 和扩展脚本是异步加载的，卸载标记用于避免脚本加载完成后继续创建播放器。 + */ const isUnmounted = ref(false); +/** + * 当前播放器实例对应的媒体格式。 + * + * 用于判断 source 变化时是走 `loadByUrl` 还是重建播放器。 + */ const currentFormat = ref(null); +/** + * 初始化批次令牌。 + * + * 每次 `init` 都会递增，旧批次异步返回时如果令牌不一致就不会继续创建播放器， + * 避免快速切换参数造成 stale player。 + */ let initToken = 0; +/** + * 内部自动生成的播放器容器 id。 + */ const playerId = `player-${Math.random().toString(36).slice(2).toUpperCase()}`; +/** + * 需要从 Aliplayer 透传到 Vue 组件的事件列表。 + */ const eventNames: AliplayerEventName[] = [ 'ready', 'play', @@ -75,10 +103,28 @@ const eventNames: AliplayerEventName[] = [ 'completeSeek' ]; +/** + * 实际使用的 CSS 地址。 + */ const resolvedCssLink = computed(() => props.cssLink || (props.sdkVersion ? getCssLinkByVersion(props.sdkVersion) : DEFAULT_CSS_LINK)); +/** + * 实际使用的 JS 地址。 + */ const resolvedScriptSrc = computed(() => props.scriptSrc || (props.sdkVersion ? getScriptSrcByVersion(props.sdkVersion) : DEFAULT_SCRIPT_SRC)); +/** + * 标准化后的播放源。 + */ const normalizedSource = computed(() => props.normalizeSourceUrl ? normalizeSource(props.source) : props.source); +/** + * 从播放源推断出的格式。 + */ const sourceFormat = computed(() => inferSourceFormat(normalizedSource.value)); +/** + * 最终传给 Aliplayer 的初始化配置。 + * + * 合并顺序为：组件默认值 -> `props.options` -> `license` prop -> `source` prop -> 内部 id。 + * 这样可以保证容器 id 和显式 source 始终由组件控制，同时仍然保留大部分官方配置项的透传能力。 + */ const mergedOptions = computed(() => { const options: AliplayerOptions = { width: '100%', @@ -101,10 +147,20 @@ const mergedOptions = computed(() => { return options; }); +/** + * 获取底层 Aliplayer 实例。 + * + * @returns 当前播放器实例；尚未初始化或已销毁时返回 `null`。 + */ function getPlayer(): AliplayerInstance | null { return player.value; } +/** + * 销毁当前播放器实例。 + * + * 销毁时同步清空当前格式记录，避免后续 source 切换误判为同格式切换。 + */ function dispose(): void { if (!player.value) return; player.value.dispose(); @@ -112,6 +168,11 @@ function dispose(): void { currentFormat.value = null; } +/** + * 将 Aliplayer 事件转发为 Vue 组件事件。 + * + * @param target 底层播放器实例。 + */ function bindEvents(target: AliplayerInstance): void { eventNames.forEach((eventName) => { target.on(eventName, (event?: unknown) => { @@ -120,6 +181,14 @@ function bindEvents(target: AliplayerInstance): void { }); } +/** + * 绑定禁止快进逻辑。 + * + * 该能力通过监听 `timeupdate` 实现：如果当前播放时间比上次记录时间大幅跳跃， + * 视为用户拖拽快进并回退到上次位置。 + * + * @param target 底层播放器实例。 + */ function bindForbidFastForward(target: AliplayerInstance): void { if (!props.forbidFastForward) return; @@ -139,6 +208,11 @@ function bindForbidFastForward(target: AliplayerInstance): void { }); } +/** + * 使用当前合并配置创建 Aliplayer 实例。 + * + * 如果组件已卸载、SDK 未加载或容器不存在，则直接跳过。 + */ function initPlayer(): void { if (isUnmounted.value || !window.Aliplayer || !containerRef.value) return; @@ -150,11 +224,17 @@ function initPlayer(): void { bindForbidFastForward(nextPlayer); } +/** + * 加载 SDK、扩展脚本并初始化播放器。 + * + * 该方法会处理统计拦截、SDK 资源加载、额外组件脚本加载和 Vue DOM 更新等待。 + * 如果任一步失败，会通过 `sdk-error` 事件抛给业务层处理。 + */ async function init(): Promise { const token = ++initToken; try { if (props.disableTracking) { - installTrackingBlocker(props.trackingUrlPatterns); + installTrackingBlocker(props.trackingUrlPatterns.length ? props.trackingUrlPatterns : undefined); } await loadAliplayerSdk(resolvedCssLink.value, resolvedScriptSrc.value); await loadExtraScripts(props.componentScripts); @@ -166,6 +246,11 @@ async function init(): Promise { } } +/** + * 局部重载播放器。 + * + * @param nextSource 可选的新播放源。传入且播放器已存在时直接调用 `loadByUrl`。 + */ async function reload(nextSource?: string): Promise { if (nextSource && player.value) { player.value.loadByUrl(props.normalizeSourceUrl ? normalizeSource(nextSource) || nextSource : nextSource); @@ -175,50 +260,113 @@ async function reload(nextSource?: string): Promise { await init(); } +/** + * 播放失败时的业务重试入口。 + * + * 当前行为等价于 `reload`，但命名更贴合 `error` 回调中的使用语义。 + * + * @param nextSource 可选的新播放源。 + */ async function retry(nextSource?: string): Promise { await reload(nextSource); } +/** + * 播放视频。 + */ function play(): void { player.value?.play(); } +/** + * 暂停视频。 + */ function pause(): void { player.value?.pause(); } +/** + * 从头重播视频。 + */ function replay(): void { player.value?.replay(); } +/** + * 跳转到指定时间。 + * + * @param time 秒数。 + */ function seek(time: number): void { player.value?.seek(time); } +/** + * 获取当前播放时间。 + * + * @returns 当前播放时间，单位秒。 + */ function getCurrentTime(): number | undefined { return player.value?.getCurrentTime(); } +/** + * 获取视频总时长。 + * + * @returns 视频总时长，单位秒。 + */ function getDuration(): number | undefined { return player.value?.getDuration(); } +/** + * 获取当前音量。 + * + * @returns 音量值，通常为 0 到 1。 + */ function getVolume(): number | undefined { return player.value?.getVolume(); } +/** + * 设置当前音量。 + * + * @param volume 音量值，通常为 0 到 1。 + */ function setVolume(volume: number): void { player.value?.setVolume(volume); } +/** + * 使用 URL 切换播放源。 + * + * @param url 播放源地址。 + * @param time 可选起播时间，单位秒。 + */ function loadByUrl(url: string, time?: number): void { player.value?.loadByUrl(url, time); } +/** + * 使用 VID + PlayAuth 重新播放。 + * + * @param vid 视频 ID。 + * @param playauth 播放凭证。 + */ function replayByVidAndPlayAuth(vid: string, playauth: string): void { player.value?.replayByVidAndPlayAuth(vid, playauth); } +/** + * 使用 MPS 鉴权信息重新播放。 + * + * @param vid 视频 ID。 + * @param accId 访问密钥 ID。 + * @param accSecret 访问密钥 Secret。 + * @param stsToken STS Token。 + * @param authInfo 鉴权信息。 + * @param domainRegion 域名地域。 + */ function replayByVidAndAuthInfo( vid: string, accId: string, @@ -230,70 +378,152 @@ function replayByVidAndAuthInfo( player.value?.replayByVidAndAuthInfo(vid, accId, accSecret, stsToken, authInfo, domainRegion); } +/** + * 设置播放器尺寸。 + * + * @param width 宽度，例如 `100%` 或 `640px`。 + * @param height 高度，例如 `360px`。 + */ function setPlayerSize(width: string, height: string): void { player.value?.setPlayerSize(width, height); } +/** + * 设置播放倍速。 + * + * @param speed 倍速值，例如 `1.25`、`1.5`、`2`。 + */ function setSpeed(speed: number): void { player.value?.setSpeed(speed); } +/** + * 设置截图参数。 + * + * 方法名保留阿里云 SDK 原始拼写 `setSanpshotProperties`，避免破坏旧版本 API。 + * + * @param width 截图宽度。 + * @param height 截图高度。 + * @param rate 截图质量。 + */ function setSanpshotProperties(width: number, height: number, rate: number): void { player.value?.setSanpshotProperties(width, height, rate); } +/** + * 请求进入全屏。 + */ function requestFullScreen(): void { player.value?.fullscreenService?.requestFullScreen(); } +/** + * 退出全屏。 + */ function cancelFullScreen(): void { player.value?.fullscreenService?.cancelFullScreen(); } +/** + * 获取当前是否处于全屏。 + * + * @returns 是否全屏；当前 SDK 不支持或播放器未初始化时返回 `undefined`。 + */ function getIsFullScreen(): boolean | undefined { return player.value?.fullscreenService?.getIsFullScreen(); } +/** + * 获取播放器状态。 + * + * @returns Aliplayer 状态字符串。 + */ function getStatus(): string | undefined { return player.value?.getStatus(); } +/** + * 设置直播时移范围。 + * + * @param beginTime 起始时间。 + * @param endTime 结束时间。 + */ function setLiveTimeRange(beginTime: string, endTime: string): void { player.value?.liveShiftSerivce?.setLiveTimeRange(beginTime, endTime); } +/** + * 设置视频旋转角度。 + * + * @param rotate 旋转角度，正数为顺时针。 + */ function setRotate(rotate: number): void { player.value?.setRotate(rotate); } +/** + * 获取视频旋转角度。 + */ function getRotate(): number | undefined { return player.value?.getRotate(); } +/** + * 设置视频镜像方向。 + * + * @param image 镜像类型，例如 `horizon` 或 `vertical`。 + */ function setImage(image: string): void { player.value?.setImage(image); } +/** + * 设置播放器封面图。 + * + * @param cover 封面图地址。 + */ function setCover(cover: string): void { player.value?.setCover(cover); } +/** + * 设置进度条打点。 + * + * @param markers 打点配置数组。 + */ function setProgressMarkers(markers: unknown[]): void { player.value?.setProgressMarkers(markers); } +/** + * 设置试看时间。 + * + * @param time 试看时间，单位秒。 + */ function setPreviewTime(time: number): void { player.value?.setPreviewTime(time); } +/** + * 获取试看时间。 + */ function getPreviewTime(): number | undefined { return player.value?.getPreviewTime(); } +/** + * 判断当前是否为试看状态。 + */ function isPreview(): boolean | undefined { return player.value?.isPreview(); } +/** + * 取消监听底层播放器事件。 + * + * @param eventName 事件名。 + * @param handler 需要取消的回调函数。 + */ function off(eventName: string, handler: (event?: unknown) => void): void { player.value?.off?.(eventName, handler); } diff --git a/packages/AliplayerV2/sdkLoader.ts b/packages/AliplayerV2/sdkLoader.ts index fc49bb7..56da740 100644 --- a/packages/AliplayerV2/sdkLoader.ts +++ b/packages/AliplayerV2/sdkLoader.ts @@ -1,17 +1,56 @@ +/** + * 默认阿里云 Web 播放器 SDK 版本。 + * + * 该版本来自阿里云播放器 SDK 下载页。后续升级默认 SDK 时，只需要同步修改该常量。 + */ export const DEFAULT_SDK_VERSION = '2.37.0'; + +/** + * 默认 Aliplayer CSS 地址。 + * + * 2.16.3 之后阿里云官方资源路径从 `de/prismplayer` 切换到了 + * `apsara-media-box/imp-web-player`，因此这里使用新路径。 + */ export const DEFAULT_CSS_LINK = `https://g.alicdn.com/apsara-media-box/imp-web-player/${DEFAULT_SDK_VERSION}/skins/default/aliplayer-min.css`; + +/** + * 默认 Aliplayer JS 地址。 + */ export const DEFAULT_SCRIPT_SRC = `https://g.alicdn.com/apsara-media-box/imp-web-player/${DEFAULT_SDK_VERSION}/aliplayer-min.js`; +/** + * 脚本加载 Promise 缓存。 + * + * 同一个页面可能同时存在多个播放器实例，或者组件在路由切换中频繁挂载卸载。 + * 缓存可以避免重复插入相同的 `