pb-sxp-ui 1.0.93 → 1.0.94

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.
Files changed (17) hide show
  1. package/dist/index.cjs +11 -4
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +11 -4
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +1 -1
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +1 -1
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +11 -4
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +1 -1
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/SxpPageRender/PictureGroup/Picture.js +1 -1
  14. package/es/core/components/SxpPageRender/VideoWidget/index.js +9 -2
  15. package/lib/core/components/SxpPageRender/PictureGroup/Picture.js +1 -1
  16. package/lib/core/components/SxpPageRender/VideoWidget/index.js +9 -2
  17. package/package.json +1 -1
package/es/core/components/SxpPageRender/PictureGroup/Picture.js CHANGED
@@ -36,6 +36,6 @@ const Picture = (props) => {
36
36
  transform: translateY,
37
37
  left: 0,
38
38
  right: 0
39
- } }))));
39
+ }, onLoad: onShowFirstImage }))));
40
40
  };
41
41
  export default Picture;
package/es/core/components/SxpPageRender/VideoWidget/index.js CHANGED
@@ -263,7 +263,14 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
263
263
  if (!(sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image) || isLoadFinish) {
264
264
  return null;
265
265
  }
266
- return (React.createElement("img", { style: { position: 'absolute', left: 0, top: 0, width: '100%', height: '100%', objectFit: 'cover' }, src: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, alt: 'placeholder image' }));
266
+ return (React.createElement("img", { style: {
267
+ position: 'absolute',
268
+ left: 0,
269
+ top: 0,
270
+ width: '100%',
271
+ height: '100%',
272
+ objectFit: 'cover'
273
+ }, src: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, alt: 'placeholder image' }));
267
274
  }, [isLoadFinish, sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image]);
268
275
  const renderLoading = useMemo(() => {
269
276
  if (!waiting || !isLoadFinish)
@@ -298,7 +305,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
298
305
  return null;
299
306
  }
300
307
  return (React.createElement(React.Fragment, null, blur ? (React.createElement("div", { className: 'video-container', key: rec === null || rec === void 0 ? void 0 : rec.video.itemId, onClick: handleClickVideo(), style: Object.assign({ position: 'relative', width: '100%', height, overflow: 'hidden' }, bgStyle) },
301
- !isBgColor && (React.createElement(FormatImage, { src: blurBgSrc, style: Object.assign({ height: '100%', width: '100%', objectFit: 'cover' }, blurStyle) })),
308
+ !isBgColor && isLoadFinish && (React.createElement(FormatImage, { src: blurBgSrc, style: Object.assign({ height: '100%', width: '100%', objectFit: 'cover' }, blurStyle) })),
302
309
  React.createElement("canvas", { ref: canvasRef, style: { display: 'none' } }),
303
310
  React.createElement("div", { style: {
304
311
  position: 'absolute',
package/lib/core/components/SxpPageRender/PictureGroup/Picture.js CHANGED
@@ -39,6 +39,6 @@ const Picture = (props) => {
39
39
  transform: translateY,
40
40
  left: 0,
41
41
  right: 0
42
- } }))));
42
+ }, onLoad: onShowFirstImage }))));
43
43
  };
44
44
  exports.default = Picture;
package/lib/core/components/SxpPageRender/VideoWidget/index.js CHANGED
@@ -266,7 +266,14 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
266
266
  if (!(sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image) || isLoadFinish) {
267
267
  return null;
268
268
  }
269
- return (react_1.default.createElement("img", { style: { position: 'absolute', left: 0, top: 0, width: '100%', height: '100%', objectFit: 'cover' }, src: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, alt: 'placeholder image' }));
269
+ return (react_1.default.createElement("img", { style: {
270
+ position: 'absolute',
271
+ left: 0,
272
+ top: 0,
273
+ width: '100%',
274
+ height: '100%',
275
+ objectFit: 'cover'
276
+ }, src: sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image, alt: 'placeholder image' }));
270
277
  }, [isLoadFinish, sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.placeholder_image]);
271
278
  const renderLoading = (0, react_1.useMemo)(() => {
272
279
  if (!waiting || !isLoadFinish)
@@ -301,7 +308,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
301
308
  return null;
302
309
  }
303
310
  return (react_1.default.createElement(react_1.default.Fragment, null, blur ? (react_1.default.createElement("div", { className: 'video-container', key: rec === null || rec === void 0 ? void 0 : rec.video.itemId, onClick: handleClickVideo(), style: Object.assign({ position: 'relative', width: '100%', height, overflow: 'hidden' }, bgStyle) },
304
- !isBgColor && (react_1.default.createElement(FormatImage_1.default, { src: blurBgSrc, style: Object.assign({ height: '100%', width: '100%', objectFit: 'cover' }, blurStyle) })),
311
+ !isBgColor && isLoadFinish && (react_1.default.createElement(FormatImage_1.default, { src: blurBgSrc, style: Object.assign({ height: '100%', width: '100%', objectFit: 'cover' }, blurStyle) })),
305
312
  react_1.default.createElement("canvas", { ref: canvasRef, style: { display: 'none' } }),
306
313
  react_1.default.createElement("div", { style: {
307
314
  position: 'absolute',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pb-sxp-ui",
3
- "version": "1.0.93",
3
+ "version": "1.0.94",
4
4
  "description": "React enterprise-class UI components",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",