@ray-js/ipc-player-integration 0.0.35 → 0.0.37

package/lib/ui/bottomLeftContent.js

@@ -91,6 +91,10 @@ const BottomLeftContent = _ref => {
     setScrollResetKey(k => k + 1);
     setScrollLeft(0);
     setScrollTo(undefined);
+    scrollLeftRef.current = 0;
+    // 清零上一屏的测量值，避免用旧 clientWidth/contentWidth 在重新测量前误判溢出导致箭头闪现
+    setClientWidth(0);
+    setContentWidth(0);
   }, [screenType]);
 
   // 程序化滚动目标只在动画期间短暂受控，之后释放为非受控，避免回弹影响手动拖动
@@ -152,7 +156,10 @@ const BottomLeftContent = _ref => {
         timer = setTimeout(measure, 400);
       });
     };
-    timer = setTimeout(measure, 200);
+
+    // 初次延时仅用于等布局沉降；切屏已清零旧测量值，不会用旧值误闪，
+    // 故首测尽量快（60ms）让箭头更早出现，后续仍按 400ms 轮询兜底异步内容撑开。
+    timer = setTimeout(measure, 60);
     return () => {
       if (timer) clearTimeout(timer);
     };
@@ -188,21 +195,18 @@ const BottomLeftContent = _ref => {
   // 点击右箭头：直接滚动到最右端。
   // 给一个足够大的目标值，交由 ScrollView 自身夹取到真实最右端，避免测量误差导致滚不到底。
 
-  const coverHeight = screenType === 'vertical' ? shouldHide ? 49 : 48 : shouldHide ? 84 : 83;
+  const coverHeight = screenType === 'vertical' ? shouldHide ? 49 : 48 : shouldHide ? 59 : 58;
   const containerHeight = screenType === 'vertical' ? 48 : 58;
 
   // reservedRight 兼容 number（px）与 string（任意 CSS 长度，例如 "35%"）
   const rightCss = typeof reservedRight === 'number' ? `${reservedRight}px` : reservedRight;
 
-  // 与 bottomRightContent 对齐：bottomRight 的 icon 行是贴在 wrap 顶部（不居中）的，
-  // 这里 wrap 用 flex-start，让 ScrollView 也贴顶；icon 在 ScrollView 内通过 align-items
-  // 居中到可视行中线，从而和右侧 icon 在同一水平线上。
-  // hintBottom 锚定 wrap 底部：
-  //   icon 中心到 wrap 底部 = (wrap底部→SV底部空隙) + SV的paddingBottom + 可视行高/2
-  //   竖屏:  0  + 0  + 24   = 24，箭头 16 → bottom = 16
-  //   横屏:  25 + 25 + 16.5 = 66.5，箭头 16 → bottom = 58
-
-  const hintBottom = screenType === 'vertical' ? 16 : 58;
+  // ScrollView 贴 wrap 顶部，icon 在 ScrollView 内通过 align-items 居中到可视行中线。
+  // hintBottom 锚定可视行中线（pulse 箭头 16，先按 16 高算 bottom，按钮模式再下移补差）：
+  //   icon 中心距 wrap 底 = paddingBottom + visibleRowHeight/2
+  //   竖屏: 0  + 24   = 24 → bottom = 16
+  //   横屏: 25 + 16.5 = 41.5 → bottom = 33.5
+  const visibleRowHeight = containerHeight - paddingBottomPx;
   // button 模式用半透明圆做点击热区，比 pulse 提示大；下移半个差值以保持图标中心不变
   const hintSize = isButtonHint ? 26 : 16;
   // 竖屏 button 模式给 ScrollView 右侧留一条较窄的“箭头槽”：只裁掉内容最右一小段，
@@ -283,7 +287,7 @@ const BottomLeftContent = _ref => {
     style: {
       display: 'inline-flex',
       flexDirection: 'row',
-      height: `${containerHeight - paddingBottomPx}px`,
+      height: `${visibleRowHeight}px`,
       alignItems: 'center'
     }
   }, children, /*#__PURE__*/React.createElement(View, {
@@ -300,7 +304,7 @@ const BottomLeftContent = _ref => {
     style: {
       position: 'absolute',
       right: `${hintRight}px`,
-      bottom: `${hintBottom - (hintSize - 16) / 2}px`,
+      bottom: `${paddingBottomPx + visibleRowHeight / 2 - 8 - (hintSize - 16) / 2}px`,
       width: `${hintSize}px`,
       height: `${hintSize}px`,
       display: 'flex',

package/lib/ui/ui.js

@@ -463,7 +463,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     const res = await getSmartImageQualityState(devId);
     if (!res) return;
     // 调试时使用
-    // res = {
+    // const res = {
     //   isPurchase: false,
     //   buttonState: 0,
     //   trialRemainingSec: 20,

package/package.json

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