@ray-js/ipc-player-integration 0.0.35-beta.12 → 0.0.35-beta.14

package/lib/ui/bottomLeftContent.js

@@ -8,29 +8,7 @@ import { useStore } from '../ctx/store';
 import { useComponentHideState } from './hooks';
 import { TrialBadge, useTrialBadge } from '../widgets/trialBadge';
 /** 右侧透明渐变宽度，用于提示横向可滑动 */
-const FADE_MASK = 'linear-gradient(to right, #000 calc(100% - 16px), transparent 100%)';
-
-/**
- * 试用徽章在不同 screenType 下的容器样式。
- * 「贴在底栏顶部」的策略一致（bottom: 100%），只是 left / marginBottom
- * 等数值按横竖屏不同的边距规则做差异化处理。
- */
-const TRIAL_BADGE_WRAP_STYLE_VERTICAL = {
-  position: 'absolute',
-  left: '0px',
-  bottom: '100%',
-  marginBottom: 4,
-  zIndex: 2,
-  width: 'max-content'
-};
-const TRIAL_BADGE_WRAP_STYLE_FULL = {
-  position: 'absolute',
-  left: '25px',
-  bottom: '100%',
-  marginBottom: 8,
-  zIndex: 2,
-  width: 'max-content'
-};
+const FADE_MASK = 'linear-gradient(to right, #000 calc(100% - 48px), transparent 100%)';
 const BottomLeftContent = _ref => {
   let {
     ctx,
@@ -58,16 +36,16 @@ const BottomLeftContent = _ref => {
     const tryExp = bottomLeftContent === null || bottomLeftContent === void 0 ? void 0 : bottomLeftContent.find(item => item.id === 'TryExperience');
     return (_trialRemainingSec = tryExp === null || tryExp === void 0 || (_tryExp$initProps2 = tryExp.initProps) === null || _tryExp$initProps2 === void 0 ? void 0 : _tryExp$initProps2.trialRemainingSec) !== null && _trialRemainingSec !== void 0 ? _trialRemainingSec : 0;
   }, [bottomLeftContent]);
-  const refreshToken = useMemo(() => {
-    var _refreshToken, _tryExp$initProps3;
-    const tryExp = bottomLeftContent === null || bottomLeftContent === void 0 ? void 0 : bottomLeftContent.find(item => item.id === 'TryExperience');
-    return (_refreshToken = tryExp === null || tryExp === void 0 || (_tryExp$initProps3 = tryExp.initProps) === null || _tryExp$initProps3 === void 0 ? void 0 : _tryExp$initProps3.refreshToken) !== null && _refreshToken !== void 0 ? _refreshToken : 0;
-  }, [bottomLeftContent]);
   const isLowPhone = useMemo(() => {
-    var _isLowPhone, _tryExp$initProps4;
+    var _isLowPhone, _tryExp$initProps3;
     const tryExp = bottomLeftContent === null || bottomLeftContent === void 0 ? void 0 : bottomLeftContent.find(item => item.id === 'TryExperience');
-    return (_isLowPhone = tryExp === null || tryExp === void 0 || (_tryExp$initProps4 = tryExp.initProps) === null || _tryExp$initProps4 === void 0 ? void 0 : _tryExp$initProps4.isLowPhone) !== null && _isLowPhone !== void 0 ? _isLowPhone : false;
+    return (_isLowPhone = tryExp === null || tryExp === void 0 || (_tryExp$initProps3 = tryExp.initProps) === null || _tryExp$initProps3 === void 0 ? void 0 : _tryExp$initProps3.isLowPhone) !== null && _isLowPhone !== void 0 ? _isLowPhone : false;
   }, []);
+  const gRawData = useMemo(() => {
+    var _gRawData, _tryExp$initProps4;
+    const tryExp = bottomLeftContent === null || bottomLeftContent === void 0 ? void 0 : bottomLeftContent.find(item => item.id === 'TryExperience');
+    return (_gRawData = tryExp === null || tryExp === void 0 || (_tryExp$initProps4 = tryExp.initProps) === null || _tryExp$initProps4 === void 0 ? void 0 : _tryExp$initProps4.gRawData) !== null && _gRawData !== void 0 ? _gRawData : false;
+  }, [bottomLeftContent]);
   const [shouldHide] = useComponentHideState();
   const {
     showTrialBadge,
@@ -75,30 +53,40 @@ const BottomLeftContent = _ref => {
     handleCountdownEnd
   } = useTrialBadge(ctx.event, ctx.devId, trialRemainingSec);
   const paddingLeftPx = screenType === 'vertical' ? 0 : 25;
-  const trialBadgeWrapStyle = screenType === 'vertical' ? TRIAL_BADGE_WRAP_STYLE_VERTICAL : TRIAL_BADGE_WRAP_STYLE_FULL;
-  return /*#__PURE__*/React.createElement(CoverView, {
-    className: clsx('ipc-player-bottom-left-content-wrap')
-    // 注意：不要在这里覆盖 position，CSS 类已经设置 position: absolute; left: 0; bottom: 0
-    // 否则 children 会失去贴底定位，从而与 bottomRightContent 不对齐
-    ,
-    style: {
-      right: `${reservedRight}px`,
-      height: screenType === 'vertical' ? shouldHide ? '41px' : '40px' : shouldHide ? '57px' : '58px'
-    }
-  }, showSmartImageQuality && showTrialBadge && canOpenSettings && !isLowPhone && /*#__PURE__*/React.createElement(View, {
-    className: clsx('bottom-left-item-container'),
-    style: _objectSpread(_objectSpread({}, trialBadgeWrapStyle), {}, {
-      transform: shouldHide ? 'translateY(40px)' : 'translateY(0)',
+  const containerHeight = screenType === 'vertical' ? '40px' : '58px';
+  const trialBadgeStyle = screenType === 'vertical' ? {
+    position: 'absolute',
+    left: '0px',
+    bottom: '48px',
+    marginBottom: 4,
+    zIndex: 101,
+    width: 'max-content'
+  } : {
+    position: 'absolute',
+    left: '25px',
+    bottom: '72px',
+    marginBottom: 8,
+    zIndex: 101,
+    width: 'max-content'
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showSmartImageQuality && showTrialBadge && canOpenSettings && gRawData && !isLowPhone && trialRemainingSec > 0 && /*#__PURE__*/React.createElement(CoverView, {
+    style: _objectSpread(_objectSpread({}, trialBadgeStyle), {}, {
       opacity: shouldHide ? 0 : 1,
-      transition: 'transform 0.3s ease-in-out, opacity 0.3s ease-in-out'
-    })
+      pointerEvents: shouldHide ? 'none' : 'auto'
+    }),
+    onClick: e => e.stopPropagation()
   }, /*#__PURE__*/React.createElement(TrialBadge, {
     brandColor: brandColor,
     trialRemainingSec: trialRemainingSec,
-    refreshToken: refreshToken,
     onSubscribe: handleTrialSubscribe,
     onCountdownEnd: handleCountdownEnd
-  })), /*#__PURE__*/React.createElement(View, {
+  })), /*#__PURE__*/React.createElement(CoverView, {
+    className: clsx('ipc-player-bottom-left-content-wrap'),
+    style: {
+      right: `${reservedRight}px`,
+      height: containerHeight
+    }
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
       paddingBottom: screenType === 'vertical' ? '14px' : '32px',
       paddingLeft: `${paddingLeftPx}px`,
@@ -111,10 +99,7 @@ const BottomLeftContent = _ref => {
       WebkitMaskImage: FADE_MASK,
       maskImage: FADE_MASK
     },
-    className: clsx('ipc-player-bottom-left-content-container', {
-      // 'ipc-player-bottom-left-content-hide': shouldHide,
-      // 'ipc-player-bottom-left-content-show': !shouldHide,
-    })
-  }, children));
+    className: clsx('ipc-player-bottom-left-content-container')
+  }, children)));
 };
 export default BottomLeftContent;

package/lib/ui/constant.d.ts

@@ -26,6 +26,7 @@ export declare const widgetClick = "widgetClick";
  * 业务侧/相关控件可监听此事件刷新自己的状态（例如 TryExperience 重新拉取状态）
  */
 export declare const trialCountdownEnd = "trialCountdownEnd";
+export declare const hideTrialBadgeEvent = "hideTrialBadge";
 export declare const refreshSmartImageQualityEvent = "refreshSmartImageQuality";
 /** 控件点击事件用的 widgetId，统一在此维护 */
 export declare const widgetLabs: {

package/lib/ui/constant.js

@@ -27,6 +27,7 @@ export const widgetClick = 'widgetClick';
  * 业务侧/相关控件可监听此事件刷新自己的状态（例如 TryExperience 重新拉取状态）
  */
 export const trialCountdownEnd = 'trialCountdownEnd';
+export const hideTrialBadgeEvent = 'hideTrialBadge';
 export const refreshSmartImageQualityEvent = 'refreshSmartImageQuality';
 
 /** 控件点击事件用的 widgetId，统一在此维护 */

package/lib/ui/ui.js

@@ -22,7 +22,7 @@ import { useMemoizedFn } from '../hooks';
 import { Storage } from '../utils/storage';
 import './ui.less';
 import { updatePlayerWidgetProps } from '../features';
-import { getSmartImageQualityState, isLowPhone } from '../utils/ttt';
+import { getNgRawData, getSmartImageQualityState, isLowPhone } from '../utils/ttt';
 function getCtxInstance(instance, devId) {
   if (instance) return instance;
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -111,9 +111,6 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
   // 是否需要忽略进入后台停止预览
   const [ignoreStopOnHide, setIgnoreStopOnHide] = useState(ignoreHideStopPreview);
   const [verticalCoverZoom, setVerticalCoverZoom] = useState(-2);
-  // const [verticalCoverZoom, setVerticalCoverZoom] = useState(-2);
-  // const [verticalZoomLevel, setVerticalZoomLevel] = useState(playerFit === 'contain' ? 1 : -2);
-
   const isLowPhoneRef = useRef(false);
   useEffect(() => {
     isLowPhone().then(res => {
@@ -448,25 +445,24 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     setVerticalMic(verticalMic);
   }, [brandColor, verticalMic]);
   const refreshSmartImageQuality = useMemoizedFn(async () => {
-    let res = await getSmartImageQualityState(devId);
-    console.log('res===refreshSmartImageQuality1', res);
-    // if (res === undefined) return;
-    // TODO: TEST
-    if (res === undefined) {
-      res = {
-        isPurchase: false,
-        buttonState: 0,
-        trialRemainingSec: 20,
-        canOpenSettings: true
-      };
-    }
+    const res = await getSmartImageQualityState(devId);
+    if (res === undefined) return;
+    // 调试时使用
+    // res = {
+    //   isPurchase: false,
+    //   buttonState: 0,
+    //   trialRemainingSec: 20,
+    //   canOpenSettings: true,
+    // };
+    const getNgRes = await getNgRawData();
+    console.log('res===getNgRes', res, getNgRes);
     updatePlayerWidgetProps(instance, 'bottomLeft', 'TryExperience', {
       isPurchase: res.isPurchase,
       buttonState: res.buttonState,
       trialRemainingSec: res.trialRemainingSec,
       canOpenSettings: res.canOpenSettings,
-      isLowPhone: isLowPhoneRef.current,
-      refreshToken: Date.now()
+      gRawData: !!getNgRes,
+      isLowPhone: isLowPhoneRef.current
     });
   });
   useEffect(() => {
@@ -921,7 +917,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
         console.log('playerTap 事件已禁止');
         return;
       }
-      console.log('res===on onVideoTap', data);
+      console.log('res===on onVideoTap1', data);
       if (instance.multiCameraCtx.isSupport) {
         var _instance$multiCamera, _instance$multiCamera2;
         const preTapIndex = (_instance$multiCamera = (_instance$multiCamera2 = instance.multiCameraCtx.selectedLenInfoRef.current) === null || _instance$multiCamera2 === void 0 ? void 0 : _instance$multiCamera2.index) !== null && _instance$multiCamera !== void 0 ? _instance$multiCamera : prevSelectedIndexRef.current;

package/lib/utils/ttt.d.ts

@@ -40,3 +40,4 @@ export declare function getDeviceInfo(devId: string): Promise<unknown>;
 export declare function getCurrentHomeInfo(): Promise<unknown>;
 export declare function setTrailFinish(devId: string): Promise<unknown>;
 export declare function isLowPhone(): Promise<unknown>;
+export declare function getNgRawData(): Promise<unknown>;

package/lib/utils/ttt.js

@@ -6,7 +6,6 @@ export function getSmartImageQualityState(devId) {
         devId,
         scene: 'inPreview',
         success: data => {
-          console.log('res===getSmartImageQualityState data', data);
           resolve(data);
         },
         fail: () => {
@@ -120,4 +119,21 @@ export function isLowPhone() {
       resolve(false);
     }
   });
+}
+export function getNgRawData() {
+  return new Promise(resolve => {
+    try {
+      ty.getNgRawData({
+        rawKey: 'is_smart_image_quality',
+        success: res => {
+          resolve(res);
+        },
+        fail: () => {
+          resolve(false);
+        }
+      });
+    } catch (e) {
+      resolve(false);
+    }
+  });
 }

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

@@ -6,12 +6,10 @@ type Props = {
     brandColor?: string;
     /** 试看倒计时初始秒数，来源于 smartImageQualityState.trialRemainingSec */
     trialRemainingSec?: number;
-    /** 刷新令牌，变化时重置倒计时状态 */
-    refreshToken?: number;
     /** 点击「开通」按钮回调 */
     onSubscribe?: () => void;
     /** 倒计时归零时触发，本组件保证整个生命周期内只回调一次 */
     onCountdownEnd?: () => void;
 };
-export declare const TrialBadge: ({ className, brandColor, trialRemainingSec, refreshToken, onSubscribe, onCountdownEnd, }: Props) => React.JSX.Element;
+export declare const TrialBadge: ({ className, brandColor, trialRemainingSec, onSubscribe, onCountdownEnd, }: Props) => React.JSX.Element;
 export { useTrialBadge } from './useTrialBadge';

package/lib/widgets/trialBadge/index.js

@@ -18,21 +18,25 @@ export const TrialBadge = _ref => {
     className,
     brandColor = FALLBACK_BRAND_COLOR,
     trialRemainingSec = 0,
-    refreshToken,
     onSubscribe,
     onCountdownEnd
   } = _ref;
   const [remainingSec, setRemainingSec] = useState(Math.max(0, Math.floor(trialRemainingSec)));
-  /** 防止 onCountdownEnd 被重复触发；同时持有最新回调，避免依赖变化导致 effect 重跑 */
   const endedRef = useRef(false);
   const onCountdownEndRef = useRef(onCountdownEnd);
   onCountdownEndRef.current = onCountdownEnd;
+  const startTimeRef = useRef(Date.now());
+  const initialSecRef = useRef(Math.max(0, Math.floor(trialRemainingSec)));
   useEffect(() => {
+    console.log('res===trialRemainingSec', trialRemainingSec);
+    const sec = Math.max(0, Math.floor(trialRemainingSec));
     endedRef.current = false;
-    setRemainingSec(Math.max(0, Math.floor(trialRemainingSec)));
-  }, [trialRemainingSec, refreshToken]);
+    initialSecRef.current = sec;
+    startTimeRef.current = Date.now();
+    setRemainingSec(sec);
+  }, [trialRemainingSec]);
   useEffect(() => {
-    if (remainingSec <= 0) {
+    if (trialRemainingSec <= 0) {
       if (!endedRef.current) {
         var _onCountdownEndRef$cu;
         endedRef.current = true;
@@ -41,22 +45,20 @@ export const TrialBadge = _ref => {
       return undefined;
     }
     const timer = setInterval(() => {
-      setRemainingSec(prev => {
-        const next = prev - 1;
-        if (next <= 0) {
-          clearInterval(timer);
-          if (!endedRef.current) {
-            var _onCountdownEndRef$cu2;
-            endedRef.current = true;
-            (_onCountdownEndRef$cu2 = onCountdownEndRef.current) === null || _onCountdownEndRef$cu2 === void 0 || _onCountdownEndRef$cu2.call(onCountdownEndRef);
-          }
-          return 0;
+      const elapsed = Math.floor((Date.now() - startTimeRef.current) / 1000);
+      const next = Math.max(0, initialSecRef.current - elapsed);
+      setRemainingSec(next);
+      if (next <= 0) {
+        clearInterval(timer);
+        if (!endedRef.current) {
+          var _onCountdownEndRef$cu2;
+          endedRef.current = true;
+          (_onCountdownEndRef$cu2 = onCountdownEndRef.current) === null || _onCountdownEndRef$cu2 === void 0 || _onCountdownEndRef$cu2.call(onCountdownEndRef);
         }
-        return next;
-      });
+      }
     }, 1000);
     return () => clearInterval(timer);
-  }, [trialRemainingSec, refreshToken]);
+  }, [trialRemainingSec]);
   const countdownText = formatCountdown(remainingSec);
   return /*#__PURE__*/React.createElement(View, {
     className: clsx('ipc-player-trial-badge', className)
@@ -75,10 +77,7 @@ export const TrialBadge = _ref => {
     style: {
       backgroundColor: brandColor
     },
-    onClick: e => {
-      if (e && typeof e.stopPropagation === 'function') {
-        e.stopPropagation();
-      }
+    onClick: () => {
       onSubscribe === null || onSubscribe === void 0 || onSubscribe();
     }
   }, /*#__PURE__*/React.createElement(Text, {

package/lib/widgets/trialBadge/index.less

@@ -1,7 +1,7 @@
 .ipc-player-trial-badge {
   display: inline-flex;
   align-items: center;
-  height: 28px;
+  height: 40px;
   padding: 0 4px 0 8px;
   border-radius: 6px;
   background: rgba(0, 0, 0, 0.65);
@@ -43,9 +43,10 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  height: 22px;
-  padding: 0 10px;
-  border-radius: 11px;
+  min-width: 44px;
+  min-height: 28px;
+  padding: 0 12px;
+  border-radius: 14px;
   flex-shrink: 0;
 }
 

package/lib/widgets/trialBadge/useTrialBadge.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from 'react';
 import { setTrailFinish } from '../../utils/ttt';
 import { gotoSecurityCloudService2 } from '../../utils';
-import { trialCountdownEnd } from '../../ui/constant';
+import { trialCountdownEnd, hideTrialBadgeEvent } from '../../ui/constant';
 import Strings from '../../i18n';
 export const useTrialBadge = (event, devId, trialRemainingSec) => {
   const [showTrialBadge, setShowTrialBadge] = useState(false);
@@ -10,6 +10,13 @@ export const useTrialBadge = (event, devId, trialRemainingSec) => {
       setShowTrialBadge(true);
     }
   }, [trialRemainingSec]);
+  useEffect(() => {
+    const hide = () => setShowTrialBadge(false);
+    event.on(hideTrialBadgeEvent, hide);
+    return () => {
+      event.off(hideTrialBadgeEvent, hide);
+    };
+  }, [event]);
   const handleTrialSubscribe = useCallback(async () => {
     try {
       const res = await gotoSecurityCloudService2(devId);

package/lib/widgets/tryExperience/tryExperience.d.ts

@@ -8,6 +8,7 @@ type Props = ComponentConfigProps & {
     trialRemainingSec?: number;
     isPurchase?: boolean;
     canOpenSettings?: boolean;
+    gRawData?: boolean;
     isLowPhone?: boolean;
 };
 export declare const TryExperience: (props: Props) => React.JSX.Element | null;

package/lib/widgets/tryExperience/tryExperience.js

@@ -1,11 +1,11 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { View, Image, getSystemInfoSync, showToast } from '@ray-js/ray';
 import clsx from 'clsx';
-import React, { useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect, useCallback, useRef } from 'react';
 import { useStore } from '../../ctx/store';
 import Strings from '../../i18n';
 import { getAIFrameFeature, gotoAIDrawMiniProgram, setAIFrameFeature } from '../../utils';
-import { refreshSmartImageQualityEvent } from '../../ui/constant';
+import { refreshSmartImageQualityEvent, hideTrialBadgeEvent } from '../../ui/constant';
 import tryZh from '../../res/try/try_zh.png';
 import tryEn from '../../res/try/try_en.png';
 import tryOpen from '../../res/try/try_open.png';
@@ -49,6 +49,7 @@ export const TryExperience = props => {
     trialRemainingSec,
     isPurchase,
     canOpenSettings,
+    gRawData,
     isLowPhone,
     devId
   } = props;
@@ -60,6 +61,7 @@ export const TryExperience = props => {
     recording: props.recording
   });
   const [imgSrc, setImgSrc] = useState();
+  const lockRef = useRef(false);
   useEffect(() => {
     updateImgSrc();
   }, [buttonState]);
@@ -69,6 +71,12 @@ export const TryExperience = props => {
       setImgSrc(tryClose);
       return;
     }
+    // ty.getNgRawData({
+    //   rawKey: 'is_smart_image_quality',
+    //   success: （） => {},
+    //   fail: () => {},
+    // });
+    // success里具体的值 要看看实际调试结果， APP NG 配置支持的话 才展示智能画质开关哦
     if (buttonState === 0 || buttonState) {
       const iconUrl = pickIconByStatus(buttonState);
       setImgSrc(iconUrl);
@@ -77,6 +85,7 @@ export const TryExperience = props => {
     }
   }, [buttonState]);
   const onTryExperience = useCallback(async () => {
+    if (lockRef.current) return;
     if (isLowPhone) {
       showToast({
         title: Strings.getLang('ipc_player_low_phone_not_support'),
@@ -91,10 +100,11 @@ export const TryExperience = props => {
       });
       return;
     }
+    lockRef.current = true;
     try {
       const getAI = await getAIFrameFeature(devId);
       if (buttonState === TryExperienceStatus.Open) {
-        var _getAI$aiFrameFeature, _getAI$aiFrameFeature2, _getAI$aiFrameFeature3, _props$event;
+        var _getAI$aiFrameFeature, _getAI$aiFrameFeature2, _getAI$aiFrameFeature3, _props$event, _props$event2;
         // 由开变关的时候，只关inPreview
         const scope = _objectSpread(_objectSpread({}, (_getAI$aiFrameFeature = getAI.aiFrameFeature) === null || _getAI$aiFrameFeature === void 0 ? void 0 : _getAI$aiFrameFeature.scope), {}, {
           inPreview: false
@@ -110,9 +120,10 @@ export const TryExperience = props => {
             exportEnabled: (_getAI$aiFrameFeature3 = getAI.aiFrameFeature) === null || _getAI$aiFrameFeature3 === void 0 ? void 0 : _getAI$aiFrameFeature3.exportEnabled
           }
         });
-        (_props$event = props.event) === null || _props$event === void 0 || _props$event.emit(refreshSmartImageQualityEvent);
+        (_props$event = props.event) === null || _props$event === void 0 || _props$event.emit(hideTrialBadgeEvent);
+        (_props$event2 = props.event) === null || _props$event2 === void 0 || _props$event2.emit(refreshSmartImageQualityEvent);
       } else if (buttonState === TryExperienceStatus.Close && isPurchase || buttonState === TryExperienceStatus.Close && trialRemainingSec < 300 && trialRemainingSec > 0) {
-        var _getAI$aiFrameFeature4, _getAI$aiFrameFeature5, _getAI$aiFrameFeature6, _props$event2;
+        var _getAI$aiFrameFeature4, _getAI$aiFrameFeature5, _getAI$aiFrameFeature6, _props$event3;
         const scope = _objectSpread(_objectSpread({}, (_getAI$aiFrameFeature4 = getAI.aiFrameFeature) === null || _getAI$aiFrameFeature4 === void 0 ? void 0 : _getAI$aiFrameFeature4.scope), {}, {
           inPreview: true
         });
@@ -128,18 +139,20 @@ export const TryExperience = props => {
             exportEnabled: (_getAI$aiFrameFeature6 = getAI.aiFrameFeature) === null || _getAI$aiFrameFeature6 === void 0 ? void 0 : _getAI$aiFrameFeature6.exportEnabled
           }
         });
-        (_props$event2 = props.event) === null || _props$event2 === void 0 || _props$event2.emit(refreshSmartImageQualityEvent);
+        (_props$event3 = props.event) === null || _props$event3 === void 0 || _props$event3.emit(refreshSmartImageQualityEvent);
       } else {
         gotoAIDrawMiniProgram(devId, brandColor);
       }
     } catch (error) {
       //
+    } finally {
+      lockRef.current = false;
     }
   }, [buttonState, recording, isPurchase, trialRemainingSec]);
   if (hideTryExperienceMenu) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, imgSrc && canOpenSettings && /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, imgSrc && canOpenSettings && gRawData && /*#__PURE__*/React.createElement(View, {
     className: clsx(className),
     onClick: onTryExperience
   }, /*#__PURE__*/React.createElement(View, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ipc-player-integration",
-  "version": "0.0.35-beta.12",
+  "version": "0.0.35-beta.14",
   "description": "IPC 融合播放器",
   "main": "lib/index",
   "files": [