@ray-js/ipc-player-integration 0.0.1-beta-21 → 0.0.1-beta-22

package/lib/plugins/fullScreen/verticalScreen.less

@@ -1,13 +1,8 @@
-.ipc-player-plugin-vertical-screen {
-  position: absolute;
-  padding: 10rpx;
-  top: 50%;
-  transform: translateY(-50%);
-  // left: 24px;
-  left: calc(12px * var(--ipc-player-size-scale, 1));
-  .ipc-player-plugin-vertical-screen-icon {
-    // font-size: var(--iconFontSize);
-    font-size: calc(var(--iconFontSize) * var(--ipc-player-size-scale, 1));
-    color: var(--iconColor);
-  }
+.ipc-player-plugin-vertical-screen-wrap {
+  background-color: red;
+}
+
+.ipc-player-plugin-vertical-screen-icon {
+  color: var(--iconColor);
+  font-size: calc(var(--iconPlayerSize) * var(--ipc-player-size-scale, 1)) !important;
 }

package/lib/plugins/index.d.ts

@@ -1,10 +1,12 @@
 export * from './battery';
+export * from './battery/batteryFull';
 export * from './screenshot';
 export * from './tempHumidity';
 export * from './recordVideo';
 export * from './fullScreen';
-export * from './videoBitKbps';
+export * from './videoBitKBP';
 export * from './voiceIntercom';
 export * from './muted';
 export * from './ptz';
 export * from './resolution';
+export * from './smallIntercom';

package/lib/plugins/index.js

@@ -1,10 +1,14 @@
+// 非全屏电池插件
 export * from './battery';
+// 全屏电池插件
+export * from './battery/batteryFull';
 export * from './screenshot';
 export * from './tempHumidity';
 export * from './recordVideo';
 export * from './fullScreen';
-export * from './videoBitKbps';
+export * from './videoBitKBP';
 export * from './voiceIntercom';
 export * from './muted';
 export * from './ptz';
-export * from './resolution';
+export * from './resolution';
+export * from './smallIntercom';

package/lib/plugins/muted/muted.js

@@ -1,11 +1,13 @@
 import { View, Text } from '@ray-js/ray';
 import React from 'react';
+import clsx from 'clsx';
 import { useStore } from '../../ctx/store';
 import './muted.less';
 export const Muted = props => {
   const {
     mute,
-    setMute
+    setMute,
+    className
   } = props;
   const {
     isMuted
@@ -13,6 +15,7 @@ export const Muted = props => {
     isMuted: mute
   });
   return /*#__PURE__*/React.createElement(View, {
+    className: clsx(className),
     onClick: () => {
       // IPCPlayerContext.setMuted({
       //   mute: !isMuted,
@@ -24,9 +27,6 @@ export const Muted = props => {
       //   },
       // });
       setMute(!isMuted);
-    },
-    style: {
-      display: 'flex'
     }
   }, isMuted ? /*#__PURE__*/React.createElement(Text, {
     className: "ipc-player-plugin-muted-text-icon icon-panel icon-panel-mute-off"

package/lib/plugins/muted/muted.less

@@ -1,4 +1,11 @@
+.muteIconBox {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: calc(var(--iconBoxSize) * var(--ipc-player-size-scale, 1));
+  height: calc(var(--iconBoxSize) * var(--ipc-player-size-scale, 1));
+}
 .ipc-player-plugin-muted-text-icon {
   color: var(--iconColor);
-  font-size: calc(var(--iconFontSize) * var(--ipc-player-size-scale, 1));
+  font-size: calc(var(--iconPlayerSize) * var(--ipc-player-size-scale, 1)) !important;
 }

package/lib/plugins/ptz/ptz.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { View, Text } from '@ray-js/ray';
 import clsx from 'clsx';
-import React, { useEffect } from 'react';
+import React from 'react';
 import { useStore, updateAtom } from '../../ctx/store';
 import { ptzControlId } from '../../ui/constant';
 import './ptz.less';
@@ -12,7 +12,8 @@ export const Ptz = props => {
     screenType: screenTypeAtom,
     ptzActive,
     addContent,
-    deleteContent
+    deleteContent,
+    className
   } = props;
   const {
     screenType,
@@ -21,25 +22,11 @@ export const Ptz = props => {
     screenType: screenTypeAtom,
     isPtzActive: ptzActive
   });
-  useEffect(() => {
-    // init();
-  }, []);
-
-  // const init = () => {
-  //   IPCPlayerContext.isMuted({
-  //     success: res => {
-  //       setIsMuted(res);
-  //     },
-  //     fail: res => {
-  //       console.log('res===isMuted err', res);
-  //     },
-  //   });
-  // };
-
   if (screenType === 'vertical') {
     return null;
   }
   return /*#__PURE__*/React.createElement(View, {
+    className: clsx(className),
     onClick: () => {
       if (!isPtzActive) {
         // 添加ptz空间
@@ -57,11 +44,8 @@ export const Ptz = props => {
         deleteContent('absolute', ptzControlId);
       }
       updateAtom(ptzActive, !isPtzActive);
-    },
-    style: {
-      display: 'flex'
     }
   }, /*#__PURE__*/React.createElement(Text, {
-    className: clsx('ipc-player-plugin-ptz-text-icon', 'icon-panel', 'icon-panel-ptz', isPtzActive && 'ipc-ptz-active')
+    className: clsx('icon-panel', 'icon-panel-ptz', 'ipc-player-plugin-ptz-text-icon', isPtzActive && 'ipc-ptz-active')
   }));
 };

package/lib/plugins/ptz/ptz.less

@@ -1,6 +1,6 @@
 .ipc-player-plugin-ptz-text-icon {
   color: var(--iconColor);
-  font-size: calc(var(--iconFontSize) * var(--ipc-player-size-scale, 1));
+  font-size: calc(var(--iconPlayerSize) * var(--ipc-player-size-scale, 1)) !important;
 }
 
 .ipc-ptz-active {

package/lib/plugins/ptz/ptzControl.js

@@ -51,12 +51,10 @@ export const PtzControl = props => {
       dpValue: '4',
       icon: 'ptz-arrow'
     }],
-    onTouchPtzStart: data => {
-      console.log(data, 'data');
+    onTouchPtzStart: () => {
       event.emit(pauseTimeToHideAllComponent);
     },
     onTouchPtzEnd: () => {
-      console.log('dsads');
       event.emit(startTimeToHideAllComponent);
     },
     brandColor: brandColor,

package/lib/plugins/recordVideo/recordVideo.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef, useContext } from 'react';
-import { View } from '@ray-js/ray';
+import { View, Text } from '@ray-js/ray';
 import clsx from 'clsx';
 import { UIEventContext } from '../../ui/context';
 import { startTimeToHideAllComponent, pauseTimeToHideAllComponent } from '../../ui/constant';
@@ -70,11 +70,10 @@ export function RecordVideo(props) {
   } = useContext(UIEventContext);
   const {
     addContent,
-    deleteContent
-  } = props;
-  const {
+    deleteContent,
     recording: recordingAtom,
-    setRecording
+    setRecording,
+    className
   } = props;
   const {
     recording
@@ -107,9 +106,11 @@ export function RecordVideo(props) {
   };
   return /*#__PURE__*/React.createElement(View, {
     onClick: () => handRecordVideo(),
-    className: clsx('ipc-player-plugin-record-video-icon', 'icon-panel', recording ? 'icon-panel-record-stop' : 'icon-panel-record'),
+    className: clsx(className, '')
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: clsx('icon-panel', 'ipc-player-plugin-record-video-icon', recording ? 'icon-panel-record-stop' : 'icon-panel-record'),
     style: {
       color: recording ? 'rgba(255, 56, 56, 1)' : undefined
     }
-  });
+  }));
 }

package/lib/plugins/recordVideo/recordVideo.less

@@ -1,5 +1,5 @@
 .ipc-player-plugin-record-video-icon {
-  font-size: calc(var(--iconFontSize) * var(--ipc-player-size-scale, 1));
+  font-size: calc(var(--iconPlayerSize) * var(--ipc-player-size-scale, 1)) !important;
   color: var(--iconColor);
 }
 .ipc-player-plugin-record-video-toast-wrap {
@@ -13,7 +13,7 @@
   display: flex;
   padding: calc(12px * var(--ipc-player-size-scale, 1));
   align-items: center;
-  background-color: var(--bg-color);
+  background-color: var(--shot-card-bg-color);
   border-radius: calc(8px * var(--ipc-player-size-scale, 1));
   // background-color: #fff;
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), #000000;

package/lib/plugins/resolution/fullResolutionControl.js

@@ -25,7 +25,6 @@ export const FullResolutionControl = props => {
     brandColor: props.brandColor,
     resolution: props.resolution
   });
-  console.log(resolutionList, 'resolutionList');
   const [shouldHide] = useComponentHideState(screenType);
   const {
     event

package/lib/plugins/resolution/resolution.js

@@ -13,7 +13,8 @@ export const Resolution = props => {
     IPCPlayerContext,
     setResolution,
     addContent,
-    setFullResolutionActive
+    setFullResolutionActive,
+    className
   } = props;
   const {
     resolution,
@@ -45,8 +46,10 @@ export const Resolution = props => {
       setResolution(resolution === 'HD' ? 'SD' : 'HD');
       return true;
     },
-    className: clsx('ipc-player-plugin-resolution', screenType === 'vertical' ? 'ipc-player-plugin-resolution-vertical' : 'ipc-player-plugin-resolution-full')
+    className: clsx(className, screenType === 'vertical' ? 'ipc-player-plugin-resolution-vertical' : 'ipc-player-plugin-resolution-full')
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "ipc-player-plugin-resolution"
   }, /*#__PURE__*/React.createElement(Text, {
     className: "resolutionText"
-  }, Strings.getLang(`ipc_player_resolution_${resolution}`)));
+  }, Strings.getLang(`ipc_player_resolution_${resolution}`))));
 };

package/lib/plugins/resolution/resolution.less

@@ -1,15 +1,16 @@
 .ipc-player-plugin-resolution {
   background-color: rgba(255,255,255,0.2);
-  padding: calc(2px * var(--ipc-player-size-scale, 1)) calc(4px * var(--ipc-player-size-scale, 1));
+  padding: calc(4px * var(--ipc-player-size-scale, 1)) calc(5px * var(--ipc-player-size-scale, 1)) !important;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: calc(8px * var(--ipc-player-size-scale, 1));
-  backdrop-filter: blur(8rpx);
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   .resolutionText {
     color: var(--iconColor);
     font-weight: 600;
-    font-size: calc(12px * var(--ipc-player-size-scale, 1));
+    font-size: calc(14px * var(--ipc-player-size-scale, 1));
   }
 }
 

package/lib/plugins/screenshot/screenshot.js

@@ -1,6 +1,9 @@
 import React, { useRef } from 'react';
-import { View, Image } from '@ray-js/ray';
+import { View, Image, Text } from '@ray-js/ray';
+import clsx from 'clsx';
 import IpcUtils from '@ray-js/ray-ipc-utils';
+import Strings from '@/i18n';
+import { useStore } from '../../ctx/store';
 import './screenshot.less';
 const CLOSE_TIME = 5000;
 export function Screenshot(props) {
@@ -10,15 +13,23 @@ export function Screenshot(props) {
     saveToAlbum,
     deleteContent,
     devId,
-    toast
+    toast,
+    className
   } = props;
-  const timer = useRef();
+  const {
+    screenType,
+    brandColor
+  } = useStore({
+    screenType: props.screenType,
+    brandColor: props.brandColor
+  });
+  useRef();
   const timeToCloseToast = () => {
-    clearInterval(timer.current);
-    // @ts-ignore
-    timer.current = setTimeout(() => {
-      deleteContent('absolute', 'plugin-screenshot-toast');
-    }, CLOSE_TIME);
+    // clearInterval(timer.current);
+    // // @ts-ignore
+    // timer.current = setTimeout(() => {
+    //   deleteContent('absolute', 'plugin-screenshot-toast');
+    // }, CLOSE_TIME);
   };
   const handCheck = () => {
     IpcUtils.goToIpcPageNativeRoute('ipc_album_panel', devId);
@@ -27,24 +38,36 @@ export function Screenshot(props) {
     deleteContent('absolute', 'plugin-screenshot-toast');
     addContent('absolute', {
       id: 'plugin-screenshot-toast',
-      absoluteContentClassName: 'ipc-player-plugin-screenshot-toast-warp',
+      absoluteContentClassName: 'ipc-player-plugin-screenshot-toast-wrap',
+      absolutePosition: {
+        top: screenType === 'vertical' ? '12px' : '60px',
+        left: screenType === 'vertical' ? '16px' : '50%',
+        right: screenType === 'vertical' ? '16px' : '50%'
+      },
       content: () => {
         return /*#__PURE__*/React.createElement(View, {
           className: "ipc-player-plugin-screenshot-toast"
+        }, /*#__PURE__*/React.createElement(View, {
+          className: "ipc-player-plugin-screenshot-toast-image-box"
         }, /*#__PURE__*/React.createElement(Image, {
           className: "ipc-player-plugin-screenshot-toast-image",
           src: str
-        }), /*#__PURE__*/React.createElement(View, {
+        })), /*#__PURE__*/React.createElement(View, {
           className: "ipc-player-plugin-screenshot-toast-title"
-        }, I18n.t('screenshot_success_tip')), /*#__PURE__*/React.createElement(View, {
+        }, Strings.getLang('ipc_player_screenshot_success_tip')), /*#__PURE__*/React.createElement(View, {
           onClick: handCheck,
-          className: "ipc-player-plugin-screenshot-toast-bottom"
-        }, I18n.t('check')));
+          className: "ipc-player-plugin-screenshot-toast-bottom",
+          style: {
+            color: brandColor,
+            borderColor: brandColor
+          }
+        }, Strings.getLang('ipc_player_shot_or_record_check')));
       }
     });
     timeToCloseToast();
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, {
+    className: clsx(className),
     onClick: () => {
       console.log('截屏！！！');
       IPCPlayerContext.snapshot({
@@ -61,7 +84,8 @@ export function Screenshot(props) {
           });
         }
       });
-    },
-    className: "icon-panel icon-panel-screenshot ipc-player-plugin-screenshot-icon"
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: clsx('icon-panel', 'icon-panel-screenshot', 'ipc-player-plugin-screenshot-icon')
   }));
 }

package/lib/plugins/screenshot/screenshot.less

@@ -1,45 +1,50 @@
 .ipc-player-plugin-screenshot-icon {
   color: var(--iconColor);
-  font-size: calc(var(--iconFontSize) * var(--ipc-player-size-scale, 1));
+  font-size: calc(var(--iconPlayerSize) * var(--ipc-player-size-scale, 1)) !important;
 }
-.ipc-player-plugin-screenshot-toast-warp {
+.ipc-player-plugin-screenshot-toast-wrap {
   position: absolute;
-  width: 90%;
-  max-width: 750rpx;
-  left: 50%;
-  transform: translateX(-50%);
-  top: calc(16px * var(--ipc-player-size-scale, 1));
+  // max-width: 300px;
+  // left: 50%;
+  // transform: translateX(-50%);
+  // top: calc(16px * var(--ipc-player-size-scale, 1));
 }
 .ipc-player-plugin-screenshot-toast {
   border-radius: calc(8px * var(--ipc-player-size-scale, 1));;
-  background-color: var(--bg-color);
+  background-color: var(--shot-card-bg-color);
   display: flex;
   align-items: center;
-  padding: calc(8px * var(--ipc-player-size-scale, 1)) calc(16px * var(--ipc-player-size-scale, 1));
-  z-index: 3;
-  .ipc-player-plugin-screenshot-toast-image {
-    width: calc(66px * var(--ipc-player-size-scale, 1));
-    height: calc(37px * var(--ipc-player-size-scale, 1));
+  padding: calc(8px * var(--ipc-player-size-scale, 1)) calc(12px * var(--ipc-player-size-scale, 1));
+  z-index: 100;
+  .ipc-player-plugin-screenshot-toast-image-box {
     border-radius: calc(4px * var(--ipc-player-size-scale, 1));
+    overflow: hidden;
+    width: calc(66px * var(--ipc-player-size-scale, 1));
+    height: calc(66px * 0.57 * var(--ipc-player-size-scale, 1));
+  }
+  .ipc-player-plugin-screenshot-toast-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
   }
   .ipc-player-plugin-screenshot-toast-title {
+    flex: 1;
     margin-left: calc(12px * var(--ipc-player-size-scale, 1));
     font-size: calc(14px * var(--ipc-player-size-scale, 1));
     color: var(--fontColor);
-    line-height: calc(20px * var(--ipc-player-size-scale, 1));
-    max-width: 60%;
+    margin-right: calc(12px * var(--ipc-player-size-scale, 1));
+    word-break: break-word;
+    
   }
   .ipc-player-plugin-screenshot-toast-bottom {
-    position: absolute;
-    // right: 32rpx;
-    right: calc(16px * var(--ipc-player-size-scale, 1));
-    border: 1rpx solid #1989FA;
-    // border-radius: 8rpx;
+    border: 1px solid #1989FA;
+    min-width: calc(52px * var(--ipc-player-size-scale, 1));
+    max-width: calc(100px * var(--ipc-player-size-scale, 1));
     border-radius: calc(4px * var(--ipc-player-size-scale, 1));
-    // padding: 10rpx 22rpx;
     padding: calc(5px * var(--ipc-player-size-scale, 1)) calc(11px * var(--ipc-player-size-scale, 1));
-    color: #1989FA;
-    // font-size: 28rpx;
     font-size: calc(14px * var(--ipc-player-size-scale, 1));
+    white-space: nowrap;
+    overflow: hidden; 
+    text-overflow: ellipsis; 
   }
 }

package/lib/plugins/smallIntercom/index.d.ts

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

package/lib/plugins/smallIntercom/index.js

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

package/lib/plugins/smallIntercom/smallIntercom.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComponentConfigProps } from '../../interface';
+import './smallIntercom.less';
+type Props = ComponentConfigProps;
+export declare function SmallIntercom(props: Props): React.JSX.Element | null;
+export {};

package/lib/plugins/smallIntercom/smallIntercom.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { View, Text } from '@ray-js/ray';
+import clsx from 'clsx';
+import { useStore } from '../../ctx/store';
+import './smallIntercom.less';
+export function SmallIntercom(props) {
+  const {
+    IPCPlayerContext,
+    addContent,
+    saveToAlbum,
+    deleteContent,
+    devId,
+    toast,
+    className
+  } = props;
+  const {
+    screenType,
+    ptzActive
+  } = useStore({
+    screenType: props.screenType,
+    ptzActive: props.ptzActive
+  });
+  const handClick = () => {
+    console.log('截屏！！！');
+    // IPCPlayerContext.snapshot({
+    //   saveToAlbum, // 保存到 IPC 相册
+    //   success: res => {
+    //     showToast(res.tempImagePath);
+    //   },
+    //   fail: err => {
+    //     const errObj = err.innerError || err || {};
+    //     const errMsg = errObj.errorMsg || I18n.t('error_screenshot');
+    //     toast({ title: errMsg });
+    //   },
+    // });
+  };
+  if (screenType === 'vertical' && !ptzActive) {
+    return null;
+  }
+  if (screenType === 'full' && ptzActive) {
+    return /*#__PURE__*/React.createElement(View, {
+      className: clsx(className),
+      onClick: handClick
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: clsx('icon-panel', 'icon-panel-one-way-intercom', 'ipc-player-plugin-small-intercom-icon')
+    }));
+  }
+  return null;
+}

package/lib/plugins/smallIntercom/smallIntercom.less

@@ -0,0 +1,50 @@
+.ipc-player-plugin-small-intercom-icon {
+  color: var(--iconColor);
+  font-size: calc(var(--iconPlayerSize) * var(--ipc-player-size-scale, 1)) !important;
+}
+.ipc-player-plugin-screenshot-toast-wrap {
+  position: absolute;
+  // max-width: 300px;
+  // left: 50%;
+  // transform: translateX(-50%);
+  // top: calc(16px * var(--ipc-player-size-scale, 1));
+}
+.ipc-player-plugin-screenshot-toast {
+  border-radius: calc(8px * var(--ipc-player-size-scale, 1));;
+  background-color: var(--shot-card-bg-color);
+  display: flex;
+  align-items: center;
+  padding: calc(8px * var(--ipc-player-size-scale, 1)) calc(12px * var(--ipc-player-size-scale, 1));
+  z-index: 100;
+  .ipc-player-plugin-screenshot-toast-image-box {
+    border-radius: calc(4px * var(--ipc-player-size-scale, 1));
+    overflow: hidden;
+    width: calc(66px * var(--ipc-player-size-scale, 1));
+    height: calc(66px * 0.57 * var(--ipc-player-size-scale, 1));
+  }
+  .ipc-player-plugin-screenshot-toast-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .ipc-player-plugin-screenshot-toast-title {
+    flex: 1;
+    margin-left: calc(12px * var(--ipc-player-size-scale, 1));
+    font-size: calc(14px * var(--ipc-player-size-scale, 1));
+    color: var(--fontColor);
+    margin-right: calc(12px * var(--ipc-player-size-scale, 1));
+    word-break: break-word;
+    
+  }
+  .ipc-player-plugin-screenshot-toast-bottom {
+    border: 1px solid #1989FA;
+    min-width: calc(52px * var(--ipc-player-size-scale, 1));
+    max-width: calc(100px * var(--ipc-player-size-scale, 1));
+    border-radius: calc(4px * var(--ipc-player-size-scale, 1));
+    padding: calc(5px * var(--ipc-player-size-scale, 1)) calc(11px * var(--ipc-player-size-scale, 1));
+    font-size: calc(14px * var(--ipc-player-size-scale, 1));
+    white-space: nowrap;
+    overflow: hidden; 
+    text-overflow: ellipsis; 
+  }
+}

package/lib/plugins/tempHumidity/tempHumidity.d.ts

@@ -4,5 +4,5 @@ import './tempHumidity.less';
 interface IProp extends ComponentConfigProps {
     className?: string;
 }
-export declare const TempHumidity: (props: IProp) => React.JSX.Element;
+export declare const TempHumidity: (props: IProp) => React.JSX.Element | null;
 export {};

package/lib/plugins/tempHumidity/tempHumidity.js

@@ -27,7 +27,7 @@ export const TempHumidity = props => {
         className: "ipc-player-plugin-tempHumidity-text-icon icon-panel icon-panel-temperature"
       }), /*#__PURE__*/React.createElement(Text, null, tempC));
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return null;
   };
   const humRender = () => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
@@ -36,8 +36,16 @@ export const TempHumidity = props => {
       className: "tempHumidity"
     }, `${humidity}`));
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (tempC || tempF || humidity) && /*#__PURE__*/React.createElement(View, {
-    className: clsx('ipc-player-plugin-tempHumidity', className)
+  console.log(tempC, tempF, humidity);
+
+  // 当无值时返回null
+  if (!tempC && !tempF && !humidity) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    className: clsx(className)
+  }, /*#__PURE__*/React.createElement(View, {
+    className: clsx('ipc-player-plugin-tempHumidity')
   }, (() => {
     if ((tempC || tempUnit === '1' && tempF) && humidity) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, tempRender(), /*#__PURE__*/React.createElement(Text, {
@@ -50,6 +58,6 @@ export const TempHumidity = props => {
     if (humidity) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, humRender());
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return null;
   })()));
 };

package/lib/plugins/videoBitKBP/index.d.ts

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

package/lib/plugins/videoBitKBP/index.js

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

package/lib/plugins/{videoBitKbps/videoBitKbps.d.ts → videoBitKBP/videoBitKBP.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import './videoBitKbps.less';
 import { ComponentConfigProps } from '../../interface';
+import './videoBitKBP.less';
 type Props = ComponentConfigProps;
-export declare const VideoBitKbps: (props: Props) => React.JSX.Element;
+export declare const VideoBitKBP: (props: Props) => React.JSX.Element | null;
 export {};