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

package/lib/ui/bottomLeftContent.js

@@ -195,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 右侧留一条较窄的“箭头槽”：只裁掉内容最右一小段，
@@ -290,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, {
@@ -307,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.36",
+  "version": "0.0.37",
   "description": "IPC 融合播放器",
   "main": "lib/index",
   "files": [