@yimou6/common-ui 1.15.0 → 1.15.3

package/es/components/tzj-player/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
 import './src/tzj-player.vue.mjs';
-export { getVideoUrlByCamreaId, parseAuthorizedTokenCookie } from './src/yunzhiyan.mjs';
+export { getVideoUrlByCamreaId } from './src/yunzhiyan.mjs';
 import { withInstall } from '../../utils/install.mjs';
 import _sfc_main from './src/tzj-player.vue2.mjs';
 

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

@@ -0,0 +1,6 @@
+export interface VideoUrlResult {
+    code: number;
+    data: string | null;
+    msg: string;
+}
+export declare function getVideoUrlByCamreaId(deviceId?: string, refresh?: boolean): Promise<VideoUrlResult>;

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

@@ -0,0 +1,61 @@
+import '../../../utils/index.mjs';
+import { parseAuthorizedTokenCookie } from '../../../utils/util.mjs';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const REQUEST_TIMEOUT = 1e4;
+async function getVideoUrlByCamreaId(deviceId, refresh = false) {
+  if (!deviceId) {
+    return { code: -1, data: null, msg: "\u8BBE\u5907ID\u4E0D\u80FD\u4E3A\u7A7A" };
+  }
+  const controller = new AbortController();
+  const timeoutId = setTimeout(() => controller.abort(), REQUEST_TIMEOUT);
+  try {
+    const token = parseAuthorizedTokenCookie();
+    const headers = {};
+    if (token) {
+      headers.authorization = token;
+    } else {
+      console.warn(
+        "[tzj-player] \u672A\u83B7\u53D6\u5230 authorized-token\uFF0C\u672C\u6B21\u8BF7\u6C42\u5C06\u4E0D\u5E26\u9274\u6743\u5934"
+      );
+    }
+    const response = await fetch(
+      `/production/device/${encodeURIComponent(deviceId)}/play-url?refresh=${refresh}`,
+      { method: "GET", headers, signal: controller.signal }
+    );
+    if (!response.ok) {
+      console.error(
+        `[tzj-player] HTTP\u9519\u8BEF: ${response.status} ${response.statusText} - getVideoUrlByCamreaId`
+      );
+      return { code: response.status, data: null, msg: response.statusText };
+    }
+    const { code, data, msg } = await response.json();
+    if (code === 401) {
+      if (!refresh) {
+        return getVideoUrlByCamreaId(deviceId, true);
+      }
+      console.error("[tzj-player] \u5237\u65B0\u540E\u4ECD\u8FD4\u56DE 401\uFF0C\u505C\u6B62\u91CD\u8BD5", msg);
+    }
+    return { code, data, msg };
+  } catch (error) {
+    if (error instanceof Error && error.name === "AbortError") {
+      console.error(
+        `[tzj-player] \u8BF7\u6C42\u8D85\u65F6\uFF08${REQUEST_TIMEOUT / 1e3}s\uFF09: getVideoUrlByCamreaId`
+      );
+      return { code: -1, data: null, msg: "\u8BF7\u6C42\u8D85\u65F6" };
+    }
+    console.error("[tzj-player] \u8BF7\u6C42\u5931\u8D25: getVideoUrlByCamreaId", error);
+    return {
+      code: -1,
+      data: null,
+      msg: error instanceof Error ? error.message : "\u672A\u77E5\u9519\u8BEF"
+    };
+  } finally {
+    clearTimeout(timeoutId);
+  }
+}
+__name(getVideoUrlByCamreaId, "getVideoUrlByCamreaId");
+
+export { getVideoUrlByCamreaId };
+//# sourceMappingURL=icc-player.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icc-player.mjs","sources":["../../../../../../../packages/components/tzj-player/src/icc-player.ts"],"sourcesContent":["import { parseAuthorizedTokenCookie } from \"../../../utils\";\n\n/** 取流地址接口的统一返回结构 */\nexport interface VideoUrlResult {\n  code: number;\n  data: string | null;\n  msg: string;\n}\n\n// 请求超时时间：网关无响应时及时失败，避免调用方无限等待黑屏\nconst REQUEST_TIMEOUT = 10_000;\n\nexport async function getVideoUrlByCamreaId(\n  deviceId?: string,\n  refresh: boolean = false,\n): Promise<VideoUrlResult> {\n  // deviceId 缺失时直接失败，避免发出 /device/undefined/play-url 的无效请求\n  if (!deviceId) {\n    return { code: -1, data: null, msg: \"设备ID不能为空\" };\n  }\n\n  const controller = new AbortController();\n  const timeoutId = setTimeout(() => controller.abort(), REQUEST_TIMEOUT);\n\n  try {\n    // token 可能不存在或解析失败，不能把 null 直接塞进请求头\n    const token = parseAuthorizedTokenCookie();\n    const headers: Record<string, string> = {};\n    if (token) {\n      headers.authorization = token;\n    } else {\n      console.warn(\n        \"[tzj-player] 未获取到 authorized-token，本次请求将不带鉴权头\",\n      );\n    }\n\n    const response = await fetch(\n      `/production/device/${encodeURIComponent(deviceId)}/play-url?refresh=${refresh}`,\n      { method: \"GET\", headers, signal: controller.signal },\n    );\n\n    // 网关异常时可能返回 HTML 或空 body，先校验状态码再解析，避免抛出晦涩的 JSON 解析错误\n    if (!response.ok) {\n      console.error(\n        `[tzj-player] HTTP错误: ${response.status} ${response.statusText} - getVideoUrlByCamreaId`,\n      );\n      return { code: response.status, data: null, msg: response.statusText };\n    }\n\n    const { code, data, msg } = await response.json();\n    if (code === 401) {\n      // 仅在首次调用（refresh=false）时带 refresh=true 重试一次；\n      // refresh=true 仍 401 说明 token 彻底失效，必须停止递归，否则会无限请求\n      if (!refresh) {\n        return getVideoUrlByCamreaId(deviceId, true);\n      }\n      console.error(\"[tzj-player] 刷新后仍返回 401，停止重试\", msg);\n    }\n\n    return { code, data, msg };\n  } catch (error) {\n    if (error instanceof Error && error.name === \"AbortError\") {\n      console.error(\n        `[tzj-player] 请求超时（${REQUEST_TIMEOUT / 1000}s）: getVideoUrlByCamreaId`,\n      );\n      return { code: -1, data: null, msg: \"请求超时\" };\n    }\n    console.error(\"[tzj-player] 请求失败: getVideoUrlByCamreaId\", error);\n    return {\n      code: -1,\n      data: null,\n      msg: error instanceof Error ? error.message : \"未知错误\",\n    };\n  } finally {\n    // 无论成功、失败还是 401 递归返回，都清掉本层的超时定时器\n    clearTimeout(timeoutId);\n  }\n}\n"],"names":[],"mappings":";;;;;AAUA,MAAM,eAAkB,GAAA,GAAA;AAEF,eAAA,qBAAA,CACpB,QACA,EAAA,OAAA,GAAmB,KACM,EAAA;AAEzB,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAA,OAAO,EAAE,IAAM,EAAA,CAAA,CAAA,EAAI,IAAM,EAAA,IAAA,EAAM,KAAK,wCAAW,EAAA;AAAA;AAGjD,EAAM,MAAA,UAAA,GAAa,IAAI,eAAgB,EAAA;AACvC,EAAA,MAAM,YAAY,UAAW,CAAA,MAAM,UAAW,CAAA,KAAA,IAAS,eAAe,CAAA;AAEtE,EAAI,IAAA;AAEF,IAAA,MAAM,QAAQ,0BAA2B,EAAA;AACzC,IAAA,MAAM,UAAkC,EAAC;AACzC,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,OAAA,CAAQ,aAAgB,GAAA,KAAA;AAAA,KACnB,MAAA;AACL,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN;AAAA,OACF;AAAA;AAGF,IAAA,MAAM,WAAW,MAAM,KAAA;AAAA,MACrB,CAAsB,mBAAA,EAAA,kBAAA,CAAmB,QAAQ,CAAC,qBAAqB,OAAO,CAAA,CAAA;AAAA,MAC9E,EAAE,MAAQ,EAAA,KAAA,EAAO,OAAS,EAAA,MAAA,EAAQ,WAAW,MAAO;AAAA,KACtD;AAGA,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAQ,OAAA,CAAA,KAAA;AAAA,QACN,CAAwB,+BAAA,EAAA,QAAA,CAAS,MAAM,CAAA,CAAA,EAAI,SAAS,UAAU,CAAA,wBAAA;AAAA,OAChE;AACA,MAAO,OAAA,EAAE,MAAM,QAAS,CAAA,MAAA,EAAQ,MAAM,IAAM,EAAA,GAAA,EAAK,SAAS,UAAW,EAAA;AAAA;AAGvE,IAAA,MAAM,EAAE,IAAM,EAAA,IAAA,EAAM,KAAQ,GAAA,MAAM,SAAS,IAAK,EAAA;AAChD,IAAA,IAAI,SAAS,GAAK,EAAA;AAGhB,MAAA,IAAI,CAAC,OAAS,EAAA;AACZ,QAAO,OAAA,qBAAA,CAAsB,UAAU,IAAI,CAAA;AAAA;AAE7C,MAAQ,OAAA,CAAA,KAAA,CAAM,uFAAgC,GAAG,CAAA;AAAA;AAGnD,IAAO,OAAA,EAAE,IAAM,EAAA,IAAA,EAAM,GAAI,EAAA;AAAA,WAClB,KAAO,EAAA;AACd,IAAA,IAAI,KAAiB,YAAA,KAAA,IAAS,KAAM,CAAA,IAAA,KAAS,YAAc,EAAA;AACzD,MAAQ,OAAA,CAAA,KAAA;AAAA,QACN,CAAA,2CAAA,EAAqB,kBAAkB,GAAI,CAAA,8BAAA;AAAA,OAC7C;AACA,MAAA,OAAO,EAAE,IAAM,EAAA,CAAA,CAAA,EAAI,IAAM,EAAA,IAAA,EAAM,KAAK,0BAAO,EAAA;AAAA;AAE7C,IAAQ,OAAA,CAAA,KAAA,CAAM,gEAA4C,KAAK,CAAA;AAC/D,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,CAAA,CAAA;AAAA,MACN,IAAM,EAAA,IAAA;AAAA,MACN,GAAK,EAAA,KAAA,YAAiB,KAAQ,GAAA,KAAA,CAAM,OAAU,GAAA;AAAA,KAChD;AAAA,GACA,SAAA;AAEA,IAAA,YAAA,CAAa,SAAS,CAAA;AAAA;AAE1B;AAjEsB,MAAA,CAAA,qBAAA,EAAA,uBAAA,CAAA;;;;"}

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

@@ -0,0 +1,277 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    accessToken: {
+        type: StringConstructor;
+        default: string;
+    };
+    areaName: {
+        type: StringConstructor;
+        default: string;
+    };
+    deviceSerial: {
+        type: StringConstructor;
+        default: string;
+    };
+    platformTypeName: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pauseMode: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        accessToken: {
+            type: StringConstructor;
+            default: string;
+        };
+        areaName: {
+            type: StringConstructor;
+            default: string;
+        };
+        deviceSerial: {
+            type: StringConstructor;
+            default: string;
+        };
+        platformTypeName: {
+            type: StringConstructor;
+            default: string;
+        };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pauseMode: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+    }>> & Readonly<{}> & {}>;
+    videoUrl: import("vue").Ref<string, string>;
+    errorMsg: import("vue").Ref<string, string>;
+    showBottomBar: import("vue").Ref<boolean, boolean>;
+    playerRef: import("vue").ShallowRef<any, any>;
+    isPlaying: import("vue").Ref<boolean, boolean>;
+    isVolumeMuted: import("vue").Ref<boolean, boolean>;
+    initPlayer: () => Promise<void>;
+    handleVideoInfo: () => void;
+    handleMute: (mute: boolean) => void;
+    EasyPlayer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        accessToken: {
+            type: StringConstructor;
+            default: string;
+        };
+        areaName: {
+            type: StringConstructor;
+            default: string;
+        };
+        deviceSerial: {
+            type: StringConstructor;
+            default: string;
+        };
+        platformTypeName: {
+            type: StringConstructor;
+            default: string;
+        };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pauseMode: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            url: {
+                type: StringConstructor;
+                default: string;
+            };
+            accessToken: {
+                type: StringConstructor;
+                default: string;
+            };
+            areaName: {
+                type: StringConstructor;
+                default: string;
+            };
+            deviceSerial: {
+                type: StringConstructor;
+                default: string;
+            };
+            platformTypeName: {
+                type: StringConstructor;
+                default: string;
+            };
+            debug: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            pauseMode: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+        }>> & Readonly<{
+            onPlay?: ((...args: any[]) => any) | undefined;
+            onPause?: ((...args: any[]) => any) | undefined;
+            onError?: ((...args: any[]) => any) | undefined;
+            onVideoInfo?: ((...args: any[]) => any) | undefined;
+            onTimeout?: ((...args: any[]) => any) | undefined;
+            onMute?: ((...args: any[]) => any) | undefined;
+        }> & {}>;
+        emits: (event: "error" | "play" | "pause" | "videoInfo" | "timeout" | "mute", ...args: any[]) => void;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        customBar: import("vue").ComputedRef<import("vue").Slot<any> | undefined>;
+        player: any;
+        id: string;
+        playerRef: import("vue").ShallowRef<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        playSuccess: import("vue").Ref<boolean, boolean>;
+        playUrl: import("vue").Ref<string, string>;
+        videoInfo: import("vue").Ref<any, any>;
+        eventHandlers: import("vue").Ref<Map<string, Function> & Omit<Map<string, Function>, keyof Map<any, any>>, Map<string, Function> | (Map<string, Function> & Omit<Map<string, Function>, keyof Map<any, any>>)>;
+        waitTimer: number | null;
+        restartTimer: import("vue").Ref<number | null, number | null>;
+        pauseCycleTimer: import("vue").Ref<number | null, number | null>;
+        resizeObserver: ResizeObserver | null;
+        createRetryCount: number;
+        MAX_CREATE_RETRY: number;
+        isUnmounted: boolean;
+        play: (url?: string) => void;
+        playerPause: () => void;
+        playerScreenShot: () => void;
+        formatUrl: (url: string) => string;
+        initPlayer: (url: string) => Promise<void>;
+        removePlayerDom: () => void;
+        createPlayerDom: () => Promise<HTMLDivElement>;
+        createPlayer: () => Promise<void>;
+        startPlayer: () => Promise<void>;
+        destroy: (flag?: boolean) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "play" | "pause" | "videoInfo" | "timeout" | "mute")[], "error" | "play" | "pause" | "videoInfo" | "timeout" | "mute", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        accessToken: {
+            type: StringConstructor;
+            default: string;
+        };
+        areaName: {
+            type: StringConstructor;
+            default: string;
+        };
+        deviceSerial: {
+            type: StringConstructor;
+            default: string;
+        };
+        platformTypeName: {
+            type: StringConstructor;
+            default: string;
+        };
+        debug: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pauseMode: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+    }>> & Readonly<{
+        onPlay?: ((...args: any[]) => any) | undefined;
+        onPause?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onVideoInfo?: ((...args: any[]) => any) | undefined;
+        onTimeout?: ((...args: any[]) => any) | undefined;
+        onMute?: ((...args: any[]) => any) | undefined;
+    }>, {
+        url: string;
+        accessToken: string;
+        debug: boolean;
+        deviceSerial: string;
+        areaName: string;
+        platformTypeName: string;
+        pauseMode: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ErrorPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        videoName: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        videoName: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        message: string;
+        videoName: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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;
+    };
+    areaName: {
+        type: StringConstructor;
+        default: string;
+    };
+    deviceSerial: {
+        type: StringConstructor;
+        default: string;
+    };
+    platformTypeName: {
+        type: StringConstructor;
+        default: string;
+    };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pauseMode: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+}>> & Readonly<{}>, {
+    url: string;
+    accessToken: string;
+    debug: boolean;
+    deviceSerial: string;
+    areaName: string;
+    platformTypeName: string;
+    pauseMode: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/tzj-player/src/icc-player.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './icc-player.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=icc-player.vue.mjs.map

package/es/components/tzj-player/src/icc-player.vue.mjs.map

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

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

@@ -0,0 +1,87 @@
+import { defineComponent, ref, shallowRef, onMounted, openBlock, createBlock, createCommentVNode } from 'vue';
+import { ElMessage } from 'element-plus';
+import './easyPlayer.vue.mjs';
+import './errorPage.vue.mjs';
+import { TzjPlayerProps } from './tzj-player.mjs';
+import { getVideoUrlByCamreaId } from './icc-player.mjs';
+import _sfc_main$1 from './errorPage.vue2.mjs';
+import _sfc_main$2 from './easyPlayer.vue2.mjs';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "iccPlayer"
+  },
+  __name: "icc-player",
+  props: TzjPlayerProps,
+  setup(__props) {
+    const props = __props;
+    const videoUrl = ref("");
+    const errorMsg = ref("");
+    const showBottomBar = ref(false);
+    const playerRef = shallowRef();
+    const isPlaying = ref(false);
+    const isVolumeMuted = ref(true);
+    const initPlayer = /* @__PURE__ */ __name(async () => {
+      try {
+        if (!props.deviceSerial) {
+          errorMsg.value = "\u8BBE\u5907\u5E8F\u5217\u53F7\u4E0D\u80FD\u4E3A\u7A7A";
+          return;
+        }
+        const { code, data, msg } = await getVideoUrlByCamreaId(props.deviceSerial);
+        if (props.debug) {
+          console.log("\u83B7\u53D6\u4E91\u667A\u773C\u8BBE\u5907\u89C6\u9891\u64AD\u653E\u5730\u5740", data);
+        }
+        if (code !== 200) {
+          errorMsg.value = "\u83B7\u53D6\u89C6\u9891\u64AD\u653E\u5730\u5740\u5931\u8D25";
+          ElMessage.error(msg || "\u6570\u636E\u83B7\u53D6\u5931\u8D25!");
+          return;
+        }
+        videoUrl.value = data != null ? data : "";
+        errorMsg.value = "";
+      } catch (error) {
+        if (props.debug) {
+          console.error("\u521D\u59CB\u5316\u4E91\u667A\u773C\u64AD\u653E\u5668\u5931\u8D25:", error);
+        }
+        errorMsg.value = `\u521D\u59CB\u5316\u5931\u8D25: ${error instanceof Error ? error.message : "\u672A\u77E5\u9519\u8BEF"}`;
+      }
+    }, "initPlayer");
+    const handleVideoInfo = /* @__PURE__ */ __name(() => {
+      var _a;
+      isVolumeMuted.value = (_a = playerRef.value) == null ? void 0 : _a.isMute();
+    }, "handleVideoInfo");
+    const handleMute = /* @__PURE__ */ __name((mute) => {
+      isVolumeMuted.value = mute;
+    }, "handleMute");
+    onMounted(async () => {
+      initPlayer();
+    });
+    return (_ctx, _cache) => {
+      return errorMsg.value ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        message: errorMsg.value
+      }, null, 8, ["message"])) : videoUrl.value ? (openBlock(), createBlock(_sfc_main$2, {
+        key: 1,
+        ref_key: "playerRef",
+        ref: playerRef,
+        url: videoUrl.value,
+        debug: _ctx.debug,
+        "access-token": _ctx.accessToken,
+        "platform-type-name": _ctx.platformTypeName,
+        "device-serial": _ctx.deviceSerial,
+        "area-name": _ctx.areaName,
+        "pause-mode": _ctx.pauseMode,
+        onMouseenter: _cache[0] || (_cache[0] = ($event) => showBottomBar.value = true),
+        onMouseleave: _cache[1] || (_cache[1] = ($event) => showBottomBar.value = false),
+        onPause: _cache[2] || (_cache[2] = ($event) => isPlaying.value = false),
+        onPlay: _cache[3] || (_cache[3] = ($event) => isPlaying.value = true),
+        onVideoInfo: handleVideoInfo,
+        onMute: handleMute
+      }, null, 8, ["url", "debug", "access-token", "platform-type-name", "device-serial", "area-name", "pause-mode"])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=icc-player.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icc-player.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/icc-player.vue"],"sourcesContent":["<!--  大华播放器  -->\n<!-- packages\\components\\tzj-player\\src\\icc-player.vue -->\n<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport ErrorPage from \"./errorPage.vue\";\nimport { TzjPlayerProps } from \"./tzj-player\";\nimport { getVideoUrlByCamreaId } from \"./icc-player\";\n\ndefineOptions({\n  name: \"iccPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst videoUrl = ref(\"\");\nconst errorMsg = ref(\"\");\nconst showBottomBar = ref(false);\n\n// 播放器相关状态\nconst playerRef = shallowRef();\nconst isPlaying = ref(false); // 是否播放，播放true,暂停false\nconst isVolumeMuted = ref(true);\n\n/**\n * 初始化云智眼播放器\n * 获取设备通道ID和视频播放地址\n */\nconst initPlayer = async (): Promise<void> => {\n  try {\n    if (!props.deviceSerial) {\n      errorMsg.value = \"设备序列号不能为空\";\n      return;\n    }\n\n    const { code, data, msg } = await getVideoUrlByCamreaId(props.deviceSerial);\n\n    if (props.debug) {\n      console.log(\"获取云智眼设备视频播放地址\", data);\n    }\n\n    if (code !== 200) {\n      errorMsg.value = \"获取视频播放地址失败\";\n      ElMessage.error(msg || \"数据获取失败!\");\n      return;\n    }\n\n    videoUrl.value = data ?? \"\";\n    errorMsg.value = \"\"; // 清除错误信息\n  } catch (error) {\n    if (props.debug) {\n      console.error(\"初始化云智眼播放器失败:\", error);\n    }\n    errorMsg.value = `初始化失败: ${error instanceof Error ? error.message : \"未知错误\"}`;\n  }\n};\n\n// 获取视频信息,判断当前是否为静音状态\nconst handleVideoInfo = () => {\n  // 判断是否静音\n  isVolumeMuted.value = playerRef.value?.isMute();\n};\nconst handleMute = (mute: boolean) => {\n  isVolumeMuted.value = mute;\n};\n\nonMounted(async () => {\n  initPlayer();\n});\n</script>\n\n<template>\n  <ErrorPage v-if=\"errorMsg\" :message=\"errorMsg\" />\n  <EasyPlayer\n    v-else-if=\"videoUrl\"\n    ref=\"playerRef\"\n    :url=\"videoUrl\"\n    :debug=\"debug\"\n    :access-token=\"accessToken\"\n    :platform-type-name=\"platformTypeName\"\n    :device-serial=\"deviceSerial\"\n    :area-name=\"areaName\"\n    :pause-mode=\"pauseMode\"\n    @mouseenter=\"showBottomBar = true\"\n    @mouseleave=\"showBottomBar = false\"\n    @pause=\"isPlaying = false\"\n    @play=\"isPlaying = true\"\n    @video-info=\"handleVideoInfo\"\n    @mute=\"handleMute\"\n  >\n  </EasyPlayer>\n</template>\n"],"names":["_createBlock","ErrorPage","EasyPlayer","debug","accessToken","platformTypeName","deviceSerial","areaName","pauseMode"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAM,MAAA,QAAA,GAAW,IAAI,EAAE,CAAA;AACvB,IAAM,MAAA,QAAA,GAAW,IAAI,EAAE,CAAA;AACvB,IAAM,MAAA,aAAA,GAAgB,IAAI,KAAK,CAAA;AAG/B,IAAA,MAAM,YAAY,UAAW,EAAA;AAC7B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA;AAC3B,IAAM,MAAA,aAAA,GAAgB,IAAI,IAAI,CAAA;AAM9B,IAAA,MAAM,6BAAwC,MAAA,CAAA,YAAA;AAC5C,MAAI,IAAA;AACF,QAAI,IAAA,CAAC,MAAM,YAAc,EAAA;AACvB,UAAA,QAAA,CAAS,KAAQ,GAAA,wDAAA;AACjB,UAAA;AAAA;AAGF,QAAM,MAAA,EAAE,MAAM,IAAM,EAAA,GAAA,KAAQ,MAAM,qBAAA,CAAsB,MAAM,YAAY,CAAA;AAE1E,QAAA,IAAI,MAAM,KAAO,EAAA;AACf,UAAQ,OAAA,CAAA,GAAA,CAAI,kFAAiB,IAAI,CAAA;AAAA;AAGnC,QAAA,IAAI,SAAS,GAAK,EAAA;AAChB,UAAA,QAAA,CAAS,KAAQ,GAAA,8DAAA;AACjB,UAAU,SAAA,CAAA,KAAA,CAAM,OAAO,uCAAS,CAAA;AAChC,UAAA;AAAA;AAGF,QAAA,QAAA,CAAS,QAAQ,IAAQ,IAAA,IAAA,GAAA,IAAA,GAAA,EAAA;AACzB,QAAA,QAAA,CAAS,KAAQ,GAAA,EAAA;AAAA,eACV,KAAO,EAAA;AACd,QAAA,IAAI,MAAM,KAAO,EAAA;AACf,UAAQ,OAAA,CAAA,KAAA,CAAM,uEAAgB,KAAK,CAAA;AAAA;AAErC,QAAA,QAAA,CAAS,QAAQ,CAAU,gCAAA,EAAA,KAAA,YAAiB,KAAQ,GAAA,KAAA,CAAM,UAAU,0BAAM,CAAA,CAAA;AAAA;AAC5E,KA1BiB,EAAA,YAAA,CAAA;AA8BnB,IAAA,MAAM,kCAAwB,MAAA,CAAA,MAAA;;AAE5B,MAAc,aAAA,CAAA,KAAA,GAAA,CAAQ,EAAU,GAAA,SAAA,CAAA,KAAA,KAAV,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AAAA,KAFjB,EAAA,iBAAA,CAAA;AAIxB,IAAM,MAAA,UAAA,2BAAc,IAAkB,KAAA;AACpC,MAAA,aAAA,CAAc,KAAQ,GAAA,IAAA;AAAA,KADL,EAAA,YAAA,CAAA;AAInB,IAAA,SAAA,CAAU,YAAY;AACpB,MAAW,UAAA,EAAA;AAAA,KACZ,CAAA;;aAIkB,QAAQ,CAAA,KAAA,iBAAzBA,YAAiDC,WAAA,EAAA;AAAA;QAArB,SAAS,QAAQ,CAAA;AAAA,8BAEhC,IAAA,QAAA,CAAQ,oBADrB,EAAAD,WAAA,CAiBaE,WAAA,EAAA;AAAA;eAfP,EAAA,WAAA;AAAA,QAAJ,GAAI,EAAA,SAAA;AAAA,QACH,KAAK,QAAQ,CAAA,KAAA;AAAA,QACb,OAAOC,IAAK,CAAA,KAAA;AAAA,QACZ,gBAAcC,IAAW,CAAA,WAAA;AAAA,QACzB,sBAAoBC,IAAgB,CAAA,gBAAA;AAAA,QACpC,iBAAeC,IAAY,CAAA,YAAA;AAAA,QAC3B,aAAWC,IAAQ,CAAA,QAAA;AAAA,QACnB,cAAYC,IAAS,CAAA,SAAA;AAAA,QACrB,YAAA,mCAAY,KAAA,aAAA,CAAa,KAAA,GAAA,IAAA,CAAA;AAAA,QACzB,YAAA,mCAAY,KAAA,aAAA,CAAa,KAAA,GAAA,KAAA,CAAA;AAAA,QACzB,OAAA,mCAAO,KAAA,SAAA,CAAS,KAAA,GAAA,KAAA,CAAA;AAAA,QAChB,MAAA,mCAAM,KAAA,SAAA,CAAS,KAAA,GAAA,IAAA,CAAA;AAAA,QACf,WAAY,EAAA,eAAA;AAAA,QACZ,MAAM,EAAA;AAAA;;;;;;;"}