@yimou6/common-ui 1.10.5 → 1.10.6

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

@@ -49,6 +49,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       destroy() {
         var _a;
         (_a = compRef.value) == null ? void 0 : _a.destroy();
+      },
+      resize() {
+        var _a;
+        (_a = compRef.value) == null ? void 0 : _a.resize();
       }
     });
     return (_ctx, _cache) => {

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

@@ -1 +1 @@
-{"version":3,"file":"tzj-player.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, watch } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport { isSupportedProtocol, TzjPlayerProps } from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\n\ndefineOptions({\n  name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\n\nconst comp = shallowRef();\nconst compRef = shallowRef();\nconst supportedProtocol = ref(true);\n\nonMounted(() => initPlayer());\n\nwatch(\n  () => [props.url, props.accessToken],\n  () => initPlayer(),\n);\n\nfunction initPlayer() {\n  supportedProtocol.value = isSupportedProtocol(props.url);\n  if (supportedProtocol.value) {\n    // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n    comp.value =\n      props.accessToken && props.accessToken.length > 32\n        ? YsPlayer\n        : EasyPlayer;\n  } else {\n    comp.value = null;\n  }\n}\n\ndefineExpose({\n  play(options?: any) {\n    compRef.value?.play(options);\n  },\n  destroy() {\n    compRef.value?.destroy();\n  },\n});\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n    <div v-if=\"!url\" class=\"i-tzj-player__error\">无播放地址</div>\n    <div v-else-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">\n      格式不支持\n    </div>\n  </div>\n</template>\n"],"names":["YsPlayer","EasyPlayer","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_mergeProps","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAO,UAAW,EAAA;AACxB,IAAA,MAAM,UAAU,UAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoB,IAAI,IAAI,CAAA;AAElC,IAAU,SAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQ,mBAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QACH,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAC5CA,WACA,GAAAC,WAAA;AAAA,OACD,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAVO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAaT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA;AACjB,KACD,CAAA;;AAIC,MAAA,OAAAC,SAAA,EAAA,EAAAC,kBAMM,CAAA,KAAA,EANN,UAMM,EAAA;AAAA,oBALJ,EAAAC,WAAA;AAAA,UAAqDC,uBAAA,CAArC,KAAI,KAAA,CAAA;AAAA,UAApBC,UAAqD,CAAA;AAAA,mBAA3B,EAAA,SAAA;AAAA,YAAJ,GAAI,EAAA;AAAA,aAAkB,KAAK,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA;AAAA;AAAA,SAAA;AAAA,SACrCC,KAAG,oBAAfJ,kBAAwD,CAAA,KAAA,EAAxD,UAA6C,EAAA,gCAAK,MACjC,kBAAiB,sBAAlCA,kBAEM,CAAA,KAAA,EAFN,YAAgE,kCAEhE,CAAA;;;;;;;;"}
+{"version":3,"file":"tzj-player.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, watch } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport { isSupportedProtocol, TzjPlayerProps } from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\n\ndefineOptions({\n  name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\n\nconst comp = shallowRef();\nconst compRef = shallowRef();\nconst supportedProtocol = ref(true);\n\nonMounted(() => initPlayer());\n\nwatch(\n  () => [props.url, props.accessToken],\n  () => initPlayer(),\n);\n\nfunction initPlayer() {\n  supportedProtocol.value = isSupportedProtocol(props.url);\n  if (supportedProtocol.value) {\n    // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n    comp.value =\n      props.accessToken && props.accessToken.length > 32\n        ? YsPlayer\n        : EasyPlayer;\n  } else {\n    comp.value = null;\n  }\n}\n\ndefineExpose({\n  play(options?: any) {\n    compRef.value?.play(options);\n  },\n  destroy() {\n    compRef.value?.destroy();\n  },\n  resize() {\n    compRef.value?.resize();\n  },\n});\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n    <div v-if=\"!url\" class=\"i-tzj-player__error\">无播放地址</div>\n    <div v-else-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">\n      格式不支持\n    </div>\n  </div>\n</template>\n"],"names":["YsPlayer","EasyPlayer","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_mergeProps","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAO,UAAW,EAAA;AACxB,IAAA,MAAM,UAAU,UAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoB,IAAI,IAAI,CAAA;AAElC,IAAU,SAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQ,mBAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QACH,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAC5CA,WACA,GAAAC,WAAA;AAAA,OACD,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAVO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAaT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA,OACjB;AAAA,MACA,MAAS,GAAA;;AACP,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AAAA;AACjB,KACD,CAAA;;AAIC,MAAA,OAAAC,SAAA,EAAA,EAAAC,kBAMM,CAAA,KAAA,EANN,UAMM,EAAA;AAAA,oBALJ,EAAAC,WAAA;AAAA,UAAqDC,uBAAA,CAArC,KAAI,KAAA,CAAA;AAAA,UAApBC,UAAqD,CAAA;AAAA,mBAA3B,EAAA,SAAA;AAAA,YAAJ,GAAI,EAAA;AAAA,aAAkB,KAAK,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA;AAAA;AAAA,SAAA;AAAA,SACrCC,KAAG,oBAAfJ,kBAAwD,CAAA,KAAA,EAAxD,UAA6C,EAAA,gCAAK,MACjC,kBAAiB,sBAAlCA,kBAEM,CAAA,KAAA,EAFN,YAAgE,kCAEhE,CAAA;;;;;;;;"}

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

@@ -120,6 +120,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (w && h) {
           ratio = w / h;
         }
+        debouncedResize();
       });
     }
     __name(createPlayer, "createPlayer");

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\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = 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\nfunction 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      nextTick(() => 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 {\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 */\nfunction createPlayer(options?: Record<string, any>) {\n  playerInstance = new window.EZUIKit.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\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  });\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  const dom = document.getElementById(id);\n  dom && dom.remove();\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n  if (!errorMsg) {\n    removePlayerDom();\n    const dom = document.createElement(\"div\");\n    dom.id = id;\n    dom.style.width = \"100%\";\n    dom.style.height = \"100%\";\n    ysRef.value?.appendChild(dom);\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-player\">\n    <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_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\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = 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\nfunction 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      nextTick(() => 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 {\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 */\nfunction createPlayer(options?: Record<string, any>) {\n  playerInstance = new window.EZUIKit.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\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  const dom = document.getElementById(id);\n  dom && dom.remove();\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n  if (!errorMsg) {\n    removePlayerDom();\n    const dom = document.createElement(\"div\");\n    dom.id = id;\n    dom.style.width = \"100%\";\n    dom.style.height = \"100%\";\n    ysRef.value?.appendChild(dom);\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-player\">\n    <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_toDisplayString"],"mappings":"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"}

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

@@ -53,6 +53,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       destroy() {
         var _a;
         (_a = compRef.value) == null ? void 0 : _a.destroy();
+      },
+      resize() {
+        var _a;
+        (_a = compRef.value) == null ? void 0 : _a.resize();
       }
     });
     return (_ctx, _cache) => {

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

@@ -1 +1 @@
-{"version":3,"file":"tzj-player.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, watch } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport { isSupportedProtocol, TzjPlayerProps } from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\n\ndefineOptions({\n  name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\n\nconst comp = shallowRef();\nconst compRef = shallowRef();\nconst supportedProtocol = ref(true);\n\nonMounted(() => initPlayer());\n\nwatch(\n  () => [props.url, props.accessToken],\n  () => initPlayer(),\n);\n\nfunction initPlayer() {\n  supportedProtocol.value = isSupportedProtocol(props.url);\n  if (supportedProtocol.value) {\n    // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n    comp.value =\n      props.accessToken && props.accessToken.length > 32\n        ? YsPlayer\n        : EasyPlayer;\n  } else {\n    comp.value = null;\n  }\n}\n\ndefineExpose({\n  play(options?: any) {\n    compRef.value?.play(options);\n  },\n  destroy() {\n    compRef.value?.destroy();\n  },\n});\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n    <div v-if=\"!url\" class=\"i-tzj-player__error\">无播放地址</div>\n    <div v-else-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">\n      格式不支持\n    </div>\n  </div>\n</template>\n"],"names":["shallowRef","ref","onMounted","watch","isSupportedProtocol","YsPlayer","EasyPlayer","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_mergeProps","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAOA,cAAW,EAAA;AACxB,IAAA,MAAM,UAAUA,cAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoBC,QAAI,IAAI,CAAA;AAElC,IAAUC,aAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQC,6BAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QACH,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAC5CC,oDACA,GAAAC,sDAAA;AAAA,OACD,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAVO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAaT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA;AACjB,KACD,CAAA;;AAIC,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAMM,CAAA,KAAA,EANN,UAMM,EAAA;AAAA,wBALJ,EAAAC,eAAA;AAAA,UAAqDC,2BAAA,CAArC,KAAI,KAAA,CAAA;AAAA,UAApBC,cAAqD,CAAA;AAAA,mBAA3B,EAAA,SAAA;AAAA,YAAJ,GAAI,EAAA;AAAA,aAAkB,KAAK,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA;AAAA;AAAA,SAAA;AAAA,SACrCC,KAAG,wBAAfJ,sBAAwD,CAAA,KAAA,EAAxD,UAA6C,EAAA,gCAAK,MACjC,kBAAiB,0BAAlCA,sBAEM,CAAA,KAAA,EAFN,YAAgE,kCAEhE,CAAA;;;;;;;;"}
+{"version":3,"file":"tzj-player.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, watch } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport { isSupportedProtocol, TzjPlayerProps } from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\n\ndefineOptions({\n  name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\n\nconst comp = shallowRef();\nconst compRef = shallowRef();\nconst supportedProtocol = ref(true);\n\nonMounted(() => initPlayer());\n\nwatch(\n  () => [props.url, props.accessToken],\n  () => initPlayer(),\n);\n\nfunction initPlayer() {\n  supportedProtocol.value = isSupportedProtocol(props.url);\n  if (supportedProtocol.value) {\n    // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n    comp.value =\n      props.accessToken && props.accessToken.length > 32\n        ? YsPlayer\n        : EasyPlayer;\n  } else {\n    comp.value = null;\n  }\n}\n\ndefineExpose({\n  play(options?: any) {\n    compRef.value?.play(options);\n  },\n  destroy() {\n    compRef.value?.destroy();\n  },\n  resize() {\n    compRef.value?.resize();\n  },\n});\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n    <div v-if=\"!url\" class=\"i-tzj-player__error\">无播放地址</div>\n    <div v-else-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">\n      格式不支持\n    </div>\n  </div>\n</template>\n"],"names":["shallowRef","ref","onMounted","watch","isSupportedProtocol","YsPlayer","EasyPlayer","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_mergeProps","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAOA,cAAW,EAAA;AACxB,IAAA,MAAM,UAAUA,cAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoBC,QAAI,IAAI,CAAA;AAElC,IAAUC,aAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQC,6BAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QACH,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAC5CC,oDACA,GAAAC,sDAAA;AAAA,OACD,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAVO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAaT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA,OACjB;AAAA,MACA,MAAS,GAAA;;AACP,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AAAA;AACjB,KACD,CAAA;;AAIC,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAMM,CAAA,KAAA,EANN,UAMM,EAAA;AAAA,wBALJ,EAAAC,eAAA;AAAA,UAAqDC,2BAAA,CAArC,KAAI,KAAA,CAAA;AAAA,UAApBC,cAAqD,CAAA;AAAA,mBAA3B,EAAA,SAAA;AAAA,YAAJ,GAAI,EAAA;AAAA,aAAkB,KAAK,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA;AAAA;AAAA,SAAA;AAAA,SACrCC,KAAG,wBAAfJ,sBAAwD,CAAA,KAAA,EAAxD,UAA6C,EAAA,gCAAK,MACjC,kBAAiB,0BAAlCA,sBAEM,CAAA,KAAA,EAFN,YAAgE,kCAEhE,CAAA;;;;;;;;"}

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

@@ -124,6 +124,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (w && h) {
           ratio = w / h;
         }
+        debouncedResize();
       });
     }
     __name(createPlayer, "createPlayer");

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

@@ -1 +1 @@
-{"version":3,"file":"ysPlayer.vue2.js","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\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = 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\nfunction 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      nextTick(() => 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 {\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 */\nfunction createPlayer(options?: Record<string, any>) {\n  playerInstance = new window.EZUIKit.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\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  });\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  const dom = document.getElementById(id);\n  dom && dom.remove();\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n  if (!errorMsg) {\n    removePlayerDom();\n    const dom = document.createElement(\"div\");\n    dom.id = id;\n    dom.style.width = \"100%\";\n    dom.style.height = \"100%\";\n    ysRef.value?.appendChild(dom);\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-player\">\n    <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["uuid","shallowRef","useElementSize","onMounted","onBeforeUnmount","watch","nextTick","_createElementBlock","_unref","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"ysPlayer.vue2.js","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\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = 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\nfunction 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      nextTick(() => 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 {\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 */\nfunction createPlayer(options?: Record<string, any>) {\n  playerInstance = new window.EZUIKit.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\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  const dom = document.getElementById(id);\n  dom && dom.remove();\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n  if (!errorMsg) {\n    removePlayerDom();\n    const dom = document.createElement(\"div\");\n    dom.id = id;\n    dom.style.width = \"100%\";\n    dom.style.height = \"100%\";\n    ysRef.value?.appendChild(dom);\n  }\n}\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-tzj-player\">\n    <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["uuid","shallowRef","useElementSize","onMounted","onBeforeUnmount","watch","nextTick","_createElementBlock","_unref","_toDisplayString"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yimou6/common-ui",
-  "version": "1.10.5",
+  "version": "1.10.6",
   "description": "Vue3 Component Library",
   "author": "yimou6",
   "license": "MIT",