@ray-js/ipc-player-integration 0.0.49-beta.0 → 0.0.49-beta.2

package/lib/ui/bottomLeftContent.js

@@ -11,6 +11,9 @@ import { pauseTimeToHideAllComponent, startTimeToHideAllComponent } from './cons
 
 // 用唯一 className 在 createSelectorQuery 中区分多个实例，避免互相干扰
 let scrollClsSeq = 0;
+
+// 竖屏下单个 widget 的占位宽度：icon 22px(--iconPlayerSize) + .bottom-left-item-container 左右各 12px
+const VERTICAL_WIDGET_WIDTH = 46;
 const BottomLeftContent = _ref => {
   let {
     ctx,
@@ -215,8 +218,11 @@ const BottomLeftContent = _ref => {
   // 竖屏 button 模式给 ScrollView 右侧留一条较窄的“箭头槽”：只裁掉内容最右一小段，
   // 箭头压住最后一个元素的少量边缘（不完全遮挡），整体更贴近内容
   const arrowGutter = isButtonHint && screenType === 'vertical' ? 12 : 0;
-  // 箭头贴右边缘放置（竖屏 4px / 横屏 6px），不再随 gutter 居中
-  const hintRight = arrowGutter > 0 ? 4 : 6;
+  // 竖屏再额外收窄一个 widget 的宽度，让可滑动区域整体左缩一格
+  const verticalShrink = screenType === 'vertical' ? VERTICAL_WIDGET_WIDTH : 0;
+  const scrollShrink = arrowGutter + verticalShrink;
+  // 箭头贴滚动可视区右边缘放置（竖屏 4px / 横屏 6px），随收窄量一起左移
+  const hintRight = (arrowGutter > 0 ? 4 : 6) + verticalShrink;
   return /*#__PURE__*/React.createElement(CoverView, {
     className: clsx('ipc-player-bottom-left-content-wrap'),
     style: {
@@ -280,7 +286,7 @@ const BottomLeftContent = _ref => {
       paddingBottom: `${paddingBottomPx}px`,
       paddingLeft: `${paddingLeftPx}px`,
       paddingRight: `${paddingRightPx}px`,
-      width: arrowGutter > 0 ? `calc(100% - ${arrowGutter}px)` : '100%',
+      width: scrollShrink > 0 ? `calc(100% - ${scrollShrink}px)` : '100%',
       height: `${containerHeight}px`,
       marginTop: showBadge ? '-2px' : 0,
       whiteSpace: 'nowrap'

package/lib/ui/ui.less

@@ -262,16 +262,17 @@
   }
 
   // 右上角子元素容器
+  // 每侧 4px，相邻两项之间净间距 8px
   .top-right-item-container {
-    padding: 0 8px;
+    padding: 0 4px;
   }
 
   .top-right-item-container:first-of-type {
-    padding: 0 8px 0 0;
+    padding: 0 4px 0 0;
   }
 
   .top-right-item-container:last-of-type {
-    padding: 0 16px 0 8px;
+    padding: 0 16px 0 4px;
   }
 
   .top-right-item-container:only-of-type {

package/package.json

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