@ray-js/ipc-player-integration 0.0.29-beta.5 → 0.0.29-beta.6

package/lib/ctx/ctx.composition.js

@@ -4,7 +4,7 @@ const _excluded = ["title", "duration"];
 import { getCameraConfigInfo } from '@ray-js/ray-ipc-utils';
 import { IntercomMode, MuteMode, ClarityType } from '@ray-js/ray-ipc-utils/lib/interface';
 import { createUseCtx } from './ctx';
-import { FullSmallIntercom, VerticalSmallIntercom, BatteryFull, Battery, Screenshot, TempHumidity, RecordVideo, FullScreen, VideoBitKBP, Muted, Resolution, Ptz } from '../widgets';
+import { FullSmallIntercom, VerticalSmallIntercom, BatteryFull, Battery, Screenshot, TempHumidity, Signal4G, RecordVideo, FullScreen, VideoBitKBP, Muted, Resolution, Ptz } from '../widgets';
 import { authorizeStatus } from '../utils/authorize';
 const createPlayContext = ty.createIpcPlayerContext;
 // const createPlayContext = () => null;
@@ -16,6 +16,9 @@ export const defaultTopLeftContent = [{
 export const defaultTopRightContent = [{
   id: 'BatteryFull',
   content: BatteryFull
+}, {
+  id: 'Signal4G',
+  content: Signal4G
 }, {
   id: 'TempHumidity',
   content: TempHumidity

package/lib/ctx/ctx.js

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "core-js/modules/es.json.stringify.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.filter.js";
 import "core-js/modules/esnext.iterator.find.js";

package/lib/ctx/multiCameraCtx.d.ts

@@ -53,11 +53,11 @@ export declare const useMultiCameraCtx: (props: Props) => {
     /**
      * 设置布局样式
      */
-    setLayoutStyle: (style: MultiCameraLayoutStyle) => void;
+    setLayoutStyle: (this: unknown, style: MultiCameraLayoutStyle) => void;
     /**
      * 设置屏幕模式
      */
-    setScreenMode: (mode: MultiCameraScreenMode) => void;
+    setScreenMode: (this: unknown, mode: MultiCameraScreenMode) => void;
     /**
      * 设置ptz状态
      */
@@ -65,7 +65,7 @@ export declare const useMultiCameraCtx: (props: Props) => {
     /**
      * 显示/隐藏镜头名称
      */
-    showLenNames: (value: boolean) => void;
+    showLenNames: (this: unknown, value: boolean) => void;
     /**
      * 设置下一个布局样式
      */
@@ -73,6 +73,6 @@ export declare const useMultiCameraCtx: (props: Props) => {
     /**
      * 获取下一个布局样式
      */
-    getNextLayoutStyle: () => Promise<MultiCameraLayoutStyle>;
+    getNextLayoutStyle: (this: unknown) => Promise<MultiCameraLayoutStyle>;
 };
 export {};

package/lib/ctx/multiCameraCtx.js

@@ -1,3 +1,4 @@
+import "core-js/modules/es.json.stringify.js";
 import { getDpIdByCode, publishDps } from '@ray-js/ray-ipc-utils';
 import { useMemoizedFn } from 'ahooks';
 import { useMemo, useRef } from 'react';

package/lib/hooks/index.d.ts

@@ -1,6 +1,7 @@
 export * from './useBattery';
 export * from './useHumidity';
 export * from './useTemperature';
+export * from './useSignal4G';
 export * from './useDpState';
 export * from './useMemoizedFn';
 export * from './usePtz';

package/lib/hooks/index.js

@@ -1,6 +1,7 @@
 export * from './useBattery';
 export * from './useHumidity';
 export * from './useTemperature';
+export * from './useSignal4G';
 export * from './useDpState';
 export * from './useMemoizedFn';
 export * from './usePtz';

package/lib/hooks/useSignal4G/index.d.ts

@@ -0,0 +1,2 @@
+import type { UseSignal4G } from '../../ports.output';
+export declare const useSignal4G: UseSignal4G;

package/lib/hooks/useSignal4G/index.js

@@ -0,0 +1,35 @@
+import { useCallback, useMemo } from 'react';
+import { useDpState } from '../useDpState';
+const CELLULAR_SIGNAL_DP_CODE = 'ipc_cellular_signal';
+export const useSignal4G = devId => {
+  const [dpState, dpSchema] = useDpState({
+    devId,
+    dpCodes: [CELLULAR_SIGNAL_DP_CODE]
+  });
+
+  /**
+   * 获取信号图片key
+   */
+
+  const getSignalKey = useCallback(dpValue => {
+    var _dpSchema$CELLULAR_SI;
+    const range = (_dpSchema$CELLULAR_SI = dpSchema[CELLULAR_SIGNAL_DP_CODE]) === null || _dpSchema$CELLULAR_SI === void 0 || (_dpSchema$CELLULAR_SI = _dpSchema$CELLULAR_SI.property) === null || _dpSchema$CELLULAR_SI === void 0 ? void 0 : _dpSchema$CELLULAR_SI.range;
+    if (range.length <= 4) {
+      return `signalThree${dpValue}`;
+    }
+    return `signalFour${dpValue}`;
+  }, [dpSchema]);
+  const signalInfo = useMemo(() => {
+    if (dpState[CELLULAR_SIGNAL_DP_CODE] !== undefined) {
+      return {
+        dpValue: dpState[CELLULAR_SIGNAL_DP_CODE],
+        signalKey: getSignalKey(dpState[CELLULAR_SIGNAL_DP_CODE])
+      };
+    }
+    return {
+      dpValue: '',
+      signalKey: ''
+    };
+  }, [dpState]);
+  return signalInfo;
+};

package/lib/ports.output.d.ts

@@ -6,6 +6,10 @@ export type UseBattery = (devId: string) => {
 export type UsePtz = (devId: string) => boolean;
 export type UseTemperature = (devId: string) => number;
 export type UseHumidity = () => number;
+export type UseSignal4G = (devId: string) => {
+    dpValue: string;
+    signalKey: string;
+};
 export type Toast = (options: {
     title: string;
     duration?: number;

package/lib/ports.output.js

@@ -6,4 +6,6 @@ export { IntercomMode } from '@ray-js/ray-ipc-utils/lib/interface';
 
 // plugin 获取温度
 
-// plugin 获取湿度
+// plugin 获取湿度
+
+// plugin 获取信号强度

package/lib/res/index.d.ts

@@ -1,2 +1,3 @@
 import playerPtzControlTip from './player_ptz_control_tip.png';
 export { playerPtzControlTip };
+export declare const signalSvgMap: Record<string, string>;

package/lib/res/index.js

@@ -1,2 +1,22 @@
 import playerPtzControlTip from './player_ptz_control_tip.png';
-export { playerPtzControlTip };
+import signalFour0 from './svg/signalFour0.svg';
+import signalFour1 from './svg/signalFour1.svg';
+import signalFour2 from './svg/signalFour2.svg';
+import signalFour3 from './svg/signalFour3.svg';
+import signalFour4 from './svg/signalFour4.svg';
+import signalThree0 from './svg/signalThree0.svg';
+import signalThree1 from './svg/signalThree1.svg';
+import signalThree2 from './svg/signalThree2.svg';
+import signalThree3 from './svg/signalThree3.svg';
+export { playerPtzControlTip };
+export const signalSvgMap = {
+  signalFour0,
+  signalFour1,
+  signalFour2,
+  signalFour3,
+  signalFour4,
+  signalThree0,
+  signalThree1,
+  signalThree2,
+  signalThree3
+};

package/lib/res/svg/signalFour0.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g></g><g><path d="M5,14.50000006L5,15.5C5,15.7761424,4.7761423999999995,16,4.5,16L3.5,16C3.22385764,16,3,15.7761424,3,15.5L3,14.5C3,14.22385764,3.22385764,14,3.50000006,14L4.5,14C4.7761423999999995,14,5,14.22385764,5,14.50000006" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="0.30000001192092896"/></g><g><path d="M9,11.50000006L9,15.5C9,15.7761426,8.7761424,16,8.5,16L7.5,16C7.22385764,16,7,15.7761426,7,15.5L7,11.50000012C7,11.22385764,7.22385764,11,7.50000006,11L8.5,11C8.7761424,11,9,11.22385764,9,11.50000006" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="0.30000001192092896"/></g><g><path d="M13,7.50000006L13,15.5C13,15.7761421,12.7761424,16,12.5,16L11.5,16C11.22385764,16,11,15.7761421,11,15.5L11,7.50000024C11,7.22385764,11.22385764,7,11.50000006,7L12.5,7C12.7761424,7,13,7.22385764,13,7.50000006" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="0.30000001192092896"/></g><g><path d="M17,4.50000006L17,15.5C17,15.776142,16.7761424,16,16.5,16L15.5,16C15.22385764,16,15,15.776142,15,15.5L15,4.50000024C15,4.22385764,15.22385764,4,15.50000006,4L16.5,4C16.7761424,4,17,4.22385764,17,4.50000006" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="0.30000001192092896"/></g><g><path d="M4.6215529,4.2073684L3.5606198,3.14643526C3.3653573999999997,2.951172829,3.0487751999999997,2.951173306,2.85351324,3.14643526L2.14640617,3.85354209C1.951144218,4.0488043000000005,1.951143742,4.3653865,2.14640617,4.5606489L3.2073393,5.621582L2.14661515,6.6823063000000005C1.951352954,6.877568699999999,1.951352954,7.1941509,2.14661515,7.3894129L2.85372198,8.0965199C3.0489842,8.2917819,3.3655666,8.2917819,3.5608288999999997,8.0965195L4.6215527000000005,7.0357957L5.6819401,8.096182800000001C5.8772023,8.2914448,6.1937847,8.2914448,6.3890467,8.096182800000001L7.0961537,7.3890758C7.2914157,7.1938138,7.2914157,6.8772310999999995,7.0961533,6.6819689L6.0357661,5.6215817999999995L7.0963621,4.5609856C7.2916245,4.3657231,7.2916245,4.0491409,7.0963626,3.8538789700000002L6.3892555,3.14677238C6.1939936,2.951509953,5.8774109,2.951509476,5.6821487,3.14677238L4.6215529,4.2073684Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="0.30000001192092896"/></g></g></svg>

package/lib/res/svg/signalFour1.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g></g><g><path d="M5,14.50000006L5,15.5C5,15.7761424,4.7761423999999995,16,4.5,16L3.5,16C3.22385764,16,3,15.7761424,3,15.5L3,14.5C3,14.22385764,3.22385764,14,3.50000006,14L4.5,14C4.7761423999999995,14,5,14.22385764,5,14.50000006" fill-rule="evenodd" fill="#F04C4C" fill-opacity="1"/></g><g><path d="M9,11.50000006L9,15.5C9,15.7761426,8.7761424,16,8.5,16L7.5,16C7.22385764,16,7,15.7761426,7,15.5L7,11.50000012C7,11.22385764,7.22385764,11,7.50000006,11L8.5,11C8.7761424,11,9,11.22385764,9,11.50000006" fill-rule="evenodd" fill="#F04C4C" fill-opacity="0.30000001192092896"/></g><g><path d="M13,7.50000006L13,15.5C13,15.7761421,12.7761424,16,12.5,16L11.5,16C11.22385764,16,11,15.7761421,11,15.5L11,7.50000024C11,7.22385764,11.22385764,7,11.50000006,7L12.5,7C12.7761424,7,13,7.22385764,13,7.50000006" fill-rule="evenodd" fill="#F04C4C" fill-opacity="0.30000001192092896"/></g><g><path d="M17,4.50000006L17,15.5C17,15.776142,16.7761424,16,16.5,16L15.5,16C15.22385764,16,15,15.776142,15,15.5L15,4.50000024C15,4.22385764,15.22385764,4,15.50000006,4L16.5,4C16.7761424,4,17,4.22385764,17,4.50000006" fill-rule="evenodd" fill="#F04C4C" fill-opacity="0.30000001192092896"/></g><g><g><path d="M6.676171770367432,7.75C6.449505070367431,7.75,6.233671770367431,7.71,6.028671770367431,7.6300001C5.823671700367432,7.548333400000001,5.642005200367432,7.4283333,5.4836719003674315,7.27C5.3270052403674315,7.1116667,5.202838630367432,6.9158337,5.1111719603674315,6.6825004C5.021171949367432,6.449167,4.976171970367432,6.1799998,4.976171970367432,5.8749999C4.976171970367432,5.4766665,5.052005261367432,5.1383333,5.203671930367432,4.86000001C5.357005300367431,4.58000004,5.562005040367431,4.36666667,5.818671700367432,4.21999991C6.077005170367432,4.073333338,6.362838470367432,4,6.676171770367432,4C7.139505170367432,4,7.503671870367432,4.10749996,7.768671970367432,4.32249987C8.033672070367432,4.53749996,8.211172070367432,4.84166682,8.30117227036743,5.235C8.30117227036743,5.235,7.606172070367432,5.3349999,7.606172070367432,5.3349999C7.541172070367431,5.125,7.434505270367431,4.95749992,7.286171870367432,4.83249986C7.139505170367432,4.70583326,6.951171870367432,4.64166647,6.7211718703674315,4.63999975C6.492838670367432,4.63666648,6.302838770367432,4.68583316,6.151172170367431,4.78749979C5.999505470367431,4.88916641,5.885338600367431,5.0333331999999995,5.808671950367431,5.2199998999999995C5.733671960367432,5.4066665,5.696172000367431,5.6249998,5.696172000367431,5.8749999C5.696172000367431,6.124999799999999,5.733671960367432,6.3416667,5.808671950367431,6.5250001C5.885338600367431,6.7083335,5.999505470367431,6.8508337,6.151172170367431,6.9525003000000005C6.302838770367432,7.054167,6.492838670367432,7.1066668,6.7211718703674315,7.110000100000001C6.876171870367432,7.1133334999999995,7.016171970367432,7.0866668,7.141171970367432,7.0300002C7.267838670367432,6.9733336,7.374505470367431,6.884167,7.461172070367432,6.7625003C7.547838970367431,6.640833600000001,7.609505370367431,6.485000100000001,7.646172070367432,6.2950001C7.646172070367432,6.2950001,7.076171870367432,6.2950001,7.076171870367432,6.2950001C7.076171870367432,6.2950001,7.076171870367432,5.7700001,7.076171870367432,5.7700001C7.076171870367432,5.7700001,8.371171970367431,5.7700001,8.371171970367431,5.7700001C8.374505270367433,5.7916667,8.377005370367431,5.8300002,8.378672170367432,5.8850001C8.380338670367433,5.9400001,8.381172170367432,5.9716666,8.381172170367432,5.9799999C8.381172170367432,6.3249998000000005,8.311171970367432,6.6308334,8.17117217036743,6.8975C8.031172270367431,7.1641667,7.833672070367432,7.3733335,7.578671970367432,7.5250001C7.323671770367431,7.6750001999999995,7.022838570367432,7.75,6.676171770367432,7.75Z" fill="#F04C4C" fill-opacity="1"/></g><g><path d="M3.5650001,7.675000147683716C3.5650001,7.675000147683716,3.5650001,7.1150002476837155,3.5650001,7.1150002476837155C3.5650001,7.1150002476837155,2,7.1150002476837155,2,7.1150002476837155C2,7.1150002476837155,2,6.480000247683716,2,6.480000247683716C2,6.480000247683716,3.135,4.075000047683716,3.135,4.075000047683716C3.135,4.075000047683716,3.9150001999999997,4.075000047683716,3.9150001999999997,4.075000047683716C3.9150001999999997,4.075000047683716,2.78000009,6.480000247683716,2.78000009,6.480000247683716C2.78000009,6.480000247683716,3.5650001,6.480000247683716,3.5650001,6.480000247683716C3.5650001,6.480000247683716,3.5650001,5.579999947683715,3.5650001,5.579999947683715C3.5650001,5.579999947683715,4.2550001,5.579999947683715,4.2550001,5.579999947683715C4.2550001,5.579999947683715,4.2550001,6.480000247683716,4.2550001,6.480000247683716C4.2550001,6.480000247683716,4.575,6.480000247683716,4.575,6.480000247683716C4.575,6.480000247683716,4.575,7.1150002476837155,4.575,7.1150002476837155C4.575,7.1150002476837155,4.2550001,7.1150002476837155,4.2550001,7.1150002476837155C4.2550001,7.1150002476837155,4.2550001,7.675000147683716,4.2550001,7.675000147683716C4.2550001,7.675000147683716,3.5650001,7.675000147683716,3.5650001,7.675000147683716Z" fill="#F04C4C" fill-opacity="1"/></g></g></g></svg>

package/lib/res/svg/signalFour2.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g></g><g><path d="M5,14.50000006L5,15.5C5,15.7761424,4.7761423999999995,16,4.5,16L3.5,16C3.22385764,16,3,15.7761424,3,15.5L3,14.5C3,14.22385764,3.22385764,14,3.50000006,14L4.5,14C4.7761423999999995,14,5,14.22385764,5,14.50000006" fill-rule="evenodd" fill="#FFA000" fill-opacity="1"/></g><g><path d="M9,11.50000006L9,15.5C9,15.7761426,8.7761424,16,8.5,16L7.5,16C7.22385764,16,7,15.7761426,7,15.5L7,11.50000012C7,11.22385764,7.22385764,11,7.50000006,11L8.5,11C8.7761424,11,9,11.22385764,9,11.50000006" fill-rule="evenodd" fill="#FFA000" fill-opacity="1"/></g><g><path d="M13,7.50000006L13,15.5C13,15.7761421,12.7761424,16,12.5,16L11.5,16C11.22385764,16,11,15.7761421,11,15.5L11,7.50000024C11,7.22385764,11.22385764,7,11.50000006,7L12.5,7C12.7761424,7,13,7.22385764,13,7.50000006" fill-rule="evenodd" fill="#FFA000" fill-opacity="0.30000001192092896"/></g><g><path d="M17,4.50000006L17,15.5C17,15.776142,16.7761424,16,16.5,16L15.5,16C15.22385764,16,15,15.776142,15,15.5L15,4.50000024C15,4.22385764,15.22385764,4,15.50000006,4L16.5,4C16.7761424,4,17,4.22385764,17,4.50000006" fill-rule="evenodd" fill="#FFA000" fill-opacity="0.30000001192092896"/></g><g><g><path d="M6.676171770367432,7.75C6.449505070367431,7.75,6.233671770367431,7.71,6.028671770367431,7.6300001C5.823671700367432,7.548333400000001,5.642005200367432,7.4283333,5.4836719003674315,7.27C5.3270052403674315,7.1116667,5.202838630367432,6.9158337,5.1111719603674315,6.6825004C5.021171949367432,6.449167,4.976171970367432,6.1799998,4.976171970367432,5.8749999C4.976171970367432,5.4766665,5.052005261367432,5.1383333,5.203671930367432,4.86000001C5.357005300367431,4.58000004,5.562005040367431,4.36666667,5.818671700367432,4.21999991C6.077005170367432,4.073333338,6.362838470367432,4,6.676171770367432,4C7.139505170367432,4,7.503671870367432,4.10749996,7.768671970367432,4.32249987C8.033672070367432,4.53749996,8.211172070367432,4.84166682,8.30117227036743,5.235C8.30117227036743,5.235,7.606172070367432,5.3349999,7.606172070367432,5.3349999C7.541172070367431,5.125,7.434505270367431,4.95749992,7.286171870367432,4.83249986C7.139505170367432,4.70583326,6.951171870367432,4.64166647,6.7211718703674315,4.63999975C6.492838670367432,4.63666648,6.302838770367432,4.68583316,6.151172170367431,4.78749979C5.999505470367431,4.88916641,5.885338600367431,5.0333331999999995,5.808671950367431,5.2199998999999995C5.733671960367432,5.4066665,5.696172000367431,5.6249998,5.696172000367431,5.8749999C5.696172000367431,6.124999799999999,5.733671960367432,6.3416667,5.808671950367431,6.5250001C5.885338600367431,6.7083335,5.999505470367431,6.8508337,6.151172170367431,6.9525003000000005C6.302838770367432,7.054167,6.492838670367432,7.1066668,6.7211718703674315,7.110000100000001C6.876171870367432,7.1133334999999995,7.016171970367432,7.0866668,7.141171970367432,7.0300002C7.267838670367432,6.9733336,7.374505470367431,6.884167,7.461172070367432,6.7625003C7.547838970367431,6.640833600000001,7.609505370367431,6.485000100000001,7.646172070367432,6.2950001C7.646172070367432,6.2950001,7.076171870367432,6.2950001,7.076171870367432,6.2950001C7.076171870367432,6.2950001,7.076171870367432,5.7700001,7.076171870367432,5.7700001C7.076171870367432,5.7700001,8.371171970367431,5.7700001,8.371171970367431,5.7700001C8.374505270367433,5.7916667,8.377005370367431,5.8300002,8.378672170367432,5.8850001C8.380338670367433,5.9400001,8.381172170367432,5.9716666,8.381172170367432,5.9799999C8.381172170367432,6.3249998000000005,8.311171970367432,6.6308334,8.17117217036743,6.8975C8.031172270367431,7.1641667,7.833672070367432,7.3733335,7.578671970367432,7.5250001C7.323671770367431,7.6750001999999995,7.022838570367432,7.75,6.676171770367432,7.75Z" fill="#FFA000" fill-opacity="1"/></g><g><path d="M3.5650001,7.675000147683716C3.5650001,7.675000147683716,3.5650001,7.1150002476837155,3.5650001,7.1150002476837155C3.5650001,7.1150002476837155,2,7.1150002476837155,2,7.1150002476837155C2,7.1150002476837155,2,6.480000247683716,2,6.480000247683716C2,6.480000247683716,3.135,4.075000047683716,3.135,4.075000047683716C3.135,4.075000047683716,3.9150001999999997,4.075000047683716,3.9150001999999997,4.075000047683716C3.9150001999999997,4.075000047683716,2.78000009,6.480000247683716,2.78000009,6.480000247683716C2.78000009,6.480000247683716,3.5650001,6.480000247683716,3.5650001,6.480000247683716C3.5650001,6.480000247683716,3.5650001,5.579999947683715,3.5650001,5.579999947683715C3.5650001,5.579999947683715,4.2550001,5.579999947683715,4.2550001,5.579999947683715C4.2550001,5.579999947683715,4.2550001,6.480000247683716,4.2550001,6.480000247683716C4.2550001,6.480000247683716,4.575,6.480000247683716,4.575,6.480000247683716C4.575,6.480000247683716,4.575,7.1150002476837155,4.575,7.1150002476837155C4.575,7.1150002476837155,4.2550001,7.1150002476837155,4.2550001,7.1150002476837155C4.2550001,7.1150002476837155,4.2550001,7.675000147683716,4.2550001,7.675000147683716C4.2550001,7.675000147683716,3.5650001,7.675000147683716,3.5650001,7.675000147683716Z" fill="#FFA000" fill-opacity="1"/></g></g></g></svg>

package/lib/res/svg/signalFour3.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g></g><g><path d="M5,14.50000006L5,15.5C5,15.7761424,4.7761423999999995,16,4.5,16L3.5,16C3.22385764,16,3,15.7761424,3,15.5L3,14.5C3,14.22385764,3.22385764,14,3.50000006,14L4.5,14C4.7761423999999995,14,5,14.22385764,5,14.50000006" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M9,11.50000006L9,15.5C9,15.7761426,8.7761424,16,8.5,16L7.5,16C7.22385764,16,7,15.7761426,7,15.5L7,11.50000012C7,11.22385764,7.22385764,11,7.50000006,11L8.5,11C8.7761424,11,9,11.22385764,9,11.50000006" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M13,7.50000006L13,15.5C13,15.7761421,12.7761424,16,12.5,16L11.5,16C11.22385764,16,11,15.7761421,11,15.5L11,7.50000024C11,7.22385764,11.22385764,7,11.50000006,7L12.5,7C12.7761424,7,13,7.22385764,13,7.50000006" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M17,4.50000006L17,15.5C17,15.776142,16.7761424,16,16.5,16L15.5,16C15.22385764,16,15,15.776142,15,15.5L15,4.50000024C15,4.22385764,15.22385764,4,15.50000006,4L16.5,4C16.7761424,4,17,4.22385764,17,4.50000006" fill-rule="evenodd" fill="#2DDA86" fill-opacity="0.30000001192092896"/></g><g><g><path d="M6.676171770367432,7.75C6.449505070367431,7.75,6.233671770367431,7.71,6.028671770367431,7.6300001C5.823671700367432,7.548333400000001,5.642005200367432,7.4283333,5.4836719003674315,7.27C5.3270052403674315,7.1116667,5.202838630367432,6.9158337,5.1111719603674315,6.6825004C5.021171949367432,6.449167,4.976171970367432,6.1799998,4.976171970367432,5.8749999C4.976171970367432,5.4766665,5.052005261367432,5.1383333,5.203671930367432,4.86000001C5.357005300367431,4.58000004,5.562005040367431,4.36666667,5.818671700367432,4.21999991C6.077005170367432,4.073333338,6.362838470367432,4,6.676171770367432,4C7.139505170367432,4,7.503671870367432,4.10749996,7.768671970367432,4.32249987C8.033672070367432,4.53749996,8.211172070367432,4.84166682,8.30117227036743,5.235C8.30117227036743,5.235,7.606172070367432,5.3349999,7.606172070367432,5.3349999C7.541172070367431,5.125,7.434505270367431,4.95749992,7.286171870367432,4.83249986C7.139505170367432,4.70583326,6.951171870367432,4.64166647,6.7211718703674315,4.63999975C6.492838670367432,4.63666648,6.302838770367432,4.68583316,6.151172170367431,4.78749979C5.999505470367431,4.88916641,5.885338600367431,5.0333331999999995,5.808671950367431,5.2199998999999995C5.733671960367432,5.4066665,5.696172000367431,5.6249998,5.696172000367431,5.8749999C5.696172000367431,6.124999799999999,5.733671960367432,6.3416667,5.808671950367431,6.5250001C5.885338600367431,6.7083335,5.999505470367431,6.8508337,6.151172170367431,6.9525003000000005C6.302838770367432,7.054167,6.492838670367432,7.1066668,6.7211718703674315,7.110000100000001C6.876171870367432,7.1133334999999995,7.016171970367432,7.0866668,7.141171970367432,7.0300002C7.267838670367432,6.9733336,7.374505470367431,6.884167,7.461172070367432,6.7625003C7.547838970367431,6.640833600000001,7.609505370367431,6.485000100000001,7.646172070367432,6.2950001C7.646172070367432,6.2950001,7.076171870367432,6.2950001,7.076171870367432,6.2950001C7.076171870367432,6.2950001,7.076171870367432,5.7700001,7.076171870367432,5.7700001C7.076171870367432,5.7700001,8.371171970367431,5.7700001,8.371171970367431,5.7700001C8.374505270367433,5.7916667,8.377005370367431,5.8300002,8.378672170367432,5.8850001C8.380338670367433,5.9400001,8.381172170367432,5.9716666,8.381172170367432,5.9799999C8.381172170367432,6.3249998000000005,8.311171970367432,6.6308334,8.17117217036743,6.8975C8.031172270367431,7.1641667,7.833672070367432,7.3733335,7.578671970367432,7.5250001C7.323671770367431,7.6750001999999995,7.022838570367432,7.75,6.676171770367432,7.75Z" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M3.5650001,7.675000147683716C3.5650001,7.675000147683716,3.5650001,7.1150002476837155,3.5650001,7.1150002476837155C3.5650001,7.1150002476837155,2,7.1150002476837155,2,7.1150002476837155C2,7.1150002476837155,2,6.480000247683716,2,6.480000247683716C2,6.480000247683716,3.135,4.075000047683716,3.135,4.075000047683716C3.135,4.075000047683716,3.9150001999999997,4.075000047683716,3.9150001999999997,4.075000047683716C3.9150001999999997,4.075000047683716,2.78000009,6.480000247683716,2.78000009,6.480000247683716C2.78000009,6.480000247683716,3.5650001,6.480000247683716,3.5650001,6.480000247683716C3.5650001,6.480000247683716,3.5650001,5.579999947683715,3.5650001,5.579999947683715C3.5650001,5.579999947683715,4.2550001,5.579999947683715,4.2550001,5.579999947683715C4.2550001,5.579999947683715,4.2550001,6.480000247683716,4.2550001,6.480000247683716C4.2550001,6.480000247683716,4.575,6.480000247683716,4.575,6.480000247683716C4.575,6.480000247683716,4.575,7.1150002476837155,4.575,7.1150002476837155C4.575,7.1150002476837155,4.2550001,7.1150002476837155,4.2550001,7.1150002476837155C4.2550001,7.1150002476837155,4.2550001,7.675000147683716,4.2550001,7.675000147683716C4.2550001,7.675000147683716,3.5650001,7.675000147683716,3.5650001,7.675000147683716Z" fill="#2DDA86" fill-opacity="1"/></g></g></g></svg>

package/lib/res/svg/signalFour4.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g></g><g><path d="M5,14.50000006L5,15.5C5,15.7761424,4.7761423999999995,16,4.5,16L3.5,16C3.22385764,16,3,15.7761424,3,15.5L3,14.5C3,14.22385764,3.22385764,14,3.50000006,14L4.5,14C4.7761423999999995,14,5,14.22385764,5,14.50000006" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M9,11.50000006L9,15.5C9,15.7761426,8.7761424,16,8.5,16L7.5,16C7.22385764,16,7,15.7761426,7,15.5L7,11.50000012C7,11.22385764,7.22385764,11,7.50000006,11L8.5,11C8.7761424,11,9,11.22385764,9,11.50000006" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M13,7.50000006L13,15.5C13,15.7761421,12.7761424,16,12.5,16L11.5,16C11.22385764,16,11,15.7761421,11,15.5L11,7.50000024C11,7.22385764,11.22385764,7,11.50000006,7L12.5,7C12.7761424,7,13,7.22385764,13,7.50000006" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M17,4.50000006L17,15.5C17,15.776142,16.7761424,16,16.5,16L15.5,16C15.22385764,16,15,15.776142,15,15.5L15,4.50000024C15,4.22385764,15.22385764,4,15.50000006,4L16.5,4C16.7761424,4,17,4.22385764,17,4.50000006" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><g><path d="M6.676171770367432,7.75C6.449505070367431,7.75,6.233671770367431,7.71,6.028671770367431,7.6300001C5.823671700367432,7.548333400000001,5.642005200367432,7.4283333,5.4836719003674315,7.27C5.3270052403674315,7.1116667,5.202838630367432,6.9158337,5.1111719603674315,6.6825004C5.021171949367432,6.449167,4.976171970367432,6.1799998,4.976171970367432,5.8749999C4.976171970367432,5.4766665,5.052005261367432,5.1383333,5.203671930367432,4.86000001C5.357005300367431,4.58000004,5.562005040367431,4.36666667,5.818671700367432,4.21999991C6.077005170367432,4.073333338,6.362838470367432,4,6.676171770367432,4C7.139505170367432,4,7.503671870367432,4.10749996,7.768671970367432,4.32249987C8.033672070367432,4.53749996,8.211172070367432,4.84166682,8.30117227036743,5.235C8.30117227036743,5.235,7.606172070367432,5.3349999,7.606172070367432,5.3349999C7.541172070367431,5.125,7.434505270367431,4.95749992,7.286171870367432,4.83249986C7.139505170367432,4.70583326,6.951171870367432,4.64166647,6.7211718703674315,4.63999975C6.492838670367432,4.63666648,6.302838770367432,4.68583316,6.151172170367431,4.78749979C5.999505470367431,4.88916641,5.885338600367431,5.0333331999999995,5.808671950367431,5.2199998999999995C5.733671960367432,5.4066665,5.696172000367431,5.6249998,5.696172000367431,5.8749999C5.696172000367431,6.124999799999999,5.733671960367432,6.3416667,5.808671950367431,6.5250001C5.885338600367431,6.7083335,5.999505470367431,6.8508337,6.151172170367431,6.9525003000000005C6.302838770367432,7.054167,6.492838670367432,7.1066668,6.7211718703674315,7.110000100000001C6.876171870367432,7.1133334999999995,7.016171970367432,7.0866668,7.141171970367432,7.0300002C7.267838670367432,6.9733336,7.374505470367431,6.884167,7.461172070367432,6.7625003C7.547838970367431,6.640833600000001,7.609505370367431,6.485000100000001,7.646172070367432,6.2950001C7.646172070367432,6.2950001,7.076171870367432,6.2950001,7.076171870367432,6.2950001C7.076171870367432,6.2950001,7.076171870367432,5.7700001,7.076171870367432,5.7700001C7.076171870367432,5.7700001,8.371171970367431,5.7700001,8.371171970367431,5.7700001C8.374505270367433,5.7916667,8.377005370367431,5.8300002,8.378672170367432,5.8850001C8.380338670367433,5.9400001,8.381172170367432,5.9716666,8.381172170367432,5.9799999C8.381172170367432,6.3249998000000005,8.311171970367432,6.6308334,8.17117217036743,6.8975C8.031172270367431,7.1641667,7.833672070367432,7.3733335,7.578671970367432,7.5250001C7.323671770367431,7.6750001999999995,7.022838570367432,7.75,6.676171770367432,7.75Z" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M3.5650001,7.675000147683716C3.5650001,7.675000147683716,3.5650001,7.1150002476837155,3.5650001,7.1150002476837155C3.5650001,7.1150002476837155,2,7.1150002476837155,2,7.1150002476837155C2,7.1150002476837155,2,6.480000247683716,2,6.480000247683716C2,6.480000247683716,3.135,4.075000047683716,3.135,4.075000047683716C3.135,4.075000047683716,3.9150001999999997,4.075000047683716,3.9150001999999997,4.075000047683716C3.9150001999999997,4.075000047683716,2.78000009,6.480000247683716,2.78000009,6.480000247683716C2.78000009,6.480000247683716,3.5650001,6.480000247683716,3.5650001,6.480000247683716C3.5650001,6.480000247683716,3.5650001,5.579999947683715,3.5650001,5.579999947683715C3.5650001,5.579999947683715,4.2550001,5.579999947683715,4.2550001,5.579999947683715C4.2550001,5.579999947683715,4.2550001,6.480000247683716,4.2550001,6.480000247683716C4.2550001,6.480000247683716,4.575,6.480000247683716,4.575,6.480000247683716C4.575,6.480000247683716,4.575,7.1150002476837155,4.575,7.1150002476837155C4.575,7.1150002476837155,4.2550001,7.1150002476837155,4.2550001,7.1150002476837155C4.2550001,7.1150002476837155,4.2550001,7.675000147683716,4.2550001,7.675000147683716C4.2550001,7.675000147683716,3.5650001,7.675000147683716,3.5650001,7.675000147683716Z" fill="#2DDA86" fill-opacity="1"/></g></g></g></svg>

package/lib/res/svg/signalThree0.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g></g><g><path d="M14.000031244415283,4.500025035532227L14.000031244415283,15.500024795532227C14.000031244415283,15.776166795532227,14.223889244415282,16.000024795532227,14.500031244415283,16.000024795532227L15.500031244415283,16.000024795532227C15.776173244415283,16.000024795532227,16.000031244415283,15.776166795532227,16.000031244415283,15.500024795532227L16.000031244415283,4.500024855532226C16.000031244415283,4.223882435532227,15.776173244415283,4.000024795532227,15.500031244415283,4.000024795532227L14.500031244415283,4.000024795532227C14.223889244415282,4.000024795532227,14.000031244415283,4.223882435532227,14.000031244415283,4.500025035532227ZM4.767682044415283,4.353613375532227L5.828615144415283,5.4145464955322264L6.889210944415283,4.353950495532226C7.084473144415283,4.158687595532227,7.401055844415283,4.1586880655322265,7.596317744415283,4.353950495532226L8.303424844415282,5.0610570955322265C8.498686744415284,5.256319095532227,8.498686744415284,5.572901295532226,8.303424344415284,5.768163695532227L7.242828344415283,6.828759895532226L8.303215544415284,7.889146995532227C8.498477944415283,8.084409195532228,8.498477944415283,8.400991895532226,8.303215944415284,8.596253895532227L7.596108944415283,9.303360895532226C7.400846944415283,9.498622895532225,7.084264544415284,9.498622895532225,6.8890023444152835,9.303360895532226L5.828614944415284,8.242973795532226L4.767891144415283,9.303697595532228C4.572628844415283,9.498959995532227,4.256046444415283,9.498959995532227,4.060784224415283,9.303698095532226L3.3536773944152833,8.596590995532226C3.158415198415283,8.401328995532227,3.158415198415283,8.084746795532226,3.3536773944152833,7.889484395532227L4.414401544415283,6.828760195532226L3.3534684144152833,5.767826995532227C3.1582059864152834,5.572564595532226,3.1582064624152832,5.255982395532227,3.3534684144152833,5.060720195532227L4.060575484415283,4.353613375532227C4.255837444415283,4.158351425532227,4.572419644415283,4.158350945532226,4.767682044415283,4.353613375532227ZM9.000031044415284,9.500024795532227L9.000031044415284,15.500024795532227C9.000031044415284,15.776166795532227,9.223888844415283,16.000024795532227,9.500031044415284,16.000024795532227L10.500031044415284,16.000024795532227C10.776173144415283,16.000024795532227,11.000031044415284,15.776166795532227,11.000031044415284,15.500024795532227L11.000031044415284,9.500024795532227C11.000031044415284,9.223882695532225,10.776173144415283,9.000024795532227,10.500031044415284,9.000024795532227L9.500031044415284,9.000024795532227C9.223888844415283,9.000024795532227,9.000031044415284,9.223882695532225,9.000031044415284,9.500024795532227ZM4.000030994415283,13.500024795532227L4.000030994415283,15.500024795532227C4.000030994415283,15.776166795532227,4.2238886444152834,16.000024795532227,4.500031044415283,16.000024795532227L5.500031044415284,16.000024795532227C5.776173344415284,16.000024795532227,6.000031044415284,15.776166795532227,6.000031044415284,15.500024795532227L6.000031044415284,13.500024795532227C6.000031044415284,13.223882695532227,5.776173344415284,13.000024795532227,5.500031044415284,13.000024795532227L4.500031044415283,13.000024795532227C4.2238886444152834,13.000024795532227,4.000030994415283,13.223882695532227,4.000030994415283,13.500024795532227Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="0.30000001192092896"/></g></g></svg>

package/lib/res/svg/signalThree1.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g></g><g><path d="M14,15.5L14,4.50000024C14,4.22385764,14.22385764,4,14.50000006,4L15.5,4C15.7761424,4,16,4.22385764,16,4.50000006L16,15.5C16,15.776142,15.7761424,16,15.5,16L14.5,16C14.22385764,16,14,15.776142,14,15.5" fill-rule="evenodd" fill="#F04C4C" fill-opacity="0.30000001192092896"/></g><g><path d="M9,15.5L9,9.50000018C9,9.22385764,9.22385764,9,9.50000006,9L10.5,9C10.7761424,9,11,9.22385764,11,9.50000006L11,15.5C11,15.7761426,10.7761424,16,10.5,16L9.5,16C9.22385764,16,9,15.7761426,9,15.5" fill-rule="evenodd" fill="#F04C4C" fill-opacity="0.30000001192092896"/></g><g><path d="M4,15.5L4,13.50000006C4,13.22385764,4.22385764,13,4.50000006,13L5.5,13C5.7761423999999995,13,6,13.22385764,6,13.50000006L6,15.5C6,15.7761424,5.7761423999999995,16,5.5,16L4.5,16C4.22385764,16,4,15.7761424,4,15.5" fill-rule="evenodd" fill="#F04C4C" fill-opacity="1"/></g><g><g><path d="M6.676171770367432,7.75C6.449505070367431,7.75,6.233671770367431,7.71,6.028671770367431,7.6300001C5.823671700367432,7.548333400000001,5.642005200367432,7.4283333,5.4836719003674315,7.27C5.3270052403674315,7.1116667,5.202838630367432,6.9158337,5.1111719603674315,6.6825004C5.021171949367432,6.449167,4.976171970367432,6.1799998,4.976171970367432,5.8749999C4.976171970367432,5.4766665,5.052005261367432,5.1383333,5.203671930367432,4.86000001C5.357005300367431,4.58000004,5.562005040367431,4.36666667,5.818671700367432,4.21999991C6.077005170367432,4.073333338,6.362838470367432,4,6.676171770367432,4C7.139505170367432,4,7.503671870367432,4.10749996,7.768671970367432,4.32249987C8.033672070367432,4.53749996,8.211172070367432,4.84166682,8.30117227036743,5.235C8.30117227036743,5.235,7.606172070367432,5.3349999,7.606172070367432,5.3349999C7.541172070367431,5.125,7.434505270367431,4.95749992,7.286171870367432,4.83249986C7.139505170367432,4.70583326,6.951171870367432,4.64166647,6.7211718703674315,4.63999975C6.492838670367432,4.63666648,6.302838770367432,4.68583316,6.151172170367431,4.78749979C5.999505470367431,4.88916641,5.885338600367431,5.0333331999999995,5.808671950367431,5.2199998999999995C5.733671960367432,5.4066665,5.696172000367431,5.6249998,5.696172000367431,5.8749999C5.696172000367431,6.124999799999999,5.733671960367432,6.3416667,5.808671950367431,6.5250001C5.885338600367431,6.7083335,5.999505470367431,6.8508337,6.151172170367431,6.9525003000000005C6.302838770367432,7.054167,6.492838670367432,7.1066668,6.7211718703674315,7.110000100000001C6.876171870367432,7.1133334999999995,7.016171970367432,7.0866668,7.141171970367432,7.0300002C7.267838670367432,6.9733336,7.374505470367431,6.884167,7.461172070367432,6.7625003C7.547838970367431,6.640833600000001,7.609505370367431,6.485000100000001,7.646172070367432,6.2950001C7.646172070367432,6.2950001,7.076171870367432,6.2950001,7.076171870367432,6.2950001C7.076171870367432,6.2950001,7.076171870367432,5.7700001,7.076171870367432,5.7700001C7.076171870367432,5.7700001,8.371171970367431,5.7700001,8.371171970367431,5.7700001C8.374505270367433,5.7916667,8.377005370367431,5.8300002,8.378672170367432,5.8850001C8.380338670367433,5.9400001,8.381172170367432,5.9716666,8.381172170367432,5.9799999C8.381172170367432,6.3249998000000005,8.311171970367432,6.6308334,8.17117217036743,6.8975C8.031172270367431,7.1641667,7.833672070367432,7.3733335,7.578671970367432,7.5250001C7.323671770367431,7.6750001999999995,7.022838570367432,7.75,6.676171770367432,7.75Z" fill="#F04C4C" fill-opacity="1"/></g><g><path d="M3.5650001,7.675000147683716C3.5650001,7.675000147683716,3.5650001,7.1150002476837155,3.5650001,7.1150002476837155C3.5650001,7.1150002476837155,2,7.1150002476837155,2,7.1150002476837155C2,7.1150002476837155,2,6.480000247683716,2,6.480000247683716C2,6.480000247683716,3.135,4.075000047683716,3.135,4.075000047683716C3.135,4.075000047683716,3.9150001999999997,4.075000047683716,3.9150001999999997,4.075000047683716C3.9150001999999997,4.075000047683716,2.78000009,6.480000247683716,2.78000009,6.480000247683716C2.78000009,6.480000247683716,3.5650001,6.480000247683716,3.5650001,6.480000247683716C3.5650001,6.480000247683716,3.5650001,5.579999947683715,3.5650001,5.579999947683715C3.5650001,5.579999947683715,4.2550001,5.579999947683715,4.2550001,5.579999947683715C4.2550001,5.579999947683715,4.2550001,6.480000247683716,4.2550001,6.480000247683716C4.2550001,6.480000247683716,4.575,6.480000247683716,4.575,6.480000247683716C4.575,6.480000247683716,4.575,7.1150002476837155,4.575,7.1150002476837155C4.575,7.1150002476837155,4.2550001,7.1150002476837155,4.2550001,7.1150002476837155C4.2550001,7.1150002476837155,4.2550001,7.675000147683716,4.2550001,7.675000147683716C4.2550001,7.675000147683716,3.5650001,7.675000147683716,3.5650001,7.675000147683716Z" fill="#F04C4C" fill-opacity="1"/></g></g></g></svg>

package/lib/res/svg/signalThree2.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g></g><g><path d="M14,15.5L14,4.50000024C14,4.22385764,14.22385764,4,14.50000006,4L15.5,4C15.7761424,4,16,4.22385764,16,4.50000006L16,15.5C16,15.776142,15.7761424,16,15.5,16L14.5,16C14.22385764,16,14,15.776142,14,15.5" fill-rule="evenodd" fill="#FFA000" fill-opacity="0.30000001192092896"/></g><g><path d="M9,15.5L9,9.50000018C9,9.22385764,9.22385764,9,9.50000006,9L10.5,9C10.7761424,9,11,9.22385764,11,9.50000006L11,15.5C11,15.7761426,10.7761424,16,10.5,16L9.5,16C9.22385764,16,9,15.7761426,9,15.5" fill-rule="evenodd" fill="#FFA000" fill-opacity="1"/></g><g><path d="M4,15.5L4,13.50000006C4,13.22385764,4.22385764,13,4.50000006,13L5.5,13C5.7761423999999995,13,6,13.22385764,6,13.50000006L6,15.5C6,15.7761424,5.7761423999999995,16,5.5,16L4.5,16C4.22385764,16,4,15.7761424,4,15.5" fill-rule="evenodd" fill="#FFA000" fill-opacity="1"/></g><g><g><path d="M6.676171770367432,7.75C6.449505070367431,7.75,6.233671770367431,7.71,6.028671770367431,7.6300001C5.823671700367432,7.548333400000001,5.642005200367432,7.4283333,5.4836719003674315,7.27C5.3270052403674315,7.1116667,5.202838630367432,6.9158337,5.1111719603674315,6.6825004C5.021171949367432,6.449167,4.976171970367432,6.1799998,4.976171970367432,5.8749999C4.976171970367432,5.4766665,5.052005261367432,5.1383333,5.203671930367432,4.86000001C5.357005300367431,4.58000004,5.562005040367431,4.36666667,5.818671700367432,4.21999991C6.077005170367432,4.073333338,6.362838470367432,4,6.676171770367432,4C7.139505170367432,4,7.503671870367432,4.10749996,7.768671970367432,4.32249987C8.033672070367432,4.53749996,8.211172070367432,4.84166682,8.30117227036743,5.235C8.30117227036743,5.235,7.606172070367432,5.3349999,7.606172070367432,5.3349999C7.541172070367431,5.125,7.434505270367431,4.95749992,7.286171870367432,4.83249986C7.139505170367432,4.70583326,6.951171870367432,4.64166647,6.7211718703674315,4.63999975C6.492838670367432,4.63666648,6.302838770367432,4.68583316,6.151172170367431,4.78749979C5.999505470367431,4.88916641,5.885338600367431,5.0333331999999995,5.808671950367431,5.2199998999999995C5.733671960367432,5.4066665,5.696172000367431,5.6249998,5.696172000367431,5.8749999C5.696172000367431,6.124999799999999,5.733671960367432,6.3416667,5.808671950367431,6.5250001C5.885338600367431,6.7083335,5.999505470367431,6.8508337,6.151172170367431,6.9525003000000005C6.302838770367432,7.054167,6.492838670367432,7.1066668,6.7211718703674315,7.110000100000001C6.876171870367432,7.1133334999999995,7.016171970367432,7.0866668,7.141171970367432,7.0300002C7.267838670367432,6.9733336,7.374505470367431,6.884167,7.461172070367432,6.7625003C7.547838970367431,6.640833600000001,7.609505370367431,6.485000100000001,7.646172070367432,6.2950001C7.646172070367432,6.2950001,7.076171870367432,6.2950001,7.076171870367432,6.2950001C7.076171870367432,6.2950001,7.076171870367432,5.7700001,7.076171870367432,5.7700001C7.076171870367432,5.7700001,8.371171970367431,5.7700001,8.371171970367431,5.7700001C8.374505270367433,5.7916667,8.377005370367431,5.8300002,8.378672170367432,5.8850001C8.380338670367433,5.9400001,8.381172170367432,5.9716666,8.381172170367432,5.9799999C8.381172170367432,6.3249998000000005,8.311171970367432,6.6308334,8.17117217036743,6.8975C8.031172270367431,7.1641667,7.833672070367432,7.3733335,7.578671970367432,7.5250001C7.323671770367431,7.6750001999999995,7.022838570367432,7.75,6.676171770367432,7.75Z" fill="#FFA000" fill-opacity="1"/></g><g><path d="M3.5650001,7.675000147683716C3.5650001,7.675000147683716,3.5650001,7.1150002476837155,3.5650001,7.1150002476837155C3.5650001,7.1150002476837155,2,7.1150002476837155,2,7.1150002476837155C2,7.1150002476837155,2,6.480000247683716,2,6.480000247683716C2,6.480000247683716,3.135,4.075000047683716,3.135,4.075000047683716C3.135,4.075000047683716,3.9150001999999997,4.075000047683716,3.9150001999999997,4.075000047683716C3.9150001999999997,4.075000047683716,2.78000009,6.480000247683716,2.78000009,6.480000247683716C2.78000009,6.480000247683716,3.5650001,6.480000247683716,3.5650001,6.480000247683716C3.5650001,6.480000247683716,3.5650001,5.579999947683715,3.5650001,5.579999947683715C3.5650001,5.579999947683715,4.2550001,5.579999947683715,4.2550001,5.579999947683715C4.2550001,5.579999947683715,4.2550001,6.480000247683716,4.2550001,6.480000247683716C4.2550001,6.480000247683716,4.575,6.480000247683716,4.575,6.480000247683716C4.575,6.480000247683716,4.575,7.1150002476837155,4.575,7.1150002476837155C4.575,7.1150002476837155,4.2550001,7.1150002476837155,4.2550001,7.1150002476837155C4.2550001,7.1150002476837155,4.2550001,7.675000147683716,4.2550001,7.675000147683716C4.2550001,7.675000147683716,3.5650001,7.675000147683716,3.5650001,7.675000147683716Z" fill="#FFA000" fill-opacity="1"/></g></g></g></svg>

package/lib/res/svg/signalThree3.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g></g><g><path d="M14,15.5L14,4.50000024C14,4.22385764,14.22385764,4,14.50000006,4L15.5,4C15.7761424,4,16,4.22385764,16,4.50000006L16,15.5C16,15.776142,15.7761424,16,15.5,16L14.5,16C14.22385764,16,14,15.776142,14,15.5" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M9,15.5L9,9.50000018C9,9.22385764,9.22385764,9,9.50000006,9L10.5,9C10.7761424,9,11,9.22385764,11,9.50000006L11,15.5C11,15.7761426,10.7761424,16,10.5,16L9.5,16C9.22385764,16,9,15.7761426,9,15.5" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M4,15.5L4,13.50000006C4,13.22385764,4.22385764,13,4.50000006,13L5.5,13C5.7761423999999995,13,6,13.22385764,6,13.50000006L6,15.5C6,15.7761424,5.7761423999999995,16,5.5,16L4.5,16C4.22385764,16,4,15.7761424,4,15.5" fill-rule="evenodd" fill="#2DDA86" fill-opacity="1"/></g><g><g><path d="M6.676171770367432,7.75C6.449505070367431,7.75,6.233671770367431,7.71,6.028671770367431,7.6300001C5.823671700367432,7.548333400000001,5.642005200367432,7.4283333,5.4836719003674315,7.27C5.3270052403674315,7.1116667,5.202838630367432,6.9158337,5.1111719603674315,6.6825004C5.021171949367432,6.449167,4.976171970367432,6.1799998,4.976171970367432,5.8749999C4.976171970367432,5.4766665,5.052005261367432,5.1383333,5.203671930367432,4.86000001C5.357005300367431,4.58000004,5.562005040367431,4.36666667,5.818671700367432,4.21999991C6.077005170367432,4.073333338,6.362838470367432,4,6.676171770367432,4C7.139505170367432,4,7.503671870367432,4.10749996,7.768671970367432,4.32249987C8.033672070367432,4.53749996,8.211172070367432,4.84166682,8.30117227036743,5.235C8.30117227036743,5.235,7.606172070367432,5.3349999,7.606172070367432,5.3349999C7.541172070367431,5.125,7.434505270367431,4.95749992,7.286171870367432,4.83249986C7.139505170367432,4.70583326,6.951171870367432,4.64166647,6.7211718703674315,4.63999975C6.492838670367432,4.63666648,6.302838770367432,4.68583316,6.151172170367431,4.78749979C5.999505470367431,4.88916641,5.885338600367431,5.0333331999999995,5.808671950367431,5.2199998999999995C5.733671960367432,5.4066665,5.696172000367431,5.6249998,5.696172000367431,5.8749999C5.696172000367431,6.124999799999999,5.733671960367432,6.3416667,5.808671950367431,6.5250001C5.885338600367431,6.7083335,5.999505470367431,6.8508337,6.151172170367431,6.9525003000000005C6.302838770367432,7.054167,6.492838670367432,7.1066668,6.7211718703674315,7.110000100000001C6.876171870367432,7.1133334999999995,7.016171970367432,7.0866668,7.141171970367432,7.0300002C7.267838670367432,6.9733336,7.374505470367431,6.884167,7.461172070367432,6.7625003C7.547838970367431,6.640833600000001,7.609505370367431,6.485000100000001,7.646172070367432,6.2950001C7.646172070367432,6.2950001,7.076171870367432,6.2950001,7.076171870367432,6.2950001C7.076171870367432,6.2950001,7.076171870367432,5.7700001,7.076171870367432,5.7700001C7.076171870367432,5.7700001,8.371171970367431,5.7700001,8.371171970367431,5.7700001C8.374505270367433,5.7916667,8.377005370367431,5.8300002,8.378672170367432,5.8850001C8.380338670367433,5.9400001,8.381172170367432,5.9716666,8.381172170367432,5.9799999C8.381172170367432,6.3249998000000005,8.311171970367432,6.6308334,8.17117217036743,6.8975C8.031172270367431,7.1641667,7.833672070367432,7.3733335,7.578671970367432,7.5250001C7.323671770367431,7.6750001999999995,7.022838570367432,7.75,6.676171770367432,7.75Z" fill="#2DDA86" fill-opacity="1"/></g><g><path d="M3.5650001,7.675000147683716C3.5650001,7.675000147683716,3.5650001,7.1150002476837155,3.5650001,7.1150002476837155C3.5650001,7.1150002476837155,2,7.1150002476837155,2,7.1150002476837155C2,7.1150002476837155,2,6.480000247683716,2,6.480000247683716C2,6.480000247683716,3.135,4.075000047683716,3.135,4.075000047683716C3.135,4.075000047683716,3.9150001999999997,4.075000047683716,3.9150001999999997,4.075000047683716C3.9150001999999997,4.075000047683716,2.78000009,6.480000247683716,2.78000009,6.480000247683716C2.78000009,6.480000247683716,3.5650001,6.480000247683716,3.5650001,6.480000247683716C3.5650001,6.480000247683716,3.5650001,5.579999947683715,3.5650001,5.579999947683715C3.5650001,5.579999947683715,4.2550001,5.579999947683715,4.2550001,5.579999947683715C4.2550001,5.579999947683715,4.2550001,6.480000247683716,4.2550001,6.480000247683716C4.2550001,6.480000247683716,4.575,6.480000247683716,4.575,6.480000247683716C4.575,6.480000247683716,4.575,7.1150002476837155,4.575,7.1150002476837155C4.575,7.1150002476837155,4.2550001,7.1150002476837155,4.2550001,7.1150002476837155C4.2550001,7.1150002476837155,4.2550001,7.675000147683716,4.2550001,7.675000147683716C4.2550001,7.675000147683716,3.5650001,7.675000147683716,3.5650001,7.675000147683716Z" fill="#2DDA86" fill-opacity="1"/></g></g></g></svg>

package/lib/svg-module.d.ts

@@ -0,0 +1,4 @@
+declare module '*.svg' {
+  const src: string;
+  export default src;
+}

package/lib/ui/constant.d.ts

@@ -18,6 +18,26 @@ export declare const tileTipId = "tileTipId";
 export declare const ptzMoveableTipId = "ptzMoveableTipId";
 export declare const landscapeTipId = "landscapeTipId";
 export declare const multiPtzId = "multiPtzId";
+/** 控件点击统一事件：任意播放器内控件被点击时触发，可用于埋点或统一处理 */
+export declare const widgetClick = "widgetClick";
+/** 控件点击事件用的 widgetId，统一在此维护 */
+export declare const widgetLabs: {
+    readonly SCREENSHOT: "Screenshot";
+    readonly RECORD_VIDEO: "RecordVideo";
+    readonly RESOLUTION: "Resolution";
+    readonly FULL_RESOLUTION_CONTROL: "FullResolutionControl";
+    readonly MUTED: "Muted";
+    readonly PTZ: "Ptz";
+    readonly PTZ_CONTROL_TIP: "PtzControlTip";
+    readonly MOVE_INTERACTIVE_CONTROL: "MoveInteractiveControl";
+    readonly VERTICAL_SMALL_INTERCOM: "VerticalSmallIntercom";
+    readonly FULL_SMALL_INTERCOM: "FullSmallIntercom";
+    readonly VOICE_INTERCOM: "VoiceIntercom";
+    readonly FULL_VOICE_INTERCOM: "FullVoiceIntercom";
+    readonly FULL_TRAVEL_ROUTE_CONTROL: "FullTravelRouteControl";
+    readonly FULL_SCREEN: "FullScreen";
+    readonly VERTICAL_SCREEN: "VerticalScreen";
+};
 export declare const decodeClarityDic: {
     SS: string;
     SD: string;

package/lib/ui/constant.js

@@ -18,6 +18,27 @@ export const tileTipId = 'tileTipId';
 export const ptzMoveableTipId = 'ptzMoveableTipId';
 export const landscapeTipId = 'landscapeTipId';
 export const multiPtzId = 'multiPtzId';
+/** 控件点击统一事件：任意播放器内控件被点击时触发，可用于埋点或统一处理 */
+export const widgetClick = 'widgetClick';
+
+/** 控件点击事件用的 widgetId，统一在此维护 */
+export const widgetLabs = {
+  SCREENSHOT: 'Screenshot',
+  RECORD_VIDEO: 'RecordVideo',
+  RESOLUTION: 'Resolution',
+  FULL_RESOLUTION_CONTROL: 'FullResolutionControl',
+  MUTED: 'Muted',
+  PTZ: 'Ptz',
+  PTZ_CONTROL_TIP: 'PtzControlTip',
+  MOVE_INTERACTIVE_CONTROL: 'MoveInteractiveControl',
+  VERTICAL_SMALL_INTERCOM: 'VerticalSmallIntercom',
+  FULL_SMALL_INTERCOM: 'FullSmallIntercom',
+  VOICE_INTERCOM: 'VoiceIntercom',
+  FULL_VOICE_INTERCOM: 'FullVoiceIntercom',
+  FULL_TRAVEL_ROUTE_CONTROL: 'FullTravelRouteControl',
+  FULL_SCREEN: 'FullScreen',
+  VERTICAL_SCREEN: 'VerticalScreen'
+};
 export const decodeClarityDic = {
   SS: 'ss',
   // 省流量

package/lib/ui/index.d.ts

@@ -2,3 +2,5 @@ export * from './ui';
 export * from './hooks';
 export * from './context';
 export type * from './event';
+export { widgetClick } from './widgetClick';
+export { widgetLabs } from './constant';

package/lib/ui/index.js

@@ -1,3 +1,5 @@
 export * from './ui';
 export * from './hooks';
-export * from './context';
+export * from './context';
+export { widgetClick } from './widgetClick';
+export { widgetLabs } from './constant';

package/lib/ui/ui.d.ts

@@ -32,6 +32,8 @@ type Props = {
     awakeStatus?: boolean | undefined;
     eventRef?: React.RefObject<EventInstance>;
     onPlayerTap?: (data: any) => void;
+    defaultAutoPlay?: boolean;
+    limitFlow?: boolean;
     extend?: Record<string, any>;
 };
 export declare const IPCPlayerIntegration: React.MemoExoticComponent<(props: Props) => React.JSX.Element>;

package/lib/ui/ui.js

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "core-js/modules/es.json.stringify.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import React, { useContext, useState, useRef, useMemo, useEffect, useImperativeHandle } from 'react';
@@ -61,6 +62,8 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     awakeStatus = undefined,
     onPlayerTap,
     playerRoute = 'pages/home/index',
+    defaultAutoPlay = true,
+    limitFlow = false,
     extend = {}
   } = props;
   const {
@@ -775,6 +778,8 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     ,
     brandColor: brandColor,
     playerRoute: playerRoute,
+    defaultAutoPlay: defaultAutoPlay,
+    limitFlow: limitFlow,
     extend: _objectSpread(_objectSpread({}, instance.multiCameraCtx.extendProps), extend)
   })), showTopContent && /*#__PURE__*/React.createElement(View, {
     className: clsx('ipc-player-top-content', {

package/lib/ui/widgetClick.d.ts

@@ -0,0 +1,2 @@
+/** 仅导出事件名，触发时使用 ctx.event / UIEventContext 的 event，即 eventRef.current.emit(widgetClick, payload) */
+export { widgetClick } from './constant';

package/lib/ui/widgetClick.js

@@ -0,0 +1,2 @@
+/** 仅导出事件名，触发时使用 ctx.event / UIEventContext 的 event，即 eventRef.current.emit(widgetClick, payload) */
+export { widgetClick } from './constant';

package/lib/utils/storage/index.js

@@ -1,3 +1,4 @@
+import "core-js/modules/es.json.stringify.js";
 import { getStorage, setStorage, removeStorage, getLaunchOptionsSync, getStorageSync } from '@ray-js/ray';
 import { promisify } from '..';
 export class Storage {

package/lib/widgets/battery/battery.composition.d.ts

@@ -68,12 +68,12 @@ export declare const Battery: import("react").FunctionComponent<{
             onLocalizerViewLocated: (this: any, event: any) => Promise<void>;
             onSwipeAtVideoIndex: (this: any, event: any) => Promise<void>;
         };
-        setLayoutStyle: (style: import("../..").MultiCameraLayoutStyle) => void;
-        setScreenMode: (mode: import("../..").MultiCameraScreenMode) => void;
+        setLayoutStyle: (this: unknown, style: import("../..").MultiCameraLayoutStyle) => void;
+        setScreenMode: (this: unknown, mode: import("../..").MultiCameraScreenMode) => void;
         setPtzStatus: (value: boolean | ((prevValue: boolean) => boolean)) => void;
-        showLenNames: (value: boolean) => void;
+        showLenNames: (this: unknown, value: boolean) => void;
         setNextLayoutStyle: (value: import("../..").MultiCameraLayoutStyle | ((prevValue: import("../..").MultiCameraLayoutStyle) => import("../..").MultiCameraLayoutStyle)) => void;
-        getNextLayoutStyle: () => Promise<import("../..").MultiCameraLayoutStyle>;
+        getNextLayoutStyle: (this: unknown) => Promise<import("../..").MultiCameraLayoutStyle>;
     };
 } & {
     className?: string | undefined;
@@ -147,12 +147,12 @@ export declare const BatteryFull: import("react").FunctionComponent<{
             onLocalizerViewLocated: (this: any, event: any) => Promise<void>;
             onSwipeAtVideoIndex: (this: any, event: any) => Promise<void>;
         };
-        setLayoutStyle: (style: import("../..").MultiCameraLayoutStyle) => void;
-        setScreenMode: (mode: import("../..").MultiCameraScreenMode) => void;
+        setLayoutStyle: (this: unknown, style: import("../..").MultiCameraLayoutStyle) => void;
+        setScreenMode: (this: unknown, mode: import("../..").MultiCameraScreenMode) => void;
         setPtzStatus: (value: boolean | ((prevValue: boolean) => boolean)) => void;
-        showLenNames: (value: boolean) => void;
+        showLenNames: (this: unknown, value: boolean) => void;
         setNextLayoutStyle: (value: import("../..").MultiCameraLayoutStyle | ((prevValue: import("../..").MultiCameraLayoutStyle) => import("../..").MultiCameraLayoutStyle)) => void;
-        getNextLayoutStyle: () => Promise<import("../..").MultiCameraLayoutStyle>;
+        getNextLayoutStyle: (this: unknown) => Promise<import("../..").MultiCameraLayoutStyle>;
     };
 } & {
     className?: string | undefined;

package/lib/widgets/fullScreen/fullScreen.js

@@ -5,7 +5,7 @@ import { useUpdateEffect } from 'ahooks';
 import clsx from 'clsx';
 import { unstable_batchedUpdates as batchedUpdates } from '@ray-core/ray';
 import { UIEventContext } from '../../ui/context';
-import { showAllComponent, voiceIntercomId, verticalScreenId, fullTravelRouteControlId, ptzControlId, fullResolutionId, fullSmallIntercomId, pauseTimeToHideAllComponent } from '../../ui/constant';
+import { showAllComponent, voiceIntercomId, verticalScreenId, fullTravelRouteControlId, ptzControlId, fullResolutionId, fullSmallIntercomId, pauseTimeToHideAllComponent, widgetLabs, widgetClick } from '../../ui/constant';
 import { useStore } from '../../ctx/store';
 import { VerticalScreen } from './verticalScreen';
 import { FullVoiceIntercom } from './fullVoiceIntercom';
@@ -125,6 +125,9 @@ export function FullScreen(props) {
 
   // 点击事件处理函数
   const handClick = target => {
+    event.emit(widgetClick, {
+      widgetId: target === 'full' ? widgetLabs.FULL_SCREEN : widgetLabs.VERTICAL_SCREEN
+    });
     // 根据target的值设置pageOrientation的值
     const pageOrientation = target === 'vertical' ? 'portrait' : 'landscape';
     // 发射事件

package/lib/widgets/fullScreen/fullTravelRouteControl.js

@@ -11,7 +11,7 @@ import { useMemoizedFn } from 'ahooks';
 import { UIEventContext } from '../../ui/context';
 import { useDpState } from '../../hooks';
 import { useComponentHideState } from '../../ui/hooks';
-import { pauseTimeToHideAllComponent, startTimeToHideAllComponent } from '../../ui/constant';
+import { pauseTimeToHideAllComponent, startTimeToHideAllComponent, widgetLabs, widgetClick } from '../../ui/constant';
 import { DIRECTION_CONTROL_DP_CODE } from './constant';
 import { useStore } from '../../ctx/store';
 export function FullTravelRouteControl(props) {
@@ -80,6 +80,9 @@ export function FullTravelRouteControl(props) {
   }, directionControlProps, {
     onTouchStart: value => {
       var _directionControlProp2;
+      event.emit(widgetClick, {
+        widgetId: widgetLabs.FULL_TRAVEL_ROUTE_CONTROL
+      });
       pauseTimeToHideAllComponentFn();
       sendDpValueFn(String(value));
       // @ts-ignore

package/lib/widgets/fullScreen/fullVoiceIntercom.js

@@ -9,7 +9,7 @@ import { VoiceIntercom } from '../voiceIntercom';
 import { useComponentHideState } from '../../ui/hooks';
 import { useMemoizedFn } from '../../hooks';
 import { UIEventContext } from '../../ui/context';
-import { pauseTimeToHideAllComponent } from '../../ui/constant';
+import { pauseTimeToHideAllComponent, widgetLabs, widgetClick } from '../../ui/constant';
 import { useStore } from '../../ctx/store';
 export function FullVoiceIntercom(props) {
   const [shouldHide] = useComponentHideState();
@@ -50,6 +50,9 @@ export function FullVoiceIntercom(props) {
     scale: 0.14,
     mode: "circle",
     onTouchStart: () => {
+      event.emit(widgetClick, {
+        widgetId: widgetLabs.FULL_VOICE_INTERCOM
+      });
       event.emit(pauseTimeToHideAllComponent);
     },
     onTouchEnd: () => {

package/lib/widgets/fullSmallIntercom/fullSmallIntercom.js

@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
 import { View } from '@ray-js/ray';
 import clsx from 'clsx';
 import { useStore } from '../../ctx/store';
-import { pauseTimeToHideAllComponent } from '../../ui/constant';
+import { pauseTimeToHideAllComponent, widgetLabs, widgetClick } from '../../ui/constant';
 import { UIEventContext } from '../../ui/context';
 import { VoiceIntercom } from '../voiceIntercom';
 import './fullSmallIntercom.less';
@@ -27,6 +27,9 @@ export function FullSmallIntercom(props) {
     return null;
   }
   const onTouchStart = () => {
+    event.emit(widgetClick, {
+      widgetId: widgetLabs.FULL_SMALL_INTERCOM
+    });
     event.emit(pauseTimeToHideAllComponent);
   };
   const onTouchEnd = () => {

package/lib/widgets/index.d.ts

@@ -1,4 +1,5 @@
 export * from './battery';
+export * from './signal4G';
 export * from './battery/batteryFull';
 export * from './screenshot';
 export * from './tempHumidity';

package/lib/widgets/index.js

@@ -1,4 +1,5 @@
 export * from './battery';
+export * from './signal4G';
 export * from './battery/batteryFull';
 export * from './screenshot';
 export * from './tempHumidity';

package/lib/widgets/moveInteractiveControl/controlButton.js

@@ -3,7 +3,7 @@ import { View, Text } from '@ray-js/ray';
 import clsx from 'clsx';
 import { useStore } from '../../ctx/store';
 import { UIEventContext } from '../../ui/context';
-import { hideAllComponent } from '../../ui/constant';
+import { hideAllComponent, widgetLabs, widgetClick } from '../../ui/constant';
 import { MoveInteractiveControl } from './moveInteractiveControl';
 import './controlButton.less';
 const ID = 'MoveInteractiveControl';
@@ -26,6 +26,9 @@ export function MoveInteractiveControlButton(props) {
   if (screenType === 'vertical') return null;
   return /*#__PURE__*/React.createElement(View, {
     onClick: () => {
+      event.emit(widgetClick, {
+        widgetId: widgetLabs.MOVE_INTERACTIVE_CONTROL
+      });
       event.emit(hideAllComponent);
       if (hasContent('absolute', ID)) {
         event.emit('showMoveInteractiveControl');

package/lib/widgets/moveInteractiveControl/moveInteractiveControl.js

@@ -3,7 +3,7 @@ import "core-js/modules/esnext.iterator.map.js";
 import React, { useCallback, useContext, useEffect, useState, useRef, useMemo } from 'react';
 import clsx from 'clsx';
 import { MoveInterActiveControlUI } from './moveInteractiveControlUI';
-import { playerTap, showAllComponent } from '../../ui/constant';
+import { playerTap, showAllComponent, widgetLabs, widgetClick } from '../../ui/constant';
 import { useDpState, useSchemaInfo } from '../../hooks';
 import { UIEventContext } from '../../ui/context';
 import { useStore } from '../../ctx/store';
@@ -80,6 +80,12 @@ export function MoveInteractiveControl(props) {
     }),
     menu: menu,
     onClick: value => {
+      event.emit(widgetClick, {
+        widgetId: widgetLabs.MOVE_INTERACTIVE_CONTROL,
+        extra: {
+          key: value
+        }
+      });
       sendDp({
         [TYPE_CODE]: value
       });

package/lib/widgets/multiCamera/moveablePtzControl.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "core-js/modules/es.json.stringify.js";
 import { CoverView, View } from '@ray-js/ray';
 import { getDpIdByCode, publishDps } from '@ray-js/ray-ipc-utils';
 import _find from 'lodash/find';

package/lib/widgets/muted/muted.js

@@ -1,14 +1,21 @@
 import { View, Text } from '@ray-js/ray';
-import React from 'react';
+import React, { useContext } from 'react';
 import clsx from 'clsx';
 import { useStore } from '../../ctx/store';
+import { UIEventContext } from '../../ui/context';
+import { widgetLabs, widgetClick } from '../../ui/constant';
 import './muted.less';
 export const Muted = props => {
   const {
     mute,
     setMute,
-    className
+    className,
+    event: propsEvent
   } = props;
+  const {
+    event: ctxEvent
+  } = useContext(UIEventContext);
+  const event = propsEvent !== null && propsEvent !== void 0 ? propsEvent : ctxEvent;
   const {
     isMuted
   } = useStore({
@@ -17,15 +24,9 @@ export const Muted = props => {
   return /*#__PURE__*/React.createElement(View, {
     className: clsx(className),
     onClick: () => {
-      // IPCPlayerContext.setMuted({
-      //   mute: !isMuted,
-      //   success: res => {
-      //     setIsMuted(!isMuted);
-      //   },
-      //   fail: res => {
-      //     console.log('res===setMuted err', res);
-      //   },
-      // });
+      event.emit(widgetClick, {
+        widgetId: widgetLabs.MUTED
+      });
       setMute(!isMuted);
     }
   }, isMuted ? /*#__PURE__*/React.createElement(Text, {

package/lib/widgets/ptz/ptz.js

@@ -6,7 +6,7 @@ import { useMemoizedFn } from 'ahooks';
 import { UIEventContext } from '../../ui/context';
 import { usePtz } from '../../hooks';
 import { useStore } from '../../ctx/store';
-import { ptzControlId } from '../../ui/constant';
+import { ptzControlId, widgetLabs, widgetClick } from '../../ui/constant';
 import './ptz.less';
 import { PtzControl } from './ptzControl';
 export const Ptz = props => {
@@ -40,6 +40,9 @@ export const Ptz = props => {
     }
   }, [screenType]);
   const onPtz = useMemoizedFn(() => {
+    event.emit(widgetClick, {
+      widgetId: widgetLabs.PTZ
+    });
     if (!isPtzActive) {
       showContent('bottomLeft', 'FullSmallIntercom');
       if (!hasContent('absolute', ptzControlId)) {

package/lib/widgets/ptzControlTip/ptzControlTip.js

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { View, Image, CoverView, Text, setStorage } from '@ray-js/ray';
 import clsx from 'clsx';
 import { useStore } from '../../ctx/store';
-import { ptzControlTipId } from '../../ui/constant';
+import { ptzControlTipId, widgetLabs, widgetClick } from '../../ui/constant';
 import { PlayState } from '../../interface';
 import './ptzControlTip.less';
 import { playerPtzControlTip } from '../../res';
@@ -20,6 +20,9 @@ export const PtzControlTip = props => {
   });
   // 获取缓存状态
   const changeShowTipModal = () => {
+    props.event.emit(widgetClick, {
+      widgetId: widgetLabs.PTZ_CONTROL_TIP
+    });
     setShowTipModal(false);
     deleteContent('absolute', ptzControlTipId);
     setStorage({

package/lib/widgets/recordVideo/recordVideo.js

@@ -6,7 +6,7 @@ import { goToIpcPageNativeRoute } from '@ray-js/ray-ipc-utils';
 import Strings from '../../i18n';
 import { PlayState } from '../../interface';
 import { UIEventContext } from '../../ui/context';
-import { pauseTimeToHideAllComponent, changeIgnoreHideStopPreview } from '../../ui/constant';
+import { pauseTimeToHideAllComponent, changeIgnoreHideStopPreview, widgetLabs, widgetClick } from '../../ui/constant';
 import { useStore, getDefaultStore } from '../../ctx/store';
 import './recordVideo.less';
 const CLOSE_TIME = 5000;
@@ -230,6 +230,11 @@ export function RecordVideo(props) {
     });
   };
   const handRecordVideo = async () => {
+    var _props$event, _props$event2;
+    (_props$event = props.event) !== null && _props$event !== void 0 ? _props$event : event;
+    ((_props$event2 = props.event) !== null && _props$event2 !== void 0 ? _props$event2 : event).emit(widgetClick, {
+      widgetId: widgetLabs.RECORD_VIDEO
+    });
     event.emit(pauseTimeToHideAllComponent);
     const store = getDefaultStore();
     const _recording = store.get(recordingAtom);

package/lib/widgets/resolution/fullResolutionControl.js

@@ -7,7 +7,7 @@ import Strings from '../../i18n';
 import { useMemoizedFn } from '../../hooks';
 import { useStore } from '../../ctx/store';
 import { UIEventContext } from '../../ui/context';
-import { playerTap, showAllComponent, pauseTimeToHideAllComponent } from '../../ui/constant';
+import { playerTap, showAllComponent, pauseTimeToHideAllComponent, widgetLabs, widgetClick } from '../../ui/constant';
 import './resolution.less';
 export const FullResolutionControl = props => {
   const {
@@ -69,7 +69,15 @@ export const FullResolutionControl = props => {
       'ipc-plugin-absolute-move-in-right-hide': hide
     })
   }, resolutionList.map(item => /*#__PURE__*/React.createElement(Text, {
-    onClick: () => changeResolution(item),
+    onClick: () => {
+      event.emit(widgetClick, {
+        widgetId: widgetLabs.FULL_RESOLUTION_CONTROL,
+        extra: {
+          resolution: item
+        }
+      });
+      changeResolution(item);
+    },
     key: item,
     className: clsx('ipc-player-plugin-full-resolution-control-text'),
     style: item === resolution && {

package/lib/widgets/resolution/resolution.js

@@ -5,7 +5,7 @@ import React, { useContext } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import Strings from '../../i18n';
 import { FullResolutionControl } from './fullResolutionControl';
-import { fullResolutionId, pauseTimeToHideAllComponent, hideAllComponent } from '../../ui/constant';
+import { fullResolutionId, pauseTimeToHideAllComponent, hideAllComponent, widgetLabs, widgetClick } from '../../ui/constant';
 import { UIEventContext } from '../../ui/context';
 import { useStore } from '../../ctx/store';
 import './resolution.less';
@@ -30,6 +30,9 @@ export const Resolution = props => {
     event
   } = useContext(UIEventContext);
   const onResolution = useMemoizedFn(() => {
+    event.emit(widgetClick, {
+      widgetId: widgetLabs.RESOLUTION
+    });
     event.emit('resolutionBtnControlClick');
     console.log(`screenType: ${screenType}`);
     if (screenType === 'full') {

package/lib/widgets/screenshot/screenshot.js

@@ -6,7 +6,7 @@ import { goToIpcPageNativeRoute } from '@ray-js/ray-ipc-utils';
 import Strings from '../../i18n';
 import { useStore } from '../../ctx/store';
 import { UIEventContext } from '../../ui/context';
-import { pauseTimeToHideAllComponent, changeIgnoreHideStopPreview } from '../../ui/constant';
+import { pauseTimeToHideAllComponent, changeIgnoreHideStopPreview, widgetLabs, widgetClick } from '../../ui/constant';
 import './screenshot.less';
 const CLOSE_TIME = 5000;
 export function Screenshot(props) {
@@ -102,6 +102,11 @@ export function Screenshot(props) {
     timeToCloseToast();
   };
   const handClick = useMemoizedFn(() => {
+    var _props$event, _props$event2;
+    (_props$event = props.event) !== null && _props$event !== void 0 ? _props$event : event;
+    ((_props$event2 = props.event) !== null && _props$event2 !== void 0 ? _props$event2 : event).emit(widgetClick, {
+      widgetId: widgetLabs.SCREENSHOT
+    });
     console.log('截屏！！！');
     setState({
       showShot: false

package/lib/widgets/signal4G/index.d.ts

@@ -0,0 +1 @@
+export * from './signal4G';

package/lib/widgets/signal4G/index.js

@@ -0,0 +1 @@
+export * from './signal4G';

package/lib/widgets/signal4G/signal4G.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentConfigProps } from '../../interface';
+import './signal4G.less';
+interface IProp extends ComponentConfigProps {
+    className?: string;
+}
+export declare const Signal4G: (props: IProp) => React.JSX.Element | null;
+export {};

package/lib/widgets/signal4G/signal4G.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { View, Image } from '@ray-js/ray';
+import clsx from 'clsx';
+import { useSignal4G } from '../../hooks';
+import { signalSvgMap } from '../../res';
+import './signal4G.less';
+export const Signal4G = props => {
+  const {
+    className,
+    devId
+  } = props;
+  const {
+    dpValue,
+    signalKey
+  } = useSignal4G(devId);
+  if (dpValue === '' || !signalSvgMap[signalKey]) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    className: clsx(className)
+  }, /*#__PURE__*/React.createElement(View, {
+    className: clsx('ipc-player-plugin-signal4g')
+  }, /*#__PURE__*/React.createElement(Image, {
+    className: clsx('ipc-player-plugin-signal4g-icon'),
+    src: signalSvgMap[signalKey],
+    mode: "aspectFit"
+  })));
+};

package/lib/widgets/signal4G/signal4G.less

@@ -0,0 +1,15 @@
+.ipc-player-plugin-signal4g {
+  display: flex;
+  align-items: center;
+  height: calc(24px * var(--ipc-player-size-scale, 1));
+  padding: 0 calc(12px * var(--ipc-player-size-scale, 1));
+  border-radius: calc(24px * var(--ipc-player-size-scale, 1));
+  color: var(--iconColor);
+  font-size: calc(12px * var(--ipc-player-size-scale, 1));
+  background-color: rgba(255, 255, 255, 0.2);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+.ipc-player-plugin-signal4g-icon {
+  width: calc(20px * var(--ipc-player-size-scale, 1));
+  height: calc(20px * var(--ipc-player-size-scale, 1));
+}

package/lib/widgets/verticalSmallIntercom/verticalSmallIntercom.js

@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
 import { View } from '@ray-js/ray';
 import clsx from 'clsx';
 import { useStore } from '../../ctx/store';
-import { pauseTimeToHideAllComponent } from '../../ui/constant';
+import { pauseTimeToHideAllComponent, widgetLabs, widgetClick } from '../../ui/constant';
 import { UIEventContext } from '../../ui/context';
 import { VoiceIntercom } from '../voiceIntercom';
 import './verticalSmallIntercom.less';
@@ -27,6 +27,9 @@ export function VerticalSmallIntercom(props) {
     event
   } = useContext(UIEventContext);
   const onTouchStart = () => {
+    event.emit(widgetClick, {
+      widgetId: widgetLabs.VERTICAL_SMALL_INTERCOM
+    });
     event.emit(pauseTimeToHideAllComponent);
   };
   const onTouchEnd = () => {

package/lib/widgets/voiceIntercom/voiceIntercom.d.ts

@@ -71,12 +71,12 @@ export declare const VoiceIntercom: React.ForwardRefExoticComponent<{
             onLocalizerViewLocated: (this: any, event: any) => Promise<void>;
             onSwipeAtVideoIndex: (this: any, event: any) => Promise<void>;
         };
-        setLayoutStyle: (style: import("../../interface").MultiCameraLayoutStyle) => void;
-        setScreenMode: (mode: import("../../interface").MultiCameraScreenMode) => void;
+        setLayoutStyle: (this: unknown, style: import("../../interface").MultiCameraLayoutStyle) => void;
+        setScreenMode: (this: unknown, mode: import("../../interface").MultiCameraScreenMode) => void;
         setPtzStatus: (value: boolean | ((prevValue: boolean) => boolean)) => void;
-        showLenNames: (value: boolean) => void;
+        showLenNames: (this: unknown, value: boolean) => void;
         setNextLayoutStyle: (value: import("../../interface").MultiCameraLayoutStyle | ((prevValue: import("../../interface").MultiCameraLayoutStyle) => import("../../interface").MultiCameraLayoutStyle)) => void;
-        getNextLayoutStyle: () => Promise<import("../../interface").MultiCameraLayoutStyle>;
+        getNextLayoutStyle: (this: unknown) => Promise<import("../../interface").MultiCameraLayoutStyle>;
     };
 } & {
     style?: React.CSSProperties | undefined;

package/lib/widgets/voiceIntercom/voiceIntercom.js

@@ -8,7 +8,7 @@ import './voiceIntercom.less';
 import { PlayerStreamStatus, IntercomMode, PlayState } from '../../interface';
 import { UIEventContext } from '../../ui/context';
 import { radialGradient } from '../../utils';
-import { startTimeToHideAllComponent, pauseTimeToHideAllComponent, changeIgnoreHideStopPreview } from '../../ui/constant';
+import { startTimeToHideAllComponent, pauseTimeToHideAllComponent, changeIgnoreHideStopPreview, widgetLabs, widgetClick } from '../../ui/constant';
 const NILL = () => null;
 export const VoiceIntercom = /*#__PURE__*/forwardRef((props, ref) => {
   const {
@@ -106,7 +106,12 @@ export const VoiceIntercom = /*#__PURE__*/forwardRef((props, ref) => {
     event.emit(startTimeToHideAllComponent);
   };
   const handTouchStart = async e => {
+    var _props$event, _props$event2;
     if (disabled) return;
+    (_props$event = props.event) !== null && _props$event !== void 0 ? _props$event : event;
+    ((_props$event2 = props.event) !== null && _props$event2 !== void 0 ? _props$event2 : event).emit(widgetClick, {
+      widgetId: widgetLabs.VOICE_INTERCOM
+    });
     onTouchStart(e);
     getDefaultStore();
     if (loading.current) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ipc-player-integration",
-  "version": "0.0.29-beta.5",
+  "version": "0.0.29-beta.6",
   "description": "IPC 融合播放器",
   "main": "lib/index",
   "files": [
@@ -37,9 +37,8 @@
   "dependencies": {
     "@ray-js/direction-control": "^0.0.8",
     "@ray-js/ipc-ptz-zoom": "0.0.3-beta-1",
-    "@ray-js/panel-sdk": "^1.13.1",
-    "@ray-js/ray-ipc-player": "^2.0.31",
-    "@ray-js/ray-ipc-utils": "^1.1.10",
+    "@ray-js/ray-ipc-player": "2.1.0-beta.1",
+    "@ray-js/ray-ipc-utils": "1.1.13-beta.1",
     "@ray-js/svg": "0.2.0",
     "clsx": "^1.2.1",
     "color": "^5.0.2",
@@ -48,8 +47,8 @@
   "devDependencies": {
     "@commitlint/cli": "^7.2.1",
     "@commitlint/config-conventional": "^9.0.1",
-    "@ray-js/cli": "^1.7.53",
-    "@ray-js/ray": "^1.7.53",
+    "@ray-js/cli": "^1.7.14",
+    "@ray-js/ray": "^1.7.60",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^29.5.14",
     "ahooks": "^3.8.4",