@yimou6/common-ui 1.10.20 → 1.11.0

package/es/components/tzj-player/index.d.ts

@@ -1612,6 +1612,8 @@ export declare const ITzjPlayer: import("../../types").SFCWithInstall<import("vu
             containerRef: import("vue").ShallowRef<any, any>;
             width: import("vue").Ref<number, number>;
             height: import("vue").Ref<number, number>;
+            childWidth: import("vue").Ref<number, number>;
+            childHeight: import("vue").Ref<number, number>;
             ratio: number;
             isCurrentFullscreen: boolean;
             debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
@@ -4848,6 +4850,8 @@ export declare const ITzjPlayer: import("../../types").SFCWithInstall<import("vu
         containerRef: import("vue").ShallowRef<any, any>;
         width: import("vue").Ref<number, number>;
         height: import("vue").Ref<number, number>;
+        childWidth: import("vue").Ref<number, number>;
+        childHeight: import("vue").Ref<number, number>;
         ratio: number;
         isCurrentFullscreen: boolean;
         debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
@@ -8086,6 +8090,8 @@ export declare const ITzjPlayer: import("../../types").SFCWithInstall<import("vu
         containerRef: import("vue").ShallowRef<any, any>;
         width: import("vue").Ref<number, number>;
         height: import("vue").Ref<number, number>;
+        childWidth: import("vue").Ref<number, number>;
+        childHeight: import("vue").Ref<number, number>;
         ratio: number;
         isCurrentFullscreen: boolean;
         debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;

package/es/components/tzj-player/src/easyPlayer.vue2.mjs

@@ -1,6 +1,5 @@
 import { defineComponent, useSlots, computed, shallowRef, ref, onMounted, watch, onBeforeUnmount, nextTick, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from 'vue';
 import { TzjPlayerProps, uuid } from './tzj-player.mjs';
-import { dayjs } from 'element-plus';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -161,7 +160,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     __name(removePlayerDom, "removePlayerDom");
     function createPlayerDom() {
       var _a;
-      console.log("1", dayjs().format("mm:ss.SSS"));
       removePlayerDom();
       if (typeof document !== "undefined") {
         const dom = document.createElement("div");
@@ -199,11 +197,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
         });
       }
-      console.log("5", dayjs().format("mm:ss.SSS"));
       if (player) {
         player.play(playUrl.value);
         player.on("timeout", () => {
-          console.log("2", dayjs().format("mm:ss.SSS"));
           props.debug && console.log("\u52A0\u8F7D\u8D85\u65F6");
           emits("timeout");
           playSuccess.value = false;
@@ -217,7 +213,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           destroy();
         });
         player.on("play", () => {
-          console.log("3", dayjs().format("mm:ss.SSS"));
           playSuccess.value = true;
           props.debug && console.log("\u64AD\u653E");
           emits("play");
@@ -227,7 +222,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           emits("pause");
         });
         player.on("videoInfo", (info) => {
-          console.log("4", dayjs().format("mm:ss.SSS"));
           props.debug && console.log("\u89C6\u9891\u4FE1\u606F", info);
           videoInfo.value = info;
           emits("videoInfo", info);
@@ -273,7 +267,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               /* TEXT */
             )
           ])) : createCommentVNode("v-if", true),
-          !playSuccess.value ? (openBlock(), createElementBlock("div", _hoisted_2, "\u65E0\u4FE1\u53F711")) : createCommentVNode("v-if", true),
+          !playSuccess.value ? (openBlock(), createElementBlock("div", _hoisted_2, "\u65E0\u4FE1\u53F7")) : createCommentVNode("v-if", true),
           !playUrl.value ? (openBlock(), createElementBlock("div", _hoisted_3, "\u65E0\u64AD\u653E\u5730\u5740")) : createCommentVNode("v-if", true),
           createCommentVNode(" \u64AD\u653E\u5668\u5E95\u90E8\u64CD\u4F5C\u680F "),
           renderSlot(_ctx.$slots, "customBar")

package/es/components/tzj-player/src/easyPlayer.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"easyPlayer.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { TzjPlayerProps, uuid } from \"./tzj-player\";\nimport { dayjs } from \"element-plus\";\n\ndefineOptions({\n  name: \"EasyPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst emits = defineEmits([\n  \"timeout\",\n  \"error\",\n  \"play\",\n  \"pause\",\n  \"mute\",\n  \"videoInfo\",\n]);\nconst slots = useSlots();\nconst customBar = computed(() => slots.customBar);\n\nlet player: any = null;\nconst id = uuid();\nconst playerRef = shallowRef<HTMLDivElement>();\nconst playSuccess = ref(true);\nconst playUrl = ref(\"\");\nconst isFullscreen = ref(false);\nconst videoInfo = ref<any>(null);\n\nonMounted(() => {\n  initPlayer(props.url || \"\");\n});\n\nwatch(\n  () => props.url,\n  (newUrl: string) => {\n    initPlayer(newUrl || \"\");\n  },\n);\n\nonBeforeUnmount(() => {\n  if (props.debug) {\n    console.log(\"组件卸载\");\n  }\n  playUrl.value = \"\";\n  destroy();\n});\n\nconst play = (url?: string) => {\n  if (url) {\n    initPlayer(url);\n  } else {\n    if (player) {\n      player.play(playUrl.value);\n    } else {\n      destroy();\n    }\n  }\n};\n\nconst playerPause = () => {\n  if (props.debug) {\n    console.log(\"暂停\");\n  }\n  player?.pause?.();\n};\n\nconst playerScreenShot = () => {\n  if (props.debug) {\n    console.log(\"截图\");\n  }\n  player?.screenshot?.(\n    `${props.areaName}_${new Date().getTime()}`,\n    \"png\",\n    0.5,\n    \"download\",\n  );\n};\n\nconst playerFullscreen = (fullscreen: boolean) => {\n  if (props.debug) {\n    console.log(\"全屏\");\n  }\n  // 自定义全屏逻辑\n  if (typeof document !== \"undefined\") {\n    if (!fullscreen) {\n      document.exitFullscreen?.();\n    } else {\n      playerRef.value?.requestFullscreen?.();\n    }\n  }\n  isFullscreen.value = !fullscreen;\n};\ndefineExpose({\n  play,\n  destroy,\n  getPlayer: () => player,\n  pause: playerPause,\n  screenshot: playerScreenShot,\n  fullscreen: playerFullscreen,\n  isMute: () => {\n    return player?.isMute?.();\n  },\n  setMute: (mute: number) => {\n    player?.setMute?.(mute);\n  },\n});\n\n/**\n * 格式化URL，确保使用完整的URL\n * @param url - 原始URL\n * @returns 格式化后的URL\n */\nconst formatUrl = (url: string): string => {\n  if (!url) return \"\";\n\n  // 如果已经是完整URL，直接返回\n  if (url.startsWith(\"http://\") || url.startsWith(\"https://\")) {\n    return url;\n  }\n\n  // 检查是否在浏览器环境中，避免SSR环境下的location访问错误\n  if (typeof window !== \"undefined\" && window.location) {\n    // 如果是相对路径，添加当前域名\n    return `${window.location.origin}${url.startsWith(\"/\") ? \"\" : \"/\"}${url}`;\n  }\n\n  // SSR 环境下返回相对路径\n  return url;\n};\n\nasync function initPlayer(url: string) {\n  if (props.debug) {\n    console.log(\"初始化播放器\", url);\n  }\n  removePlayerDom();\n  if (url) {\n    playUrl.value = formatUrl(url);\n    if (props.debug) {\n      console.log(\"格式化后的url\", playUrl.value);\n    }\n    if (typeof window !== \"undefined\" && window?.EasyPlayerPro) {\n      createPlayer();\n    } else if (typeof window !== \"undefined\") {\n      const timer = setInterval(() => {\n        if (window?.EasyPlayerPro) {\n          createPlayer();\n          clearInterval(timer);\n        }\n      }, 100);\n    }\n  }\n}\n\n/**\n * 移除播放器DOM\n */\nfunction removePlayerDom() {\n  if (typeof document !== \"undefined\") {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n}\n\n/**\n * 创建播放器DOM\n */\nfunction createPlayerDom() {\n  console.log(\"1\", dayjs().format(\"mm:ss.SSS\"));\n\n  removePlayerDom();\n  if (typeof document !== \"undefined\") {\n    const dom = document.createElement(\"div\");\n    const { width, height } = playerRef.value!.getBoundingClientRect();\n    dom.id = id;\n    dom.style.width = `${width}px`;\n    dom.style.height =\n      props.areaName || props.deviceSerial ? `${height - 32}px` : `${height}px`;\n    playerRef.value?.appendChild(dom);\n  }\n}\n\nasync function createPlayer() {\n  if (props.debug) {\n    console.log(\"创建播放器\");\n  }\n  videoInfo.value = null;\n  createPlayerDom();\n  await nextTick();\n  if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n    player = new window.EasyPlayerPro(document.getElementById(id), {\n      isLive: true, // 是否直播\n      hasAudio: true, // 是否解析音频\n      bufferTime: 0.2, // 缓存时长\n      stretch: true, // 加视频拉伸\n      MSE: false,\n      WCS: false,\n      WASM: true,\n      debug: false,\n      operateBtns: {\n        performance: false,\n      },\n    });\n  }\n  console.log(\"5\", dayjs().format(\"mm:ss.SSS\"));\n\n  if (player) {\n    player.play(playUrl.value);\n\n    // 15s未获取到视频信息，认为播放失败\n    // const videoInfoTimer = setTimeout(() => {\n    //   // if (!videoInfo.value) {\n    //   //   props.debug && console.log(\"15s未获取到视频信息\");\n    //   //   emits(\"error\");\n    //   //   playSuccess.value = false;\n    //   //   destroy();\n    //   //   initPlayer(playUrl.value);\n    //   // }\n    // }, 3000);\n    // 加载超时\n    player.on(\"timeout\", () => {\n      // clearTimeout(videoInfoTimer);\n      console.log(\"2\", dayjs().format(\"mm:ss.SSS\"));\n      props.debug && console.log(\"加载超时\");\n      emits(\"timeout\");\n      playSuccess.value = false;\n      destroy();\n      initPlayer(playUrl.value);\n    });\n    // 播放异常\n    player.on(\"error\", () => {\n      props.debug && console.log(\"播放异常\");\n      emits(\"error\");\n      playSuccess.value = false;\n      destroy();\n    });\n    player.on(\"play\", () => {\n      console.log(\"3\", dayjs().format(\"mm:ss.SSS\"));\n      playSuccess.value = true;\n      props.debug && console.log(\"播放\");\n      emits(\"play\");\n    });\n    player.on(\"pause\", () => {\n      props.debug && console.log(\"暂停\");\n      emits(\"pause\");\n    });\n    player.on(\"videoInfo\", (info: any) => {\n      console.log(\"4\", dayjs().format(\"mm:ss.SSS\"));\n      // clearTimeout(videoInfoTimer);\n      props.debug && console.log(\"视频信息\", info);\n      videoInfo.value = info;\n      emits(\"videoInfo\", info);\n    });\n    player.on(\"mute\", (mute: false) => {\n      props.debug && console.log(\"静音\");\n      emits(\"mute\", mute);\n    });\n  }\n}\n\nfunction destroy() {\n  if (player) {\n    player.destroy();\n    player = null;\n  }\n  removePlayerDom();\n}\n</script>\n\n<template>\n  <div\n    ref=\"playerRef\"\n    class=\"i-tzj-easyPlayer\"\n    :class=\"customBar ? 'i-tzj-easyPlayer--custom' : ''\"\n  >\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName || deviceSerial\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName || deviceSerial }}</span>\n    </div>\n\n    <div v-if=\"!playSuccess\" class=\"i-tzj-player__error\">无信号11</div>\n    <div v-if=\"!playUrl\" class=\"i-tzj-player__error\">无播放地址</div>\n\n    <!-- 播放器底部操作栏 -->\n    <slot name=\"customBar\" />\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_createCommentVNode","areaName","deviceSerial","_openBlock","_createElementVNode","_toDisplayString","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"easyPlayer.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { TzjPlayerProps, uuid } from \"./tzj-player\";\n\ndefineOptions({\n  name: \"EasyPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst emits = defineEmits([\n  \"timeout\",\n  \"error\",\n  \"play\",\n  \"pause\",\n  \"mute\",\n  \"videoInfo\",\n]);\nconst slots = useSlots();\nconst customBar = computed(() => slots.customBar);\n\nlet player: any = null;\nconst id = uuid();\nconst playerRef = shallowRef<HTMLDivElement>();\nconst playSuccess = ref(true);\nconst playUrl = ref(\"\");\nconst isFullscreen = ref(false);\nconst videoInfo = ref<any>(null);\n\nonMounted(() => {\n  initPlayer(props.url || \"\");\n});\n\nwatch(\n  () => props.url,\n  (newUrl: string) => {\n    initPlayer(newUrl || \"\");\n  },\n);\n\nonBeforeUnmount(() => {\n  if (props.debug) {\n    console.log(\"组件卸载\");\n  }\n  playUrl.value = \"\";\n  destroy();\n});\n\nconst play = (url?: string) => {\n  if (url) {\n    initPlayer(url);\n  } else {\n    if (player) {\n      player.play(playUrl.value);\n    } else {\n      destroy();\n    }\n  }\n};\n\nconst playerPause = () => {\n  if (props.debug) {\n    console.log(\"暂停\");\n  }\n  player?.pause?.();\n};\n\nconst playerScreenShot = () => {\n  if (props.debug) {\n    console.log(\"截图\");\n  }\n  player?.screenshot?.(\n    `${props.areaName}_${new Date().getTime()}`,\n    \"png\",\n    0.5,\n    \"download\",\n  );\n};\n\nconst playerFullscreen = (fullscreen: boolean) => {\n  if (props.debug) {\n    console.log(\"全屏\");\n  }\n  // 自定义全屏逻辑\n  if (typeof document !== \"undefined\") {\n    if (!fullscreen) {\n      document.exitFullscreen?.();\n    } else {\n      playerRef.value?.requestFullscreen?.();\n    }\n  }\n  isFullscreen.value = !fullscreen;\n};\ndefineExpose({\n  play,\n  destroy,\n  getPlayer: () => player,\n  pause: playerPause,\n  screenshot: playerScreenShot,\n  fullscreen: playerFullscreen,\n  isMute: () => {\n    return player?.isMute?.();\n  },\n  setMute: (mute: number) => {\n    player?.setMute?.(mute);\n  },\n});\n\n/**\n * 格式化URL，确保使用完整的URL\n * @param url - 原始URL\n * @returns 格式化后的URL\n */\nconst formatUrl = (url: string): string => {\n  if (!url) return \"\";\n\n  // 如果已经是完整URL，直接返回\n  if (url.startsWith(\"http://\") || url.startsWith(\"https://\")) {\n    return url;\n  }\n\n  // 检查是否在浏览器环境中，避免SSR环境下的location访问错误\n  if (typeof window !== \"undefined\" && window.location) {\n    // 如果是相对路径，添加当前域名\n    return `${window.location.origin}${url.startsWith(\"/\") ? \"\" : \"/\"}${url}`;\n  }\n\n  // SSR 环境下返回相对路径\n  return url;\n};\n\nasync function initPlayer(url: string) {\n  if (props.debug) {\n    console.log(\"初始化播放器\", url);\n  }\n  removePlayerDom();\n  if (url) {\n    playUrl.value = formatUrl(url);\n    if (props.debug) {\n      console.log(\"格式化后的url\", playUrl.value);\n    }\n    if (typeof window !== \"undefined\" && window?.EasyPlayerPro) {\n      createPlayer();\n    } else if (typeof window !== \"undefined\") {\n      const timer = setInterval(() => {\n        if (window?.EasyPlayerPro) {\n          createPlayer();\n          clearInterval(timer);\n        }\n      }, 100);\n    }\n  }\n}\n\n/**\n * 移除播放器DOM\n */\nfunction removePlayerDom() {\n  if (typeof document !== \"undefined\") {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n}\n\n/**\n * 创建播放器DOM\n */\nfunction createPlayerDom() {\n  removePlayerDom();\n  if (typeof document !== \"undefined\") {\n    const dom = document.createElement(\"div\");\n    const { width, height } = playerRef.value!.getBoundingClientRect();\n    dom.id = id;\n    dom.style.width = `${width}px`;\n    dom.style.height =\n      props.areaName || props.deviceSerial ? `${height - 32}px` : `${height}px`;\n    playerRef.value?.appendChild(dom);\n  }\n}\n\nasync function createPlayer() {\n  if (props.debug) {\n    console.log(\"创建播放器\");\n  }\n  videoInfo.value = null;\n  createPlayerDom();\n  await nextTick();\n  if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n    player = new window.EasyPlayerPro(document.getElementById(id), {\n      isLive: true, // 是否直播\n      hasAudio: true, // 是否解析音频\n      bufferTime: 0.2, // 缓存时长\n      stretch: true, // 加视频拉伸\n      MSE: false,\n      WCS: false,\n      WASM: true,\n      debug: false,\n      operateBtns: {\n        performance: false,\n      },\n    });\n  }\n  if (player) {\n    player.play(playUrl.value);\n\n    // 15s未获取到视频信息，认为播放失败\n    // const videoInfoTimer = setTimeout(() => {\n    //   // if (!videoInfo.value) {\n    //   //   props.debug && console.log(\"15s未获取到视频信息\");\n    //   //   emits(\"error\");\n    //   //   playSuccess.value = false;\n    //   //   destroy();\n    //   //   initPlayer(playUrl.value);\n    //   // }\n    // }, 3000);\n    // 加载超时\n    player.on(\"timeout\", () => {\n      // clearTimeout(videoInfoTimer);\n      props.debug && console.log(\"加载超时\");\n      emits(\"timeout\");\n      playSuccess.value = false;\n      destroy();\n      initPlayer(playUrl.value);\n    });\n    // 播放异常\n    player.on(\"error\", () => {\n      props.debug && console.log(\"播放异常\");\n      emits(\"error\");\n      playSuccess.value = false;\n      destroy();\n    });\n    player.on(\"play\", () => {\n      playSuccess.value = true;\n      props.debug && console.log(\"播放\");\n      emits(\"play\");\n    });\n    player.on(\"pause\", () => {\n      props.debug && console.log(\"暂停\");\n      emits(\"pause\");\n    });\n    player.on(\"videoInfo\", (info: any) => {\n      // clearTimeout(videoInfoTimer);\n      props.debug && console.log(\"视频信息\", info);\n      videoInfo.value = info;\n      emits(\"videoInfo\", info);\n    });\n    player.on(\"mute\", (mute: false) => {\n      props.debug && console.log(\"静音\");\n      emits(\"mute\", mute);\n    });\n  }\n}\n\nfunction destroy() {\n  if (player) {\n    player.destroy();\n    player = null;\n  }\n  removePlayerDom();\n}\n</script>\n\n<template>\n  <div\n    ref=\"playerRef\"\n    class=\"i-tzj-easyPlayer\"\n    :class=\"customBar ? 'i-tzj-easyPlayer--custom' : ''\"\n  >\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName || deviceSerial\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName || deviceSerial }}</span>\n    </div>\n\n    <div v-if=\"!playSuccess\" class=\"i-tzj-player__error\">无信号</div>\n    <div v-if=\"!playUrl\" class=\"i-tzj-player__error\">无播放地址</div>\n\n    <!-- 播放器底部操作栏 -->\n    <slot name=\"customBar\" />\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_createCommentVNode","areaName","deviceSerial","_openBlock","_createElementVNode","_toDisplayString","_renderSlot"],"mappings":"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"}

package/es/components/tzj-player/src/tzj-player.vue.d.ts

@@ -1612,6 +1612,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             containerRef: import("vue").ShallowRef<any, any>;
             width: import("vue").Ref<number, number>;
             height: import("vue").Ref<number, number>;
+            childWidth: import("vue").Ref<number, number>;
+            childHeight: import("vue").Ref<number, number>;
             ratio: number;
             isCurrentFullscreen: boolean;
             debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
@@ -4848,6 +4850,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         containerRef: import("vue").ShallowRef<any, any>;
         width: import("vue").Ref<number, number>;
         height: import("vue").Ref<number, number>;
+        childWidth: import("vue").Ref<number, number>;
+        childHeight: import("vue").Ref<number, number>;
         ratio: number;
         isCurrentFullscreen: boolean;
         debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
@@ -8086,6 +8090,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         containerRef: import("vue").ShallowRef<any, any>;
         width: import("vue").Ref<number, number>;
         height: import("vue").Ref<number, number>;
+        childWidth: import("vue").Ref<number, number>;
+        childHeight: import("vue").Ref<number, number>;
         ratio: number;
         isCurrentFullscreen: boolean;
         debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;

package/es/components/tzj-player/src/ysPlayer.vue.d.ts

@@ -37,6 +37,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     containerRef: import("vue").ShallowRef<any, any>;
     width: import("vue").Ref<number, number>;
     height: import("vue").Ref<number, number>;
+    childWidth: import("vue").Ref<number, number>;
+    childHeight: import("vue").Ref<number, number>;
     ratio: number;
     isCurrentFullscreen: boolean;
     debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;

package/es/components/tzj-player/src/ysPlayer.vue2.mjs

@@ -35,6 +35,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const ysRef = shallowRef();
     const containerRef = shallowRef();
     const { width, height } = useElementSize(ysRef);
+    const { width: childWidth, height: childHeight } = useElementSize(containerRef);
     let ratio = 16 / 9;
     let isCurrentFullscreen = false;
     onMounted(() => play());
@@ -79,21 +80,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     __name(destroy, "destroy");
     function resize() {
-      if (width.value > 0 && height.value > 0) {
-        let calculatedWidth = width.value;
-        let calculatedHeight = calculatedWidth / ratio;
-        if (calculatedHeight > height.value) {
-          calculatedHeight = height.value;
-          calculatedWidth = calculatedHeight * ratio;
-        }
-        if (playerInstance == null ? void 0 : playerInstance.resize) {
-          playerInstance.resize(calculatedWidth, calculatedHeight);
-        } else if (typeof document !== "undefined") {
-          const dom = document.getElementById(id);
-          if (dom) {
-            dom.style.width = `${calculatedWidth}px`;
-            dom.style.height = `${calculatedHeight}px`;
-          }
+      const containerWidth = childWidth.value;
+      const containerHeight = childHeight.value;
+      if (containerWidth <= 0 || containerHeight <= 0) return;
+      const aspectRatio = ratio;
+      let playerWidth = containerWidth;
+      let playerHeight = playerWidth / aspectRatio;
+      if (playerHeight > containerHeight) {
+        playerHeight = containerHeight;
+        playerWidth = playerHeight * aspectRatio;
+      }
+      if (playerInstance == null ? void 0 : playerInstance.resize) {
+        playerInstance.resize(playerWidth, playerHeight);
+        return;
+      }
+      if (typeof document !== "undefined") {
+        const playerElement = document.getElementById(id);
+        if (playerElement) {
+          playerElement.style.width = `${playerWidth}px`;
+          playerElement.style.height = `${playerHeight}px`;
         }
       }
     }

package/es/components/tzj-player/src/ysPlayer.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ysPlayer.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useElementSize } from \"@vueuse/core\";\nimport { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from \"vue\";\nimport { uuid } from \"./tzj-player\";\n// 萤石云播放器\ndefineOptions({\n  name: \"YsPlayer\",\n});\n\n// 传值方式\n// 1、传url、accessToken\n// 2、传deviceSerial、channel、accessToken\nconst props = defineProps<{\n  // 播放地址\n  // 高清：ezopen://open.ys7.com/${设备序列号}/${通道号}.hd.live\n  // 流畅：ezopen://open.ys7.com/${设备序列号}/${通道号}.live\n  url?: string;\n  // 设备序列号\n  deviceSerial?: string;\n  // 通道号\n  channel?: number;\n  // 清晰度,默认为空，也表示高清\n  // hd：高清；sd：流畅\n  quality?: \"hd\" | \"sd\" | \"\";\n  accessToken: string;\n  // 播放器模板ID\n  playerTemplate?: string;\n  // 设备名称\n  areaName?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst containerRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nlet ratio = 16 / 9;\nlet isCurrentFullscreen = false;\n\nonMounted(() => play());\n\nonBeforeUnmount(() => destroy());\n\ndefineExpose({ play, destroy, resize });\n\n// 防抖函数\nfunction debounce(func: Function, wait: number) {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n  return function (this: any, ...args: any[]) {\n    if (timeout) clearTimeout(timeout);\n    timeout = setTimeout(() => func.apply(this, args), wait);\n  };\n}\n\n// 加上防抖的 resize 函数\nconst debouncedResize = debounce(resize, 300);\n\nwatch(\n  () => [width.value, height.value, ratio],\n  () => {\n    if (!isCurrentFullscreen) {\n      debouncedResize();\n    }\n  },\n);\n\nasync function play(options?: Record<string, any>) {\n  if (!props.accessToken) {\n    errorMsg = `params 'accessToken' is not found`;\n  } else {\n    const url = formatterUrl();\n    if (url) {\n      createPlayerDom();\n      await nextTick();\n      await createPlayer(options);\n    }\n  }\n}\nfunction destroy() {\n  if (playerInstance) {\n    playerInstance.destroy();\n    playerInstance = null;\n    removePlayerDom();\n  }\n}\nfunction resize() {\n  // 根据播放器宽高比，设置播放器高度\n  if (width.value > 0 && height.value > 0) {\n    let calculatedWidth = width.value;\n    let calculatedHeight = calculatedWidth / ratio;\n    if (calculatedHeight > height.value) {\n      calculatedHeight = height.value;\n      calculatedWidth = calculatedHeight * ratio;\n    }\n    if (playerInstance?.resize) {\n      playerInstance.resize(calculatedWidth, calculatedHeight);\n    } else if (typeof document !== \"undefined\") {\n      const dom = document.getElementById(id);\n      if (dom) {\n        dom.style.width = `${calculatedWidth}px`;\n        dom.style.height = `${calculatedHeight}px`;\n      }\n    }\n  }\n}\n\n/**\n * 创建萤石云播放器实例，播放萤石云直播流\n */\nasync function createPlayer(options?: Record<string, any>) {\n  try {\n    // 动态导入 EZUIKit，避免 SSR 环境下的 window 访问错误\n    const EZUIKit = await import(\"ezuikit-js\");\n\n    playerInstance = new EZUIKit.default.EZUIKitPlayer({\n      id,\n      url: formatterUrl(),\n      accessToken: props.accessToken,\n      template: props.playerTemplate || PLAYER_TEMPLATE,\n      width: width.value,\n      height: height.value,\n      audio: 1,\n      // @ts-ignore\n      loggerOptions: {\n        name: \"YSPLAYER\",\n        level: \"ERROR\",\n        showTime: true,\n      },\n      staticPath: \"/plugins/ezuikit/ezuikit_static\",\n      ...options,\n    });\n  } catch (error) {\n    console.error(\"Failed to load EZUIKit:\", error);\n    errorMsg = \"播放器加载失败\";\n    return;\n  }\n\n  playerInstance.eventEmitter.on(\"fullscreen\", () => {\n    isCurrentFullscreen = true;\n  });\n  playerInstance.eventEmitter.on(\"exitFullscreen\", () => {\n    isCurrentFullscreen = false;\n  });\n  playerInstance.eventEmitter.on(\"videoInfo\", (args: any) => {\n    const { width: w, height: h } = args;\n    // 计算播放器宽高比\n    if (w && h) {\n      ratio = w / h;\n    }\n    debouncedResize();\n  });\n}\n\nfunction formatterUrl(): string {\n  if (props.url) {\n    return props.url;\n  } else {\n    if (props.deviceSerial && props.channel) {\n      const quality =\n        props.quality === \"\" || props.quality === \"hd\" ? \"hd.\" : \"\";\n      return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;\n    } else {\n      errorMsg = `params 'deviceSerial' or 'channel' is not found`;\n      return \"\";\n    }\n  }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n  if (typeof document !== \"undefined\") {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n  if (!errorMsg) {\n    removePlayerDom();\n    if (typeof document !== \"undefined\") {\n      const dom = document.createElement(\"div\");\n      dom.id = id;\n      dom.style.width = \"100%\";\n      dom.style.height = \"100%\";\n      containerRef.value?.appendChild(dom);\n    }\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-ysplayer\">\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName }}</span>\n    </div>\n    <div\n      ref=\"containerRef\"\n      class=\"i-tzj-ysplayer\"\n      style=\"width: 100%\"\n      :style=\"{\n        height: areaName ? 'calc(100% - 32px)' : '100%',\n        position: 'relative',\n      }\"\n    />\n    <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createCommentVNode","areaName","_openBlock","_createElementVNode","_unref","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"ysPlayer.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useElementSize } from \"@vueuse/core\";\nimport { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from \"vue\";\nimport { uuid } from \"./tzj-player\";\n// 萤石云播放器\ndefineOptions({\n  name: \"YsPlayer\",\n});\n\n// 传值方式\n// 1、传url、accessToken\n// 2、传deviceSerial、channel、accessToken\nconst props = defineProps<{\n  // 播放地址\n  // 高清：ezopen://open.ys7.com/${设备序列号}/${通道号}.hd.live\n  // 流畅：ezopen://open.ys7.com/${设备序列号}/${通道号}.live\n  url?: string;\n  // 设备序列号\n  deviceSerial?: string;\n  // 通道号\n  channel?: number;\n  // 清晰度,默认为空，也表示高清\n  // hd：高清；sd：流畅\n  quality?: \"hd\" | \"sd\" | \"\";\n  accessToken: string;\n  // 播放器模板ID\n  playerTemplate?: string;\n  // 设备名称\n  areaName?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst containerRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nconst { width: childWidth, height: childHeight } = useElementSize(containerRef);\nlet ratio = 16 / 9;\nlet isCurrentFullscreen = false;\n\nonMounted(() => play());\n\nonBeforeUnmount(() => destroy());\n\ndefineExpose({ play, destroy, resize });\n\n// 防抖函数\nfunction debounce(func: Function, wait: number) {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n  return function (this: any, ...args: any[]) {\n    if (timeout) clearTimeout(timeout);\n    timeout = setTimeout(() => func.apply(this, args), wait);\n  };\n}\n\n// 加上防抖的 resize 函数\nconst debouncedResize = debounce(resize, 300);\n\nwatch(\n  () => [width.value, height.value, ratio],\n  () => {\n    if (!isCurrentFullscreen) {\n      debouncedResize();\n    }\n  },\n);\n\nasync function play(options?: Record<string, any>) {\n  if (!props.accessToken) {\n    errorMsg = `params 'accessToken' is not found`;\n  } else {\n    const url = formatterUrl();\n    if (url) {\n      createPlayerDom();\n      await nextTick();\n      await createPlayer(options);\n    }\n  }\n}\nfunction destroy() {\n  if (playerInstance) {\n    playerInstance.destroy();\n    playerInstance = null;\n    removePlayerDom();\n  }\n}\nfunction resize() {\n  const containerWidth = childWidth.value;\n  const containerHeight = childHeight.value;\n  // 如果容器尺寸无效，直接返回\n  if (containerWidth <= 0 || containerHeight <= 0) return;\n\n  // 计算播放器尺寸，保持宽高比\n\n  const aspectRatio = ratio;\n\n  let playerWidth = containerWidth;\n  let playerHeight = playerWidth / aspectRatio;\n\n  // 如果计算出的高度超过容器高度，以高度为准重新计算\n  if (playerHeight > containerHeight) {\n    playerHeight = containerHeight;\n    playerWidth = playerHeight * aspectRatio;\n  }\n\n  // 尝试使用播放器实例的resize方法\n  if (playerInstance?.resize) {\n    playerInstance.resize(playerWidth, playerHeight);\n    return;\n  }\n\n  // 如果没有播放器实例，直接操作DOM\n  if (typeof document !== \"undefined\") {\n    const playerElement = document.getElementById(id);\n    if (playerElement) {\n      playerElement.style.width = `${playerWidth}px`;\n      playerElement.style.height = `${playerHeight}px`;\n    }\n  }\n}\n\n/**\n * 创建萤石云播放器实例，播放萤石云直播流\n */\nasync function createPlayer(options?: Record<string, any>) {\n  try {\n    // 动态导入 EZUIKit，避免 SSR 环境下的 window 访问错误\n    const EZUIKit = await import(\"ezuikit-js\");\n\n    playerInstance = new EZUIKit.default.EZUIKitPlayer({\n      id,\n      url: formatterUrl(),\n      accessToken: props.accessToken,\n      template: props.playerTemplate || PLAYER_TEMPLATE,\n      width: width.value,\n      height: height.value,\n      audio: 1,\n      // @ts-ignore\n      loggerOptions: {\n        name: \"YSPLAYER\",\n        level: \"ERROR\",\n        showTime: true,\n      },\n      staticPath: \"/plugins/ezuikit/ezuikit_static\",\n      ...options,\n    });\n  } catch (error) {\n    console.error(\"Failed to load EZUIKit:\", error);\n    errorMsg = \"播放器加载失败\";\n    return;\n  }\n\n  playerInstance.eventEmitter.on(\"fullscreen\", () => {\n    isCurrentFullscreen = true;\n  });\n  playerInstance.eventEmitter.on(\"exitFullscreen\", () => {\n    isCurrentFullscreen = false;\n  });\n  playerInstance.eventEmitter.on(\"videoInfo\", (args: any) => {\n    const { width: w, height: h } = args;\n    // 计算播放器宽高比\n    if (w && h) {\n      ratio = w / h;\n    }\n    debouncedResize();\n  });\n}\n\nfunction formatterUrl(): string {\n  if (props.url) {\n    return props.url;\n  } else {\n    if (props.deviceSerial && props.channel) {\n      const quality =\n        props.quality === \"\" || props.quality === \"hd\" ? \"hd.\" : \"\";\n      return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;\n    } else {\n      errorMsg = `params 'deviceSerial' or 'channel' is not found`;\n      return \"\";\n    }\n  }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n  if (typeof document !== \"undefined\") {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n  if (!errorMsg) {\n    removePlayerDom();\n    if (typeof document !== \"undefined\") {\n      const dom = document.createElement(\"div\");\n      dom.id = id;\n      dom.style.width = \"100%\";\n      dom.style.height = \"100%\";\n      containerRef.value?.appendChild(dom);\n    }\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-ysplayer\">\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName }}</span>\n    </div>\n    <div\n      ref=\"containerRef\"\n      class=\"i-tzj-ysplayer\"\n      style=\"width: 100%\"\n      :style=\"{\n        height: areaName ? 'calc(100% - 32px)' : '100%',\n        position: 'relative',\n      }\"\n    />\n    <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createCommentVNode","areaName","_openBlock","_createElementVNode","_unref","_toDisplayString"],"mappings":"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"}

package/lib/components/tzj-player/index.d.ts

@@ -1612,6 +1612,8 @@ export declare const ITzjPlayer: import("../../types").SFCWithInstall<import("vu
             containerRef: import("vue").ShallowRef<any, any>;
             width: import("vue").Ref<number, number>;
             height: import("vue").Ref<number, number>;
+            childWidth: import("vue").Ref<number, number>;
+            childHeight: import("vue").Ref<number, number>;
             ratio: number;
             isCurrentFullscreen: boolean;
             debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
@@ -4848,6 +4850,8 @@ export declare const ITzjPlayer: import("../../types").SFCWithInstall<import("vu
         containerRef: import("vue").ShallowRef<any, any>;
         width: import("vue").Ref<number, number>;
         height: import("vue").Ref<number, number>;
+        childWidth: import("vue").Ref<number, number>;
+        childHeight: import("vue").Ref<number, number>;
         ratio: number;
         isCurrentFullscreen: boolean;
         debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
@@ -8086,6 +8090,8 @@ export declare const ITzjPlayer: import("../../types").SFCWithInstall<import("vu
         containerRef: import("vue").ShallowRef<any, any>;
         width: import("vue").Ref<number, number>;
         height: import("vue").Ref<number, number>;
+        childWidth: import("vue").Ref<number, number>;
+        childHeight: import("vue").Ref<number, number>;
         ratio: number;
         isCurrentFullscreen: boolean;
         debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;

package/lib/components/tzj-player/src/easyPlayer.vue2.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var tzjPlayer = require('./tzj-player.js');
-var elementPlus = require('element-plus');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -165,7 +164,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __name(removePlayerDom, "removePlayerDom");
     function createPlayerDom() {
       var _a;
-      console.log("1", elementPlus.dayjs().format("mm:ss.SSS"));
       removePlayerDom();
       if (typeof document !== "undefined") {
         const dom = document.createElement("div");
@@ -203,11 +201,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
         });
       }
-      console.log("5", elementPlus.dayjs().format("mm:ss.SSS"));
       if (player) {
         player.play(playUrl.value);
         player.on("timeout", () => {
-          console.log("2", elementPlus.dayjs().format("mm:ss.SSS"));
           props.debug && console.log("\u52A0\u8F7D\u8D85\u65F6");
           emits("timeout");
           playSuccess.value = false;
@@ -221,7 +217,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           destroy();
         });
         player.on("play", () => {
-          console.log("3", elementPlus.dayjs().format("mm:ss.SSS"));
           playSuccess.value = true;
           props.debug && console.log("\u64AD\u653E");
           emits("play");
@@ -231,7 +226,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           emits("pause");
         });
         player.on("videoInfo", (info) => {
-          console.log("4", elementPlus.dayjs().format("mm:ss.SSS"));
           props.debug && console.log("\u89C6\u9891\u4FE1\u606F", info);
           videoInfo.value = info;
           emits("videoInfo", info);
@@ -277,7 +271,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               /* TEXT */
             )
           ])) : vue.createCommentVNode("v-if", true),
-          !playSuccess.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u65E0\u4FE1\u53F711")) : vue.createCommentVNode("v-if", true),
+          !playSuccess.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u65E0\u4FE1\u53F7")) : vue.createCommentVNode("v-if", true),
           !playUrl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, "\u65E0\u64AD\u653E\u5730\u5740")) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" \u64AD\u653E\u5668\u5E95\u90E8\u64CD\u4F5C\u680F "),
           vue.renderSlot(_ctx.$slots, "customBar")

package/lib/components/tzj-player/src/easyPlayer.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"easyPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { TzjPlayerProps, uuid } from \"./tzj-player\";\nimport { dayjs } from \"element-plus\";\n\ndefineOptions({\n  name: \"EasyPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst emits = defineEmits([\n  \"timeout\",\n  \"error\",\n  \"play\",\n  \"pause\",\n  \"mute\",\n  \"videoInfo\",\n]);\nconst slots = useSlots();\nconst customBar = computed(() => slots.customBar);\n\nlet player: any = null;\nconst id = uuid();\nconst playerRef = shallowRef<HTMLDivElement>();\nconst playSuccess = ref(true);\nconst playUrl = ref(\"\");\nconst isFullscreen = ref(false);\nconst videoInfo = ref<any>(null);\n\nonMounted(() => {\n  initPlayer(props.url || \"\");\n});\n\nwatch(\n  () => props.url,\n  (newUrl: string) => {\n    initPlayer(newUrl || \"\");\n  },\n);\n\nonBeforeUnmount(() => {\n  if (props.debug) {\n    console.log(\"组件卸载\");\n  }\n  playUrl.value = \"\";\n  destroy();\n});\n\nconst play = (url?: string) => {\n  if (url) {\n    initPlayer(url);\n  } else {\n    if (player) {\n      player.play(playUrl.value);\n    } else {\n      destroy();\n    }\n  }\n};\n\nconst playerPause = () => {\n  if (props.debug) {\n    console.log(\"暂停\");\n  }\n  player?.pause?.();\n};\n\nconst playerScreenShot = () => {\n  if (props.debug) {\n    console.log(\"截图\");\n  }\n  player?.screenshot?.(\n    `${props.areaName}_${new Date().getTime()}`,\n    \"png\",\n    0.5,\n    \"download\",\n  );\n};\n\nconst playerFullscreen = (fullscreen: boolean) => {\n  if (props.debug) {\n    console.log(\"全屏\");\n  }\n  // 自定义全屏逻辑\n  if (typeof document !== \"undefined\") {\n    if (!fullscreen) {\n      document.exitFullscreen?.();\n    } else {\n      playerRef.value?.requestFullscreen?.();\n    }\n  }\n  isFullscreen.value = !fullscreen;\n};\ndefineExpose({\n  play,\n  destroy,\n  getPlayer: () => player,\n  pause: playerPause,\n  screenshot: playerScreenShot,\n  fullscreen: playerFullscreen,\n  isMute: () => {\n    return player?.isMute?.();\n  },\n  setMute: (mute: number) => {\n    player?.setMute?.(mute);\n  },\n});\n\n/**\n * 格式化URL，确保使用完整的URL\n * @param url - 原始URL\n * @returns 格式化后的URL\n */\nconst formatUrl = (url: string): string => {\n  if (!url) return \"\";\n\n  // 如果已经是完整URL，直接返回\n  if (url.startsWith(\"http://\") || url.startsWith(\"https://\")) {\n    return url;\n  }\n\n  // 检查是否在浏览器环境中，避免SSR环境下的location访问错误\n  if (typeof window !== \"undefined\" && window.location) {\n    // 如果是相对路径，添加当前域名\n    return `${window.location.origin}${url.startsWith(\"/\") ? \"\" : \"/\"}${url}`;\n  }\n\n  // SSR 环境下返回相对路径\n  return url;\n};\n\nasync function initPlayer(url: string) {\n  if (props.debug) {\n    console.log(\"初始化播放器\", url);\n  }\n  removePlayerDom();\n  if (url) {\n    playUrl.value = formatUrl(url);\n    if (props.debug) {\n      console.log(\"格式化后的url\", playUrl.value);\n    }\n    if (typeof window !== \"undefined\" && window?.EasyPlayerPro) {\n      createPlayer();\n    } else if (typeof window !== \"undefined\") {\n      const timer = setInterval(() => {\n        if (window?.EasyPlayerPro) {\n          createPlayer();\n          clearInterval(timer);\n        }\n      }, 100);\n    }\n  }\n}\n\n/**\n * 移除播放器DOM\n */\nfunction removePlayerDom() {\n  if (typeof document !== \"undefined\") {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n}\n\n/**\n * 创建播放器DOM\n */\nfunction createPlayerDom() {\n  console.log(\"1\", dayjs().format(\"mm:ss.SSS\"));\n\n  removePlayerDom();\n  if (typeof document !== \"undefined\") {\n    const dom = document.createElement(\"div\");\n    const { width, height } = playerRef.value!.getBoundingClientRect();\n    dom.id = id;\n    dom.style.width = `${width}px`;\n    dom.style.height =\n      props.areaName || props.deviceSerial ? `${height - 32}px` : `${height}px`;\n    playerRef.value?.appendChild(dom);\n  }\n}\n\nasync function createPlayer() {\n  if (props.debug) {\n    console.log(\"创建播放器\");\n  }\n  videoInfo.value = null;\n  createPlayerDom();\n  await nextTick();\n  if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n    player = new window.EasyPlayerPro(document.getElementById(id), {\n      isLive: true, // 是否直播\n      hasAudio: true, // 是否解析音频\n      bufferTime: 0.2, // 缓存时长\n      stretch: true, // 加视频拉伸\n      MSE: false,\n      WCS: false,\n      WASM: true,\n      debug: false,\n      operateBtns: {\n        performance: false,\n      },\n    });\n  }\n  console.log(\"5\", dayjs().format(\"mm:ss.SSS\"));\n\n  if (player) {\n    player.play(playUrl.value);\n\n    // 15s未获取到视频信息，认为播放失败\n    // const videoInfoTimer = setTimeout(() => {\n    //   // if (!videoInfo.value) {\n    //   //   props.debug && console.log(\"15s未获取到视频信息\");\n    //   //   emits(\"error\");\n    //   //   playSuccess.value = false;\n    //   //   destroy();\n    //   //   initPlayer(playUrl.value);\n    //   // }\n    // }, 3000);\n    // 加载超时\n    player.on(\"timeout\", () => {\n      // clearTimeout(videoInfoTimer);\n      console.log(\"2\", dayjs().format(\"mm:ss.SSS\"));\n      props.debug && console.log(\"加载超时\");\n      emits(\"timeout\");\n      playSuccess.value = false;\n      destroy();\n      initPlayer(playUrl.value);\n    });\n    // 播放异常\n    player.on(\"error\", () => {\n      props.debug && console.log(\"播放异常\");\n      emits(\"error\");\n      playSuccess.value = false;\n      destroy();\n    });\n    player.on(\"play\", () => {\n      console.log(\"3\", dayjs().format(\"mm:ss.SSS\"));\n      playSuccess.value = true;\n      props.debug && console.log(\"播放\");\n      emits(\"play\");\n    });\n    player.on(\"pause\", () => {\n      props.debug && console.log(\"暂停\");\n      emits(\"pause\");\n    });\n    player.on(\"videoInfo\", (info: any) => {\n      console.log(\"4\", dayjs().format(\"mm:ss.SSS\"));\n      // clearTimeout(videoInfoTimer);\n      props.debug && console.log(\"视频信息\", info);\n      videoInfo.value = info;\n      emits(\"videoInfo\", info);\n    });\n    player.on(\"mute\", (mute: false) => {\n      props.debug && console.log(\"静音\");\n      emits(\"mute\", mute);\n    });\n  }\n}\n\nfunction destroy() {\n  if (player) {\n    player.destroy();\n    player = null;\n  }\n  removePlayerDom();\n}\n</script>\n\n<template>\n  <div\n    ref=\"playerRef\"\n    class=\"i-tzj-easyPlayer\"\n    :class=\"customBar ? 'i-tzj-easyPlayer--custom' : ''\"\n  >\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName || deviceSerial\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName || deviceSerial }}</span>\n    </div>\n\n    <div v-if=\"!playSuccess\" class=\"i-tzj-player__error\">无信号11</div>\n    <div v-if=\"!playUrl\" class=\"i-tzj-player__error\">无播放地址</div>\n\n    <!-- 播放器底部操作栏 -->\n    <slot name=\"customBar\" />\n  </div>\n</template>\n"],"names":["useSlots","computed","uuid","shallowRef","ref","onMounted","watch","onBeforeUnmount","dayjs","nextTick","_createElementBlock","_normalizeClass","_createCommentVNode","areaName","deviceSerial","_openBlock","_createElementVNode","_toDisplayString","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"easyPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { TzjPlayerProps, uuid } from \"./tzj-player\";\n\ndefineOptions({\n  name: \"EasyPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst emits = defineEmits([\n  \"timeout\",\n  \"error\",\n  \"play\",\n  \"pause\",\n  \"mute\",\n  \"videoInfo\",\n]);\nconst slots = useSlots();\nconst customBar = computed(() => slots.customBar);\n\nlet player: any = null;\nconst id = uuid();\nconst playerRef = shallowRef<HTMLDivElement>();\nconst playSuccess = ref(true);\nconst playUrl = ref(\"\");\nconst isFullscreen = ref(false);\nconst videoInfo = ref<any>(null);\n\nonMounted(() => {\n  initPlayer(props.url || \"\");\n});\n\nwatch(\n  () => props.url,\n  (newUrl: string) => {\n    initPlayer(newUrl || \"\");\n  },\n);\n\nonBeforeUnmount(() => {\n  if (props.debug) {\n    console.log(\"组件卸载\");\n  }\n  playUrl.value = \"\";\n  destroy();\n});\n\nconst play = (url?: string) => {\n  if (url) {\n    initPlayer(url);\n  } else {\n    if (player) {\n      player.play(playUrl.value);\n    } else {\n      destroy();\n    }\n  }\n};\n\nconst playerPause = () => {\n  if (props.debug) {\n    console.log(\"暂停\");\n  }\n  player?.pause?.();\n};\n\nconst playerScreenShot = () => {\n  if (props.debug) {\n    console.log(\"截图\");\n  }\n  player?.screenshot?.(\n    `${props.areaName}_${new Date().getTime()}`,\n    \"png\",\n    0.5,\n    \"download\",\n  );\n};\n\nconst playerFullscreen = (fullscreen: boolean) => {\n  if (props.debug) {\n    console.log(\"全屏\");\n  }\n  // 自定义全屏逻辑\n  if (typeof document !== \"undefined\") {\n    if (!fullscreen) {\n      document.exitFullscreen?.();\n    } else {\n      playerRef.value?.requestFullscreen?.();\n    }\n  }\n  isFullscreen.value = !fullscreen;\n};\ndefineExpose({\n  play,\n  destroy,\n  getPlayer: () => player,\n  pause: playerPause,\n  screenshot: playerScreenShot,\n  fullscreen: playerFullscreen,\n  isMute: () => {\n    return player?.isMute?.();\n  },\n  setMute: (mute: number) => {\n    player?.setMute?.(mute);\n  },\n});\n\n/**\n * 格式化URL，确保使用完整的URL\n * @param url - 原始URL\n * @returns 格式化后的URL\n */\nconst formatUrl = (url: string): string => {\n  if (!url) return \"\";\n\n  // 如果已经是完整URL，直接返回\n  if (url.startsWith(\"http://\") || url.startsWith(\"https://\")) {\n    return url;\n  }\n\n  // 检查是否在浏览器环境中，避免SSR环境下的location访问错误\n  if (typeof window !== \"undefined\" && window.location) {\n    // 如果是相对路径，添加当前域名\n    return `${window.location.origin}${url.startsWith(\"/\") ? \"\" : \"/\"}${url}`;\n  }\n\n  // SSR 环境下返回相对路径\n  return url;\n};\n\nasync function initPlayer(url: string) {\n  if (props.debug) {\n    console.log(\"初始化播放器\", url);\n  }\n  removePlayerDom();\n  if (url) {\n    playUrl.value = formatUrl(url);\n    if (props.debug) {\n      console.log(\"格式化后的url\", playUrl.value);\n    }\n    if (typeof window !== \"undefined\" && window?.EasyPlayerPro) {\n      createPlayer();\n    } else if (typeof window !== \"undefined\") {\n      const timer = setInterval(() => {\n        if (window?.EasyPlayerPro) {\n          createPlayer();\n          clearInterval(timer);\n        }\n      }, 100);\n    }\n  }\n}\n\n/**\n * 移除播放器DOM\n */\nfunction removePlayerDom() {\n  if (typeof document !== \"undefined\") {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n}\n\n/**\n * 创建播放器DOM\n */\nfunction createPlayerDom() {\n  removePlayerDom();\n  if (typeof document !== \"undefined\") {\n    const dom = document.createElement(\"div\");\n    const { width, height } = playerRef.value!.getBoundingClientRect();\n    dom.id = id;\n    dom.style.width = `${width}px`;\n    dom.style.height =\n      props.areaName || props.deviceSerial ? `${height - 32}px` : `${height}px`;\n    playerRef.value?.appendChild(dom);\n  }\n}\n\nasync function createPlayer() {\n  if (props.debug) {\n    console.log(\"创建播放器\");\n  }\n  videoInfo.value = null;\n  createPlayerDom();\n  await nextTick();\n  if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n    player = new window.EasyPlayerPro(document.getElementById(id), {\n      isLive: true, // 是否直播\n      hasAudio: true, // 是否解析音频\n      bufferTime: 0.2, // 缓存时长\n      stretch: true, // 加视频拉伸\n      MSE: false,\n      WCS: false,\n      WASM: true,\n      debug: false,\n      operateBtns: {\n        performance: false,\n      },\n    });\n  }\n  if (player) {\n    player.play(playUrl.value);\n\n    // 15s未获取到视频信息，认为播放失败\n    // const videoInfoTimer = setTimeout(() => {\n    //   // if (!videoInfo.value) {\n    //   //   props.debug && console.log(\"15s未获取到视频信息\");\n    //   //   emits(\"error\");\n    //   //   playSuccess.value = false;\n    //   //   destroy();\n    //   //   initPlayer(playUrl.value);\n    //   // }\n    // }, 3000);\n    // 加载超时\n    player.on(\"timeout\", () => {\n      // clearTimeout(videoInfoTimer);\n      props.debug && console.log(\"加载超时\");\n      emits(\"timeout\");\n      playSuccess.value = false;\n      destroy();\n      initPlayer(playUrl.value);\n    });\n    // 播放异常\n    player.on(\"error\", () => {\n      props.debug && console.log(\"播放异常\");\n      emits(\"error\");\n      playSuccess.value = false;\n      destroy();\n    });\n    player.on(\"play\", () => {\n      playSuccess.value = true;\n      props.debug && console.log(\"播放\");\n      emits(\"play\");\n    });\n    player.on(\"pause\", () => {\n      props.debug && console.log(\"暂停\");\n      emits(\"pause\");\n    });\n    player.on(\"videoInfo\", (info: any) => {\n      // clearTimeout(videoInfoTimer);\n      props.debug && console.log(\"视频信息\", info);\n      videoInfo.value = info;\n      emits(\"videoInfo\", info);\n    });\n    player.on(\"mute\", (mute: false) => {\n      props.debug && console.log(\"静音\");\n      emits(\"mute\", mute);\n    });\n  }\n}\n\nfunction destroy() {\n  if (player) {\n    player.destroy();\n    player = null;\n  }\n  removePlayerDom();\n}\n</script>\n\n<template>\n  <div\n    ref=\"playerRef\"\n    class=\"i-tzj-easyPlayer\"\n    :class=\"customBar ? 'i-tzj-easyPlayer--custom' : ''\"\n  >\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName || deviceSerial\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName || deviceSerial }}</span>\n    </div>\n\n    <div v-if=\"!playSuccess\" class=\"i-tzj-player__error\">无信号</div>\n    <div v-if=\"!playUrl\" class=\"i-tzj-player__error\">无播放地址</div>\n\n    <!-- 播放器底部操作栏 -->\n    <slot name=\"customBar\" />\n  </div>\n</template>\n"],"names":["useSlots","computed","uuid","shallowRef","ref","onMounted","watch","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_createCommentVNode","areaName","deviceSerial","_openBlock","_createElementVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAQd,IAAA,MAAM,QAAQA,YAAS,EAAA;AACvB,IAAA,MAAM,SAAY,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA;AAEhD,IAAA,IAAI,MAAc,GAAA,IAAA;AAClB,IAAA,MAAM,KAAKC,cAAK,EAAA;AAChB,IAAA,MAAM,YAAYC,cAA2B,EAAA;AAC7C,IAAM,MAAA,WAAA,GAAcC,QAAI,IAAI,CAAA;AAC5B,IAAM,MAAA,OAAA,GAAUA,QAAI,EAAE,CAAA;AACtB,IAAM,MAAA,YAAA,GAAeA,QAAI,KAAK,CAAA;AAC9B,IAAM,MAAA,SAAA,GAAYA,QAAS,IAAI,CAAA;AAE/B,IAAAC,aAAA,CAAU,MAAM;AACd,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,EAAE,CAAA;AAAA,KAC3B,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,GAAA;AAAA,MACZ,CAAC,MAAmB,KAAA;AAClB,QAAA,UAAA,CAAW,UAAU,EAAE,CAAA;AAAA;AACzB,KACF;AAEA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAA,OAAA,CAAQ,IAAI,0BAAM,CAAA;AAAA;AAEpB,MAAA,OAAA,CAAQ,KAAQ,GAAA,EAAA;AAChB,MAAQ,OAAA,EAAA;AAAA,KACT,CAAA;AAED,IAAM,MAAA,IAAA,2BAAQ,GAAiB,KAAA;AAC7B,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,UAAA,CAAW,GAAG,CAAA;AAAA,OACT,MAAA;AACL,QAAA,IAAI,MAAQ,EAAA;AACV,UAAO,MAAA,CAAA,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA,SACpB,MAAA;AACL,UAAQ,OAAA,EAAA;AAAA;AACV;AACF,KATW,EAAA,MAAA,CAAA;AAYb,IAAA,MAAM,8BAAoB,MAAA,CAAA,MAAA;;AACxB,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAA,OAAA,CAAQ,IAAI,cAAI,CAAA;AAAA;AAElB,MAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,KAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA;AAAA,KAJkB,EAAA,aAAA,CAAA;AAOpB,IAAA,MAAM,mCAAyB,MAAA,CAAA,MAAA;;AAC7B,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAA,OAAA,CAAQ,IAAI,cAAI,CAAA;AAAA;AAElB,MAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,UAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA;AAAA,QAAA,MAAA;AAAA,QACE,CAAA,EAAG,MAAM,QAAQ,CAAA,CAAA,EAAA,qBAAQ,IAAK,EAAA,EAAE,SAAS,CAAA,CAAA;AAAA,QACzC,KAAA;AAAA,QACA,GAAA;AAAA,QACA;AAAA,OAAA;AAAA,KARqB,EAAA,kBAAA,CAAA;AAYzB,IAAM,MAAA,gBAAA,2BAAoB,UAAwB,KAAA;;AAChD,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAA,OAAA,CAAQ,IAAI,cAAI,CAAA;AAAA;AAGlB,MAAI,IAAA,OAAO,aAAa,WAAa,EAAA;AACnC,QAAA,IAAI,CAAC,UAAY,EAAA;AACf,UAAA,CAAA,EAAA,GAAA,QAAA,CAAS,cAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA;AAAA,SACK,MAAA;AACL,UAAU,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAV,mBAAiB,iBAAjB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA;AAAA;AACF;AAEF,MAAA,YAAA,CAAa,QAAQ,CAAC,UAAA;AAAA,KAZC,EAAA,kBAAA,CAAA;AAczB,IAAa,QAAA,CAAA;AAAA,MACX,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA,+BAAiB,MAAN,EAAA,WAAA,CAAA;AAAA,MACX,KAAO,EAAA,WAAA;AAAA,MACP,UAAY,EAAA,gBAAA;AAAA,MACZ,UAAY,EAAA,gBAAA;AAAA,MACZ,wBAAc,MAAA,CAAA,MAAA;;AACZ,QAAA,OAAA,CAAO,sCAAQ,MAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA;AAAA,OADD,EAAA,QAAA,CAAA;AAAA,MAGR,OAAA,0BAAU,IAAiB,KAAA;;AACzB,QAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,YAAR,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,OADX,EAAA,SAAA;AAAA,KAGV,CAAA;AAOD,IAAM,MAAA,SAAA,2BAAa,GAAwB,KAAA;AACzC,MAAI,IAAA,CAAC,KAAY,OAAA,EAAA;AAGjB,MAAA,IAAI,IAAI,UAAW,CAAA,SAAS,KAAK,GAAI,CAAA,UAAA,CAAW,UAAU,CAAG,EAAA;AAC3D,QAAO,OAAA,GAAA;AAAA;AAIT,MAAA,IAAI,OAAO,MAAA,KAAW,WAAe,IAAA,MAAA,CAAO,QAAU,EAAA;AAEpD,QAAA,OAAO,CAAG,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,CAAG,EAAA,GAAA,CAAI,UAAW,CAAA,GAAG,CAAI,GAAA,EAAA,GAAK,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA;AAAA;AAIzE,MAAO,OAAA,GAAA;AAAA,KAfS,EAAA,WAAA,CAAA;AAkBlB,IAAA,eAAe,WAAW,GAAa,EAAA;AACrC,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAQ,OAAA,CAAA,GAAA,CAAI,wCAAU,GAAG,CAAA;AAAA;AAE3B,MAAgB,eAAA,EAAA;AAChB,MAAA,IAAI,GAAK,EAAA;AACP,QAAQ,OAAA,CAAA,KAAA,GAAQ,UAAU,GAAG,CAAA;AAC7B,QAAA,IAAI,MAAM,KAAO,EAAA;AACf,UAAQ,OAAA,CAAA,GAAA,CAAI,mCAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AAEvC,QAAA,IAAI,OAAO,MAAA,KAAW,WAAe,KAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,aAAe,CAAA,EAAA;AAC1D,UAAa,YAAA,EAAA;AAAA,SACf,MAAA,IAAW,OAAO,MAAA,KAAW,WAAa,EAAA;AACxC,UAAM,MAAA,KAAA,GAAQ,YAAY,MAAM;AAC9B,YAAA,IAAI,iCAAQ,aAAe,EAAA;AACzB,cAAa,YAAA,EAAA;AACb,cAAA,aAAA,CAAc,KAAK,CAAA;AAAA;AACrB,aACC,GAAG,CAAA;AAAA;AACR;AACF;AApBa,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AA0Bf,IAAA,SAAS,eAAkB,GAAA;AACzB,MAAI,IAAA,OAAO,aAAa,WAAa,EAAA;AACnC,QAAM,MAAA,GAAA,GAAM,QAAS,CAAA,cAAA,CAAe,EAAE,CAAA;AACtC,QAAA,GAAA,IAAO,IAAI,MAAO,EAAA;AAAA;AACpB;AAJO,IAAA,MAAA,CAAA,eAAA,EAAA,iBAAA,CAAA;AAUT,IAAA,SAAS,eAAkB,GAAA;;AACzB,MAAgB,eAAA,EAAA;AAChB,MAAI,IAAA,OAAO,aAAa,WAAa,EAAA;AACnC,QAAM,MAAA,GAAA,GAAM,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA;AACxC,QAAA,MAAM,EAAE,KAAO,EAAA,MAAA,EAAW,GAAA,SAAA,CAAU,MAAO,qBAAsB,EAAA;AACjE,QAAA,GAAA,CAAI,EAAK,GAAA,EAAA;AACT,QAAI,GAAA,CAAA,KAAA,CAAM,KAAQ,GAAA,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA;AAC1B,QAAI,GAAA,CAAA,KAAA,CAAM,MACR,GAAA,KAAA,CAAM,QAAY,IAAA,KAAA,CAAM,YAAe,GAAA,CAAA,EAAG,MAAS,GAAA,EAAE,CAAO,EAAA,CAAA,GAAA,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA;AACvE,QAAU,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAV,mBAAiB,WAAY,CAAA,GAAA,CAAA;AAAA;AAC/B;AAVO,IAAA,MAAA,CAAA,eAAA,EAAA,iBAAA,CAAA;AAaT,IAAA,eAAe,YAAe,GAAA;AAC5B,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAA,OAAA,CAAQ,IAAI,gCAAO,CAAA;AAAA;AAErB,MAAA,SAAA,CAAU,KAAQ,GAAA,IAAA;AAClB,MAAgB,eAAA,EAAA;AAChB,MAAA,MAAMC,YAAS,EAAA;AACf,MAAA,IAAI,OAAO,MAAA,KAAW,WAAe,IAAA,OAAO,aAAa,WAAa,EAAA;AACpE,QAAA,MAAA,GAAS,IAAI,MAAO,CAAA,aAAA,CAAc,QAAS,CAAA,cAAA,CAAe,EAAE,CAAG,EAAA;AAAA,UAC7D,MAAQ,EAAA,IAAA;AAAA;AAAA,UACR,QAAU,EAAA,IAAA;AAAA;AAAA,UACV,UAAY,EAAA,GAAA;AAAA;AAAA,UACZ,OAAS,EAAA,IAAA;AAAA;AAAA,UACT,GAAK,EAAA,KAAA;AAAA,UACL,GAAK,EAAA,KAAA;AAAA,UACL,IAAM,EAAA,IAAA;AAAA,UACN,KAAO,EAAA,KAAA;AAAA,UACP,WAAa,EAAA;AAAA,YACX,WAAa,EAAA;AAAA;AACf,SACD,CAAA;AAAA;AAEH,MAAA,IAAI,MAAQ,EAAA;AACV,QAAO,MAAA,CAAA,IAAA,CAAK,QAAQ,KAAK,CAAA;AAazB,QAAO,MAAA,CAAA,EAAA,CAAG,WAAW,MAAM;AAEzB,UAAM,KAAA,CAAA,KAAA,IAAS,OAAQ,CAAA,GAAA,CAAI,0BAAM,CAAA;AACjC,UAAA,KAAA,CAAM,SAAS,CAAA;AACf,UAAA,WAAA,CAAY,KAAQ,GAAA,KAAA;AACpB,UAAQ,OAAA,EAAA;AACR,UAAA,UAAA,CAAW,QAAQ,KAAK,CAAA;AAAA,SACzB,CAAA;AAED,QAAO,MAAA,CAAA,EAAA,CAAG,SAAS,MAAM;AACvB,UAAM,KAAA,CAAA,KAAA,IAAS,OAAQ,CAAA,GAAA,CAAI,0BAAM,CAAA;AACjC,UAAA,KAAA,CAAM,OAAO,CAAA;AACb,UAAA,WAAA,CAAY,KAAQ,GAAA,KAAA;AACpB,UAAQ,OAAA,EAAA;AAAA,SACT,CAAA;AACD,QAAO,MAAA,CAAA,EAAA,CAAG,QAAQ,MAAM;AACtB,UAAA,WAAA,CAAY,KAAQ,GAAA,IAAA;AACpB,UAAM,KAAA,CAAA,KAAA,IAAS,OAAQ,CAAA,GAAA,CAAI,cAAI,CAAA;AAC/B,UAAA,KAAA,CAAM,MAAM,CAAA;AAAA,SACb,CAAA;AACD,QAAO,MAAA,CAAA,EAAA,CAAG,SAAS,MAAM;AACvB,UAAM,KAAA,CAAA,KAAA,IAAS,OAAQ,CAAA,GAAA,CAAI,cAAI,CAAA;AAC/B,UAAA,KAAA,CAAM,OAAO,CAAA;AAAA,SACd,CAAA;AACD,QAAO,MAAA,CAAA,EAAA,CAAG,WAAa,EAAA,CAAC,IAAc,KAAA;AAEpC,UAAA,KAAA,CAAM,KAAS,IAAA,OAAA,CAAQ,GAAI,CAAA,0BAAA,EAAQ,IAAI,CAAA;AACvC,UAAA,SAAA,CAAU,KAAQ,GAAA,IAAA;AAClB,UAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,SACxB,CAAA;AACD,QAAO,MAAA,CAAA,EAAA,CAAG,MAAQ,EAAA,CAAC,IAAgB,KAAA;AACjC,UAAM,KAAA,CAAA,KAAA,IAAS,OAAQ,CAAA,GAAA,CAAI,cAAI,CAAA;AAC/B,UAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,SACnB,CAAA;AAAA;AACH;AAtEa,IAAA,MAAA,CAAA,YAAA,EAAA,cAAA,CAAA;AAyEf,IAAA,SAAS,OAAU,GAAA;AACjB,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA,MAAA,CAAO,OAAQ,EAAA;AACf,QAAS,MAAA,GAAA,IAAA;AAAA;AAEX,MAAgB,eAAA,EAAA;AAAA;AALT,IAAA,MAAA,CAAA,OAAA,EAAA,SAAA,CAAA;;4BAUP,EAAAC,sBAAA;AAAA,QAgBM,KAAA;AAAA,QAAA;AAAA,iBAfA,EAAA,WAAA;AAAA,UAAJ,GAAI,EAAA,SAAA;AAAA,UACJ,KAAA,EAAKC,mBAAA,CAAC,kBAAA,EACE,UAAS,KAAA,GAAA,0BAAA,GAAA,EAAA,CAAA;AAAA;;UAEjBC,uBAAwB,oFAAA,CAAA;AAAA,UACbC,IAAAA,CAAAA,YAAYC,IAAY,CAAA,YAAA,IAAnCC,eAAA,EAAAL,sBAAA,CAGM,OAHN,UAGM,EAAA;AAAA,mCAFJ,GAAAM,sBAAA;AAAA,cAAwC,GAAA;AAAA,cAAA,EAArC,OAAM,4BAA4B,EAAA;AAAA,cAAA,IAAA;AAAA,cAAA,CAAA;AAAA;AAAA,aAAA,CAAA;AAAA,YACrCA,sBAAA;AAAA,cAA2C,MAAA;AAAA,cAAA,IAAA;AAAA,cAAAC,mBAAlCJ,CAAAA,IAAAA,CAAQ,QAAIC,IAAAA,IAAAA,CAAY,YAAA,CAAA;AAAA,cAAA;AAAA;AAAA;AAAA;WAGvB,WAAA,CAAW,wBAAvB,EAAAJ,sBAAA,CAA8D,KAA9D,EAAA,UAAA,EAAqD,oBAAG,CAAA;WAC5C,OAAA,CAAO,wBAAnB,EAAAA,sBAAA,CAA4D,KAA5D,EAAA,UAAA,EAAiD,gCAAK,CAAA;UAEtDE,uBAAiB,oDAAA,CAAA;AAAA,UACjBM,cAAA,CAAyB,IAAA,CAAA,MAAA,EAAA,WAAA;AAAA;;;;;;;;;;"}

package/lib/components/tzj-player/src/tzj-player.vue.d.ts

@@ -1612,6 +1612,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             containerRef: import("vue").ShallowRef<any, any>;
             width: import("vue").Ref<number, number>;
             height: import("vue").Ref<number, number>;
+            childWidth: import("vue").Ref<number, number>;
+            childHeight: import("vue").Ref<number, number>;
             ratio: number;
             isCurrentFullscreen: boolean;
             debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
@@ -4848,6 +4850,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         containerRef: import("vue").ShallowRef<any, any>;
         width: import("vue").Ref<number, number>;
         height: import("vue").Ref<number, number>;
+        childWidth: import("vue").Ref<number, number>;
+        childHeight: import("vue").Ref<number, number>;
         ratio: number;
         isCurrentFullscreen: boolean;
         debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
@@ -8086,6 +8090,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         containerRef: import("vue").ShallowRef<any, any>;
         width: import("vue").Ref<number, number>;
         height: import("vue").Ref<number, number>;
+        childWidth: import("vue").Ref<number, number>;
+        childHeight: import("vue").Ref<number, number>;
         ratio: number;
         isCurrentFullscreen: boolean;
         debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;

package/lib/components/tzj-player/src/ysPlayer.vue.d.ts

@@ -37,6 +37,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     containerRef: import("vue").ShallowRef<any, any>;
     width: import("vue").Ref<number, number>;
     height: import("vue").Ref<number, number>;
+    childWidth: import("vue").Ref<number, number>;
+    childHeight: import("vue").Ref<number, number>;
     ratio: number;
     isCurrentFullscreen: boolean;
     debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;

package/lib/components/tzj-player/src/ysPlayer.vue2.js

@@ -39,6 +39,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const ysRef = vue.shallowRef();
     const containerRef = vue.shallowRef();
     const { width, height } = core.useElementSize(ysRef);
+    const { width: childWidth, height: childHeight } = core.useElementSize(containerRef);
     let ratio = 16 / 9;
     let isCurrentFullscreen = false;
     vue.onMounted(() => play());
@@ -83,21 +84,25 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     __name(destroy, "destroy");
     function resize() {
-      if (width.value > 0 && height.value > 0) {
-        let calculatedWidth = width.value;
-        let calculatedHeight = calculatedWidth / ratio;
-        if (calculatedHeight > height.value) {
-          calculatedHeight = height.value;
-          calculatedWidth = calculatedHeight * ratio;
-        }
-        if (playerInstance == null ? void 0 : playerInstance.resize) {
-          playerInstance.resize(calculatedWidth, calculatedHeight);
-        } else if (typeof document !== "undefined") {
-          const dom = document.getElementById(id);
-          if (dom) {
-            dom.style.width = `${calculatedWidth}px`;
-            dom.style.height = `${calculatedHeight}px`;
-          }
+      const containerWidth = childWidth.value;
+      const containerHeight = childHeight.value;
+      if (containerWidth <= 0 || containerHeight <= 0) return;
+      const aspectRatio = ratio;
+      let playerWidth = containerWidth;
+      let playerHeight = playerWidth / aspectRatio;
+      if (playerHeight > containerHeight) {
+        playerHeight = containerHeight;
+        playerWidth = playerHeight * aspectRatio;
+      }
+      if (playerInstance == null ? void 0 : playerInstance.resize) {
+        playerInstance.resize(playerWidth, playerHeight);
+        return;
+      }
+      if (typeof document !== "undefined") {
+        const playerElement = document.getElementById(id);
+        if (playerElement) {
+          playerElement.style.width = `${playerWidth}px`;
+          playerElement.style.height = `${playerHeight}px`;
         }
       }
     }