@yimou6/common-ui 1.9.7 → 1.10.0

package/lib/components/index.js

@@ -6,21 +6,21 @@ var index$2 = require('./descriptions/index.js');
 var index$3 = require('./dialog/index.js');
 var index$4 = require('./divider/index.js');
 var index$5 = require('./drawer/index.js');
-var index$6 = require('./flv-player/index.js');
-var index$7 = require('./form/index.js');
-var index$8 = require('./icon-select/index.js');
-var index$9 = require('./image-verification/index.js');
-var index$a = require('./link/index.js');
-var index$b = require('./live-player/index.js');
-var index$c = require('./page-header/index.js');
-var index$d = require('./radio/index.js');
-var index$e = require('./search/index.js');
-var index$f = require('./segmented/index.js');
-var index$g = require('./select/index.js');
-var index$h = require('./split-pane/index.js');
-var index$i = require('./table/index.js');
-var index$j = require('./tenant-enterprise/index.js');
-var index$k = require('./text-button/index.js');
+var index$6 = require('./form/index.js');
+var index$7 = require('./icon-select/index.js');
+var index$8 = require('./image-verification/index.js');
+var index$9 = require('./link/index.js');
+var index$a = require('./live-player/index.js');
+var index$b = require('./page-header/index.js');
+var index$c = require('./radio/index.js');
+var index$d = require('./search/index.js');
+var index$e = require('./segmented/index.js');
+var index$f = require('./select/index.js');
+var index$g = require('./split-pane/index.js');
+var index$h = require('./table/index.js');
+var index$i = require('./tenant-enterprise/index.js');
+var index$j = require('./text-button/index.js');
+var index$k = require('./tzj-player/index.js');
 var index$l = require('./wisdom-chat/index.js');
 var form = require('./form/src/form.js');
 var search = require('./search/src/search.js');
@@ -36,22 +36,22 @@ exports.IDescriptions = index$2.IDescriptions;
 exports.IDialog = index$3.IDialog;
 exports.IDivider = index$4.IDivider;
 exports.IDrawer = index$5.IDrawer;
-exports.IFlvPlayer = index$6.IFlvPlayer;
-exports.IForm = index$7.IForm;
-exports.IIconSelect = index$8.IIconSelect;
-exports.IImageVerification = index$9.IImageVerification;
-exports.ILink = index$a.ILink;
-exports.ILivePlayer = index$b.ILivePlayer;
-exports.IPageHeader = index$c.IPageHeader;
-exports.IRadio = index$d.IRadio;
-exports.ISearch = index$e.ISearch;
-exports.ISegmented = index$f.ISegmented;
-exports.ISelect = index$g.ISelect;
-exports.ISplitPane = index$h.ISplitPane;
-exports.ITable = index$i.ITable;
-exports.ITenantEnterprise = index$j.ITenantEnterprise;
-exports.ITextButton = index$k.ITextButton;
-exports.ITextButtonGroup = index$k.ITextButtonGroup;
+exports.IForm = index$6.IForm;
+exports.IIconSelect = index$7.IIconSelect;
+exports.IImageVerification = index$8.IImageVerification;
+exports.ILink = index$9.ILink;
+exports.ILivePlayer = index$a.ILivePlayer;
+exports.IPageHeader = index$b.IPageHeader;
+exports.IRadio = index$c.IRadio;
+exports.ISearch = index$d.ISearch;
+exports.ISegmented = index$e.ISegmented;
+exports.ISelect = index$f.ISelect;
+exports.ISplitPane = index$g.ISplitPane;
+exports.ITable = index$h.ITable;
+exports.ITenantEnterprise = index$i.ITenantEnterprise;
+exports.ITextButton = index$j.ITextButton;
+exports.ITextButtonGroup = index$j.ITextButtonGroup;
+exports.ITzjPlayer = index$k.ITzjPlayer;
 exports.IWisdomChat = index$l.IWisdomChat;
 exports.FormItemProps = form.FormItemProps;
 exports.FormProps = form.FormProps;

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

@@ -66,9 +66,9 @@ export declare const ILivePlayer: import("../../types").SFCWithInstall<import("v
         default: string;
     };
 }>> & Readonly<{}>, {
-    debug: boolean;
     url: string;
     accessToken: string;
+    debug: boolean;
     onLine: boolean;
     playerTemplate: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

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

@@ -66,9 +66,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    debug: boolean;
     url: string;
     accessToken: string;
+    debug: boolean;
     onLine: boolean;
     playerTemplate: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -19,10 +19,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         required: true;
     };
-    debug: {
-        type: BooleanConstructor;
-        required: false;
-    };
     playerTemplate: {
         type: StringConstructor;
         required: false;
@@ -68,15 +64,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         required: true;
     };
-    debug: {
-        type: BooleanConstructor;
-        required: false;
-    };
     playerTemplate: {
         type: StringConstructor;
         required: false;
     };
-}>> & Readonly<{}>, {
-    debug: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -26,7 +26,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     channel: {},
     quality: {},
     accessToken: {},
-    debug: { type: Boolean },
     playerTemplate: {}
   },
   setup(__props, { expose: __expose }) {
@@ -59,7 +58,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     );
     function play(options) {
-      props.debug && console.log("play", options);
       if (!props.accessToken) {
         errorMsg = `params 'accessToken' is not found`;
       } else {
@@ -87,7 +85,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           calculatedHeight = height.value;
           calculatedWidth = calculatedHeight * ratio;
         }
-        props.debug && console.log("playerInstance", playerInstance);
         if (playerInstance == null ? void 0 : playerInstance.resize) {
           playerInstance.resize(calculatedWidth, calculatedHeight);
         } else {
@@ -112,29 +109,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         // @ts-ignore
         loggerOptions: {
           name: "YSPLAYER",
-          level: props.debug ? "INFO" : "ERROR",
+          level: "ERROR",
           showTime: true
         },
         staticPath: "/plugins/ezuikit/ezuikit_static",
         ...options
       });
-      playerInstance.eventEmitter.on("fullscreen", (args) => {
-        props.debug && console.log("fullscreen", args);
+      playerInstance.eventEmitter.on("fullscreen", () => {
         isCurrentFullscreen = true;
       });
-      playerInstance.eventEmitter.on("exitFullscreen", (args) => {
-        props.debug && console.log("exitFullscreen", args);
+      playerInstance.eventEmitter.on("exitFullscreen", () => {
         isCurrentFullscreen = false;
       });
-      playerInstance.eventEmitter.on("destroy", (args) => {
-        props.debug && console.log("destroy", args);
-      });
-      playerInstance.eventEmitter.on("init", (args) => {
-        props.debug && console.log("init", args);
-      });
-      playerInstance.eventEmitter.on("play", (args) => {
-        props.debug && console.log("play", args);
-      });
       playerInstance.eventEmitter.on("videoInfo", (args) => {
         const { width: w, height: h } = args;
         if (w && h) {

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

@@ -1 +1 @@
-{"version":3,"file":"ysPlayer.vue2.js","sources":["../../../../../../../packages/components/live-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useElementSize } from '@vueuse/core';\n  import EZUIKit from 'ezuikit-js';\n  import { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue';\n  import { uuid } from './live-player';\n  // 萤石云播放器\n  defineOptions({\n    name: 'YsPlayer',\n  });\n\n  // 传值方式\n  // 1、传url、accessToken\n  // 2、传deviceSerial、channel、accessToken\n  const 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    debug?: boolean;\n    // 播放器模板ID\n    playerTemplate?: string;\n  }>();\n\n  // 播放器模板ID\n  // 可在萤石云控制台查看、修改、获取\n  // 位置：云直播-轻应用-特致珈默认模板\n  const PLAYER_TEMPLATE = '5f295a9341a74d439b5d69374c90d501';\n  const id = uuid();\n  let playerInstance: any = null;\n  let errorMsg = '';\n  const ysRef = shallowRef();\n  const { width, height } = useElementSize(ysRef);\n  let ratio = 16 / 9;\n  let isCurrentFullscreen = false;\n\n  onMounted(() => play());\n\n  onBeforeUnmount(() => destroy());\n\n  defineExpose({ play, destroy, resize });\n\n  // 防抖函数\n  function 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 函数\n  const debouncedResize = debounce(resize, 300);\n\n  watch(\n    () => [width.value, height.value, ratio],\n    () => {\n      if (!isCurrentFullscreen) {\n        debouncedResize();\n      }\n    },\n  );\n\n  function play(options?: Record<string, any>) {\n    props.debug && console.log('play', options);\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  }\n  function destroy() {\n    if (playerInstance) {\n      playerInstance.destroy();\n      playerInstance = null;\n      removePlayerDom();\n    }\n  }\n  function 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      props.debug && console.log('playerInstance', playerInstance);\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   */\n  function createPlayer(options?: Record<string, any>) {\n    playerInstance = new 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: props.debug ? 'INFO' : 'ERROR',\n        showTime: true,\n      },\n      staticPath: '/plugins/ezuikit/ezuikit_static',\n      ...options,\n    });\n\n    playerInstance.eventEmitter.on('fullscreen', (args: any) => {\n      props.debug && console.log('fullscreen', args);\n      isCurrentFullscreen = true;\n    });\n    playerInstance.eventEmitter.on('exitFullscreen', (args: any) => {\n      props.debug && console.log('exitFullscreen', args);\n      isCurrentFullscreen = false;\n    });\n    playerInstance.eventEmitter.on('destroy', (args: any) => {\n      props.debug && console.log('destroy', args);\n    });\n    playerInstance.eventEmitter.on('init', (args: any) => {\n      props.debug && console.log('init', args);\n    });\n    playerInstance.eventEmitter.on('play', (args: any) => {\n      props.debug && console.log('play', args);\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\n  function formatterUrl(): string {\n    if (props.url) {\n      return props.url;\n    } else {\n      if (props.deviceSerial && props.channel) {\n        const quality = 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\n  function removePlayerDom() {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n  // 创建播放器DOM\n  function 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-player-bg i-player-container\">\n    <div v-if=\"errorMsg\" class=\"i-player__error\" style=\"color: red; font-weight: bold\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["uuid","shallowRef","useElementSize","onMounted","onBeforeUnmount","watch","nextTick"],"mappings":"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"}
+{"version":3,"file":"ysPlayer.vue2.js","sources":["../../../../../../../packages/components/live-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useElementSize } from '@vueuse/core';\n  import EZUIKit from 'ezuikit-js';\n  import { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue';\n  import { uuid } from './live-player';\n  // 萤石云播放器\n  defineOptions({\n    name: 'YsPlayer',\n  });\n\n  // 传值方式\n  // 1、传url、accessToken\n  // 2、传deviceSerial、channel、accessToken\n  const 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  // 位置：云直播-轻应用-特致珈默认模板\n  const PLAYER_TEMPLATE = '5f295a9341a74d439b5d69374c90d501';\n  const id = uuid();\n  let playerInstance: any = null;\n  let errorMsg = '';\n  const ysRef = shallowRef();\n  const { width, height } = useElementSize(ysRef);\n  let ratio = 16 / 9;\n  let isCurrentFullscreen = false;\n\n  onMounted(() => play());\n\n  onBeforeUnmount(() => destroy());\n\n  defineExpose({ play, destroy, resize });\n\n  // 防抖函数\n  function 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 函数\n  const debouncedResize = debounce(resize, 300);\n\n  watch(\n    () => [width.value, height.value, ratio],\n    () => {\n      if (!isCurrentFullscreen) {\n        debouncedResize();\n      }\n    },\n  );\n\n  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        nextTick(() => createPlayer(options));\n      }\n    }\n  }\n  function destroy() {\n    if (playerInstance) {\n      playerInstance.destroy();\n      playerInstance = null;\n      removePlayerDom();\n    }\n  }\n  function 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   */\n  function createPlayer(options?: Record<string, any>) {\n    playerInstance = new 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\n  function formatterUrl(): string {\n    if (props.url) {\n      return props.url;\n    } else {\n      if (props.deviceSerial && props.channel) {\n        const quality = 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\n  function removePlayerDom() {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n  // 创建播放器DOM\n  function 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-player-bg i-player-container\">\n    <div v-if=\"errorMsg\" class=\"i-player__error\" style=\"color: red; font-weight: bold\">\n      {{ errorMsg }}\n    </div>\n  </div>\n</template>\n"],"names":["uuid","shallowRef","useElementSize","onMounted","onBeforeUnmount","watch","nextTick"],"mappings":"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"}

package/lib/components/select/index.d.ts

@@ -800,7 +800,6 @@ export declare const ISelect: import("../../types").SFCWithInstall<import("vue")
     disabled: boolean;
     placeholder: string;
     clearable: boolean;
-    loadingText: string;
     multiple: boolean;
     valueKey: string;
     collapseTags: boolean;
@@ -816,5 +815,6 @@ export declare const ISelect: import("../../types").SFCWithInstall<import("vue")
     persistent: boolean;
     fitInputWidth: boolean;
     placement: "left" | "bottom" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    loadingText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ISelect;

package/lib/components/select/src/select.vue.d.ts

@@ -800,7 +800,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: boolean;
     placeholder: string;
     clearable: boolean;
-    loadingText: string;
     multiple: boolean;
     valueKey: string;
     collapseTags: boolean;
@@ -816,5 +815,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     persistent: boolean;
     fitInputWidth: boolean;
     placement: "left" | "bottom" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    loadingText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -0,0 +1,36 @@
+export declare const ITzjPlayer: import("../../types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    accessToken: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        accessToken: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}> & {}>;
+    comp: import("vue").ShallowRef<any, any>;
+    compRef: import("vue").ShallowRef<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    accessToken: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    url: string;
+    accessToken: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default ITzjPlayer;

package/lib/components/tzj-player/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+require('./src/tzj-player.vue.js');
+var install = require('../../utils/install.js');
+var tzjPlayer_vue_vue_type_script_setup_true_lang = require('./src/tzj-player.vue2.js');
+
+const ITzjPlayer = install.withInstall(tzjPlayer_vue_vue_type_script_setup_true_lang.default);
+
+exports.ITzjPlayer = ITzjPlayer;
+exports.default = ITzjPlayer;
+//# sourceMappingURL=index.js.map

package/lib/components/tzj-player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/tzj-player/index.ts"],"sourcesContent":["import { withInstall } from '../../utils';\nimport TzjPlayer from './src/tzj-player.vue';\n\nexport const ITzjPlayer = withInstall(TzjPlayer); // 增加类型\n\nexport default ITzjPlayer;\n"],"names":["withInstall","TzjPlayer"],"mappings":";;;;;;;;;AAGa,MAAA,UAAA,GAAaA,oBAAYC,qDAAS;;;;;"}

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

@@ -0,0 +1,21 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {
+    props: any;
+    player: any;
+    playerRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    playSuccess: import("vue").Ref<boolean, boolean>;
+    playUrl: import("vue").Ref<string, string>;
+    createPlayer: () => Promise<void>;
+    destroy: () => void;
+    play: (url?: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var easyPlayer_vue_vue_type_script_setup_true_lang = require('./easyPlayer.vue2.js');
+
+
+
+exports.default = easyPlayer_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=easyPlayer.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"easyPlayer.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,124 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const _hoisted_1 = { class: "i-tzj-player" };
+const _hoisted_2 = {
+  key: 0,
+  class: "i-tzj-player__error"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "i-tzj-player__error"
+};
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "EasyPlayer"
+  },
+  __name: "easyPlayer",
+  props: {
+    url: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    let player = null;
+    const playerRef = vue.shallowRef();
+    const playSuccess = vue.ref(true);
+    const playUrl = vue.ref("");
+    vue.onMounted(() => {
+      if (props.url) {
+        playUrl.value = props.url;
+        createPlayer();
+      }
+    });
+    vue.watch(
+      () => props.url,
+      (newUrl) => {
+        if (newUrl) {
+          playUrl.value = newUrl;
+          createPlayer();
+        } else {
+          playUrl.value = "";
+          destroy();
+        }
+      }
+    );
+    vue.onBeforeUnmount(() => {
+      playUrl.value = "";
+      destroy();
+    });
+    __expose({
+      play,
+      destroy
+    });
+    async function createPlayer() {
+      destroy();
+      await vue.nextTick();
+      player = new window.EasyPlayerPro(playerRef.value, {
+        isLive: true,
+        // 是否直播
+        hasAudio: true,
+        // 是否解析音频
+        bufferTime: 0.2,
+        // 缓存时长
+        stretch: true,
+        // 加视频拉伸
+        MSE: false,
+        WCS: false,
+        WASM: true,
+        debug: false,
+        operateBtns: {
+          performance: false
+        }
+      });
+      player.on("timeout", () => {
+        playSuccess.value = false;
+        destroy();
+      });
+      player.on("error", () => {
+        playSuccess.value = false;
+        destroy();
+      });
+      play(props.url);
+    }
+    __name(createPlayer, "createPlayer");
+    function destroy() {
+      if (player) {
+        player.destroy();
+        player = null;
+      }
+    }
+    __name(destroy, "destroy");
+    function play(url) {
+      if (player && (url || props.url)) {
+        playUrl.value = url || props.url;
+        player.play(playUrl.value);
+      }
+    }
+    __name(play, "play");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode(
+          "div",
+          {
+            ref_key: "playerRef",
+            ref: playerRef,
+            class: "i-tzj-player-content"
+          },
+          null,
+          512
+          /* NEED_PATCH */
+        ),
+        !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)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=easyPlayer.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"easyPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';\n\n  defineOptions({\n    name: 'EasyPlayer',\n  });\n\n  const props = defineProps<{\n    url: string;\n  }>();\n\n  let player: any = null;\n  const playerRef = shallowRef<HTMLElement>();\n  const playSuccess = ref(true);\n  const playUrl = ref('');\n\n  onMounted(() => {\n    if (props.url) {\n      playUrl.value = props.url;\n      createPlayer();\n    }\n  });\n\n  watch(\n    () => props.url,\n    newUrl => {\n      if (newUrl) {\n        playUrl.value = newUrl;\n        createPlayer();\n      } else {\n        playUrl.value = '';\n        destroy();\n      }\n    },\n  );\n\n  onBeforeUnmount(() => {\n    playUrl.value = '';\n    destroy();\n  });\n\n  defineExpose({\n    play,\n    destroy,\n  });\n\n  async function createPlayer() {\n    destroy();\n    await nextTick();\n    player = new window.EasyPlayerPro(playerRef.value, {\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    // 加载超时\n    player.on('timeout', () => {\n      playSuccess.value = false;\n      destroy();\n    });\n    // 播放异常\n    player.on('error', () => {\n      playSuccess.value = false;\n      destroy();\n    });\n    play(props.url);\n  }\n\n  function destroy() {\n    if (player) {\n      player.destroy();\n      player = null;\n    }\n  }\n\n  function play(url?: string) {\n    if (player && (url || props.url)) {\n      playUrl.value = url || props.url;\n      player.play(playUrl.value);\n    }\n  }\n</script>\n\n<template>\n  <div class=\"i-tzj-player\">\n    <div ref=\"playerRef\" class=\"i-tzj-player-content\" />\n\n    <div v-if=\"!playSuccess\" class=\"i-tzj-player__error\">无信号</div>\n    <div v-if=\"!playUrl\" class=\"i-tzj-player__error\">无播放地址</div>\n  </div>\n</template>\n"],"names":["shallowRef","ref","onMounted","watch","onBeforeUnmount","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOE,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAA,IAAI,MAAc,GAAA,IAAA;AAClB,IAAA,MAAM,YAAYA,cAAwB,EAAA;AAC1C,IAAM,MAAA,WAAA,GAAcC,QAAI,IAAI,CAAA;AAC5B,IAAM,MAAA,OAAA,GAAUA,QAAI,EAAE,CAAA;AAEtB,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,IAAI,MAAM,GAAK,EAAA;AACb,QAAA,OAAA,CAAQ,QAAQ,KAAM,CAAA,GAAA;AACtB,QAAa,YAAA,EAAA;AAAA;AACf,KACD,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,GAAA;AAAA,MACZ,CAAU,MAAA,KAAA;AACR,QAAA,IAAI,MAAQ,EAAA;AACV,UAAA,OAAA,CAAQ,KAAQ,GAAA,MAAA;AAChB,UAAa,YAAA,EAAA;AAAA,SACR,MAAA;AACL,UAAA,OAAA,CAAQ,KAAQ,GAAA,EAAA;AAChB,UAAQ,OAAA,EAAA;AAAA;AACV;AACF,KACF;AAEA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,OAAA,CAAQ,KAAQ,GAAA,EAAA;AAChB,MAAQ,OAAA,EAAA;AAAA,KACT,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX,IAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,eAAe,YAAe,GAAA;AAC5B,MAAQ,OAAA,EAAA;AACR,MAAA,MAAMC,YAAS,EAAA;AACf,MAAA,MAAA,GAAS,IAAI,MAAA,CAAO,aAAc,CAAA,SAAA,CAAU,KAAO,EAAA;AAAA,QACjD,MAAQ,EAAA,IAAA;AAAA;AAAA,QACR,QAAU,EAAA,IAAA;AAAA;AAAA,QACV,UAAY,EAAA,GAAA;AAAA;AAAA,QACZ,OAAS,EAAA,IAAA;AAAA;AAAA,QACT,GAAK,EAAA,KAAA;AAAA,QACL,GAAK,EAAA,KAAA;AAAA,QACL,IAAM,EAAA,IAAA;AAAA,QACN,KAAO,EAAA,KAAA;AAAA,QACP,WAAa,EAAA;AAAA,UACX,WAAa,EAAA;AAAA;AACf,OACD,CAAA;AAGD,MAAO,MAAA,CAAA,EAAA,CAAG,WAAW,MAAM;AACzB,QAAA,WAAA,CAAY,KAAQ,GAAA,KAAA;AACpB,QAAQ,OAAA,EAAA;AAAA,OACT,CAAA;AAED,MAAO,MAAA,CAAA,EAAA,CAAG,SAAS,MAAM;AACvB,QAAA,WAAA,CAAY,KAAQ,GAAA,KAAA;AACpB,QAAQ,OAAA,EAAA;AAAA,OACT,CAAA;AACD,MAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA;AA3BD,IAAA,MAAA,CAAA,YAAA,EAAA,cAAA,CAAA;AA8Bf,IAAA,SAAS,OAAU,GAAA;AACjB,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA,MAAA,CAAO,OAAQ,EAAA;AACf,QAAS,MAAA,GAAA,IAAA;AAAA;AACX;AAJO,IAAA,MAAA,CAAA,OAAA,EAAA,SAAA,CAAA;AAOT,IAAA,SAAS,KAAK,GAAc,EAAA;AAC1B,MAAI,IAAA,MAAA,KAAW,GAAO,IAAA,KAAA,CAAM,GAAM,CAAA,EAAA;AAChC,QAAQ,OAAA,CAAA,KAAA,GAAQ,OAAO,KAAM,CAAA,GAAA;AAC7B,QAAO,MAAA,CAAA,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA;AAC3B;AAJO,IAAA,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,15 @@
+import type { ExtractPropTypes } from 'vue';
+import type TzjPlayer from './tzj-player.vue';
+export declare const TzjPlayerProps: {
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    accessToken: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare function uuid(): string;
+export type TzjPlayerPropsType = ExtractPropTypes<typeof TzjPlayerProps>;
+export type TzjPlayerInstance = InstanceType<typeof TzjPlayer>;

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const TzjPlayerProps = {
+  url: {
+    type: String,
+    default: ""
+  },
+  accessToken: {
+    type: String,
+    default: ""
+  }
+};
+function uuid() {
+  return "xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
+__name(uuid, "uuid");
+
+exports.TzjPlayerProps = TzjPlayerProps;
+exports.uuid = uuid;
+//# sourceMappingURL=tzj-player.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tzj-player.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue';\nimport type TzjPlayer from './tzj-player.vue';\n\nexport const TzjPlayerProps = {\n  url: {\n    type: String,\n    default: '',\n  },\n  accessToken: {\n    type: String,\n    default: '',\n  },\n};\n\nexport function uuid(): string {\n  return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, c => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n\nexport type TzjPlayerPropsType = ExtractPropTypes<typeof TzjPlayerProps>;\nexport type TzjPlayerInstance = InstanceType<typeof TzjPlayer>;\n"],"names":[],"mappings":";;;;AAGO,MAAM,cAAiB,GAAA;AAAA,EAC5B,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA;AAEb;AAEO,SAAS,IAAe,GAAA;AAC7B,EAAO,OAAA,kCAAA,CAAmC,OAAQ,CAAA,OAAA,EAAS,CAAK,CAAA,KAAA;AAC9D,IAAA,MAAM,CAAK,GAAA,IAAA,CAAK,MAAO,EAAA,GAAI,EAAM,GAAA,CAAA;AACjC,IAAA,MAAM,CAAI,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,GAAK,IAAI,CAAO,GAAA,CAAA;AACtC,IAAO,OAAA,CAAA,CAAE,SAAS,EAAE,CAAA;AAAA,GACrB,CAAA;AACH;AANgB,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA;;;;;"}

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

@@ -0,0 +1,36 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    accessToken: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        accessToken: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}> & {}>;
+    comp: import("vue").ShallowRef<any, any>;
+    compRef: import("vue").ShallowRef<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    accessToken: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    url: string;
+    accessToken: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tzjPlayer_vue_vue_type_script_setup_true_lang = require('./tzj-player.vue2.js');
+
+
+
+exports.default = tzjPlayer_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=tzj-player.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tzj-player.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}