@ray-js/ipc-player-integration 0.0.1-beta-69 → 0.0.1-beta-71

package/lib/features/initPlayerWidgets/index.d.ts

@@ -5,7 +5,6 @@ type Ctx = ReturnType<UseCtx>;
 export declare function initPlayerWidgets(ctx: Ctx, options: {
     verticalResolutionCustomClick?: boolean;
     hideHorizontalMenu?: boolean;
-    throttleTime?: number;
     directionControlProps?: Partial<React.ComponentProps<typeof FullScreen>['directionControlProps']>;
 }): Promise<void>;
 export {};

package/lib/features/initPlayerWidgets/index.js

@@ -21,7 +21,6 @@ export async function initPlayerWidgets(ctx, options) {
     // @ts-ignore
     newDefaultBottomRightContent[fullScreenIndex].initProps = {
       hideHorizontalMenu: options.hideHorizontalMenu,
-      throttleTime: options.throttleTime,
       directionControlProps: options.directionControlProps
     };
   }

package/lib/ui/ui.js

@@ -121,9 +121,11 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
       // 若为全屏模式并且要求按宽填充，即横屏时充满，主动设置模式为-1即可
       if (type === 'landscape' && landscapeMode === 'fill') {
         setScaleMultiple(-1);
+      } else if (type === 'landscape' && landscapeMode === 'standard') {
+        setScaleMultiple(-2);
       } else {
-        // 将屏幕播放比例设为1
-        setScaleMultiple(playerFit === 'contain' ? 1 : -2);
+        // 竖屏时 将屏幕播放比例设为按宽按高
+        setScaleMultiple(playerFit === 'contain' ? -1 : -2);
       }
     } catch (err) {
       console.log(err, 'err');

package/lib/widgets/fullScreen/fullScreen.d.ts

@@ -5,6 +5,6 @@ import type { ComponentConfigProps } from '../../interface';
 type Props = ComponentConfigProps & {
     className?: string;
     hideHorizontalMenu?: boolean;
-} & Pick<FullTravelRouteControlProps, 'throttleTime' | 'directionControlProps'>;
+} & Pick<FullTravelRouteControlProps, 'directionControlProps'>;
 export declare function FullScreen(props: Props): React.JSX.Element | null;
 export {};

package/lib/widgets/fullScreen/fullTravelRouteControl.d.ts

@@ -6,7 +6,6 @@ import RectDirectionControl from '@ray-js/direction-control';
 import type { ComponentConfigProps } from '../../interface';
 type RectDirectionControlProps = React.ComponentProps<typeof RectDirectionControl>;
 export type FullTravelRouteControlProps = ComponentConfigProps & {
-    throttleTime?: number;
     directionControlProps?: Partial<RectDirectionControlProps>;
 };
 export declare function FullTravelRouteControl(props: FullTravelRouteControlProps): React.JSX.Element;

package/lib/widgets/fullScreen/fullTravelRouteControl.js

@@ -7,7 +7,7 @@ import React, { useEffect, useContext, useState, useRef } from 'react';
 import { View } from '@ray-js/ray';
 import clsx from 'clsx';
 import RectDirectionControl from '@ray-js/direction-control';
-import { useThrottleFn, useMemoizedFn } from 'ahooks';
+import { useMemoizedFn } from 'ahooks';
 import { UIEventContext } from '../../ui/context';
 import { useDpState } from '../../hooks';
 import { useComponentHideState } from '../../ui/hooks';
@@ -16,7 +16,6 @@ import { DIRECTION_CONTROL_DP_CODE } from './constant';
 import { useStore } from '../../ctx/store';
 export function FullTravelRouteControl(props) {
   const {
-    throttleTime = 300,
     directionControlProps
   } = props;
   const [shouldHide] = useComponentHideState();
@@ -59,19 +58,13 @@ export function FullTravelRouteControl(props) {
       event.emit(pauseTimeToHideAllComponent);
     }, 300);
   };
-  const {
-    run: sendDpValue
-  } = useThrottleFn(value => {
+  const sendDpValueFn = value => {
     if (value === prevRotate.current) return;
     sendDp({
       [DIRECTION_CONTROL_DP_CODE]: value
     });
     prevRotate.current = value;
-  }, {
-    wait: throttleTime,
-    leading: true,
-    trailing: true
-  });
+  };
   return /*#__PURE__*/React.createElement(View, {
     className: clsx('ipc-player-plugin-full-screen-voice', {
       'ipc-player-plugin-full-screen-voice-hide': shouldHide || isPtzActive
@@ -81,21 +74,21 @@ export function FullTravelRouteControl(props) {
     value: 0,
     onTouchStart: value => {
       pauseTimeToHideAllComponentFn();
-      sendDpValue(String(value));
+      sendDpValueFn(String(value));
       ty.nativeDisabled(true);
     },
     onTouchMove: value => {
       pauseTimeToHideAllComponentFn();
-      sendDpValue(String(value));
+      sendDpValueFn(String(value));
       ty.nativeDisabled(true);
     },
     onTouchEnd: () => {
       event.emit(startTimeToHideAllComponent);
-      sendDpValue('-1');
+      sendDpValueFn('-1');
       ty.nativeDisabled(false);
     },
     onMoveNonIntersection: () => {
-      sendDpValue('-1');
+      sendDpValueFn('-1');
     },
     showArcOnTouchInEdgeProximity: true,
     arcEdgeProximityColor: brandColor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ipc-player-integration",
-  "version": "0.0.1-beta-69",
+  "version": "0.0.1-beta-71",
   "description": "IPC 播放器功能集成",
   "main": "lib/index",
   "files": [
@@ -32,7 +32,7 @@
     "test": "yarn jest"
   },
   "peerDependencies": {
-    "@ray-js/direction-control": "0.0.7-beta-7",
+    "@ray-js/direction-control": "0.0.7-beta-8",
     "ahooks": "^3.1.6"
   },
   "dependencies": {
@@ -48,7 +48,7 @@
     "@commitlint/cli": "^7.2.1",
     "@commitlint/config-conventional": "^9.0.1",
     "@ray-js/cli": "^1.4.9",
-    "@ray-js/direction-control": "0.0.7-beta-7",
+    "@ray-js/direction-control": "0.0.7-beta-8",
     "@ray-js/ray": "^1.4.9",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^29.5.14",