@ray-js/ipc-player-integration 0.0.48 → 0.0.49-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -105,7 +105,10 @@ const BottomLeftContent = _ref => {
105
105
  const t = setTimeout(() => setScrollTo(undefined), 600);
106
106
  return () => clearTimeout(t);
107
107
  }, [scrollTo]);
108
- const paddingLeftPx = screenType === 'vertical' ? 0 : 25;
108
+ const paddingLeftPx = 0;
109
+ // 左侧留白必须挂内容容器:ScrollView 的 host 不是滚动器,host 上的 padding 内容滚不进去,
110
+ // 最左 icon 贴不到屏幕边缘
111
+ const contentPaddingLeftPx = screenType === 'vertical' ? 0 : 25;
109
112
  // 滚动末端的安全距离:滑到最右时最后一个元素与右边缘留更宽松的间距(横屏更宽)
110
113
  const paddingRightPx = screenType === 'vertical' ? 22 : 32;
111
114
  const paddingBottomPx = screenType === 'vertical' ? 0 : 25;
@@ -288,7 +291,8 @@ const BottomLeftContent = _ref => {
288
291
  display: 'inline-flex',
289
292
  flexDirection: 'row',
290
293
  height: `${visibleRowHeight}px`,
291
- alignItems: 'center'
294
+ alignItems: 'center',
295
+ paddingLeft: `${contentPaddingLeftPx}px`
292
296
  }
293
297
  }, children, /*#__PURE__*/React.createElement(View, {
294
298
  className: endCls,
package/lib/ui/ui.less CHANGED
@@ -262,16 +262,17 @@
262
262
  }
263
263
 
264
264
  // 右上角子元素容器
265
+ // 每侧 4px,相邻两项之间净间距 8px
265
266
  .top-right-item-container {
266
- padding: 0 8px;
267
+ padding: 0 4px;
267
268
  }
268
269
 
269
270
  .top-right-item-container:first-of-type {
270
- padding: 0 8px 0 0;
271
+ padding: 0 4px 0 0;
271
272
  }
272
273
 
273
274
  .top-right-item-container:last-of-type {
274
- padding: 0 16px 0 8px;
275
+ padding: 0 16px 0 4px;
275
276
  }
276
277
 
277
278
  .top-right-item-container:only-of-type {
@@ -303,16 +304,16 @@
303
304
 
304
305
  // 左下角全屏子元素容器
305
306
  .bottom-left-item-full-container {
306
- padding: 0 20px !important;
307
+ padding: 0 16px !important;
307
308
  flex-shrink: 0;
308
309
  }
309
310
 
310
311
  .bottom-left-item-full-container:first-of-type {
311
- padding: 0 20px 0 12px !important;
312
+ padding: 0 16px 0 12px !important;
312
313
  }
313
314
 
314
315
  .bottom-left-item-full-container:last-of-type {
315
- padding: 0 0 0 20px !important;
316
+ padding: 0 0 0 16px !important;
316
317
  }
317
318
 
318
319
  .bottom-left-item-full-container:only-of-type {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ray-js/ipc-player-integration",
3
- "version": "0.0.48",
3
+ "version": "0.0.49-beta.1",
4
4
  "description": "IPC 融合播放器",
5
5
  "main": "lib/index",
6
6
  "files": [