@ray-js/ipc-player-integration 0.0.1 → 0.0.3

package/lib/hooks/useDpState/useDpState.js

@@ -106,8 +106,8 @@ export function useDpState(options) {
       dps: sendData,
       pipelines: [0, 1, 2, 3, 4, 5, 6],
       options: {},
-      success: res => {
-        console.log('publishDps success', res);
+      success: () => {
+        //
       },
       fail: error => {
         console.log('publishDps fail', error);

package/lib/ui/ui.js

@@ -120,6 +120,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
         setScreenType('vertical');
       } else {
         setScreenType(type === 'landscape' ? 'full' : 'vertical');
+        triggerEvent(showAllComponent);
       }
       // 若为全屏模式并且要求按宽填充，即横屏时充满，主动设置模式为-1即可
       if (type === 'landscape' && landscapeMode === 'fill') {

package/lib/widgets/fullScreen/fullTravelRouteControl.js

@@ -73,7 +73,6 @@ export function FullTravelRouteControl(props) {
     value: 0,
     onTouchStart: value => {
       pauseTimeToHideAllComponentFn();
-      pauseTimeToHideAllComponentRef.current = false;
       sendDpValueFn(String(value));
       // @ts-ignore
       ty.nativeDisabled(true);
@@ -86,6 +85,7 @@ export function FullTravelRouteControl(props) {
     },
     onTouchEnd: () => {
       event.emit(startTimeToHideAllComponent);
+      pauseTimeToHideAllComponentRef.current = false;
       sendDpValueFn('-1');
       // @ts-ignore
       ty.nativeDisabled(false);

package/lib/widgets/moveInteractiveControl/moveInteractiveControl.js

@@ -1,11 +1,12 @@
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
-import React, { useCallback, useContext, useEffect, useState, useMemo } from 'react';
+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 { useDpState, useSchemaInfo } from '../../hooks';
 import { UIEventContext } from '../../ui/context';
+import { useStore } from '../../ctx/store';
 import './moveInteractiveControl.less';
 const TYPE_CODE = 'ipc_manual_petting';
 const STATE_CODE = 'ipc_manual_petting_state';
@@ -24,7 +25,8 @@ const iconMap = {
 };
 export function MoveInteractiveControl(props) {
   const {
-    devId
+    devId,
+    screenType: screenTypeAtom
   } = props;
   const [state, _, sendDp] = useDpState({
     devId,
@@ -45,6 +47,18 @@ export function MoveInteractiveControl(props) {
     event
   } = useContext(UIEventContext);
   const [hide, setHide] = useState(false);
+  const {
+    screenType
+  } = useStore({
+    screenType: screenTypeAtom
+  });
+  const prevScreenType = useRef(screenType);
+  if (prevScreenType.current !== screenType) {
+    if (screenType === 'vertical' && !hide) {
+      setHide(true);
+    }
+    prevScreenType.current = screenType;
+  }
   const onPlayerTap = useCallback(() => {
     setHide(true);
     event.emit(showAllComponent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ipc-player-integration",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "IPC 播放器功能集成",
   "main": "lib/index",
   "files": [
@@ -32,7 +32,7 @@
     "test": "yarn jest"
   },
   "peerDependencies": {
-    "@ray-js/direction-control": "0.0.7",
+    "@ray-js/direction-control": "^0.0.7",
     "ahooks": "^3.1.6"
   },
   "dependencies": {