pb-sxp-ui 1.0.95 → 1.0.97

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 (19) hide show
  1. package/dist/index.cjs +7 -5
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +7 -5
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +3 -3
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +3 -3
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +7 -5
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +3 -3
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/SxpPageRender/VideoWidget/index.js +3 -1
  14. package/es/materials/sxp/template/MultiCommodity/index.js +2 -2
  15. package/es/materials/sxp/template/components/Img.js +1 -1
  16. package/lib/core/components/SxpPageRender/VideoWidget/index.js +3 -1
  17. package/lib/materials/sxp/template/MultiCommodity/index.js +2 -2
  18. package/lib/materials/sxp/template/components/Img.js +1 -1
  19. package/package.json +1 -1
package/es/core/components/SxpPageRender/VideoWidget/index.js CHANGED
@@ -186,8 +186,9 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
186
186
  if (!videoSrc)
187
187
  return;
188
188
  const Hls = window === null || window === void 0 ? void 0 : window.Hls;
189
+ let hls = null;
189
190
  if (videoSrc.includes('.m3u8') && Hls && Hls.isSupported()) {
190
- const hls = new Hls();
191
+ hls = new Hls();
191
192
  hls.loadSource(videoSrc);
192
193
  hls.attachMedia(videoRef);
193
194
  hls.on(Hls.Events.MANIFEST_PARSED, function () {
@@ -214,6 +215,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
214
215
  videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('canplay', handlePlay);
215
216
  videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('waiting', handleWaiting);
216
217
  return () => {
218
+ hls.destroy();
217
219
  setIsLoadFinish(false);
218
220
  dom2 === null || dom2 === void 0 ? void 0 : dom2.appendChild(dom);
219
221
  videoRef === null || videoRef === void 0 ? void 0 : videoRef.removeEventListener('loadedmetadata', handleLoadedmetadata);
package/es/materials/sxp/template/MultiCommodity/index.js CHANGED
@@ -33,7 +33,7 @@ const MultiCommodity = (_a) => {
33
33
  }
34
34
  }, popup === null || popup === void 0 ? void 0 : popup.duration);
35
35
  return (React.createElement(Scroll, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
36
- var _a, _b, _c, _d, _e, _f, _g;
36
+ var _a, _b, _c, _d, _e, _f, _g, _h;
37
37
  return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, Object.assign({ key: item.itemId, className: css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
38
38
  React.createElement(Img, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img }),
39
39
  React.createElement("div", { className: css({
@@ -45,7 +45,7 @@ const MultiCommodity = (_a) => {
45
45
  overflow: 'hidden'
46
46
  }) },
47
47
  React.createElement("div", { className: styles['two-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Product Name'),
48
- React.createElement("div", { className: css(Object.assign({ padding: '2px 7px', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_g = (_f = item === null || item === void 0 ? void 0 : item.bindCta) === null || _f === void 0 ? void 0 : _f.enTitle) !== null && _g !== void 0 ? _g : 'Shop Now'))))));
48
+ React.createElement("div", { className: css(Object.assign({ padding: '0 7px', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', lineHeight: ((_f = ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle) === null || _f === void 0 ? void 0 : _f.height) + 'px' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_h = (_g = item === null || item === void 0 ? void 0 : item.bindCta) === null || _g === void 0 ? void 0 : _g.enTitle) !== null && _h !== void 0 ? _h : 'Shop Now'))))));
49
49
  })));
50
50
  };
51
51
  export default memo(MultiCommodity);
package/es/materials/sxp/template/components/Img.js CHANGED
@@ -16,7 +16,7 @@ const Img = ({ src, rec, item, index, style, translateY, imgStyle }) => {
16
16
  }
17
17
  }, [isOnScreen, src, ref, rec, ctaEvent, item, index]);
18
18
  const imgSrc = useMemo(() => {
19
- return (src === null || src === void 0 ? void 0 : src.includes('.avif')) ? src : `${src}?imrquality/rquality/40`;
19
+ return (src === null || src === void 0 ? void 0 : src.includes('.avif')) ? src : `${src}?imrquality/rquality/20`;
20
20
  }, [src]);
21
21
  return (React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
22
22
  React.createElement("div", { ref: ref, hidden: !src, className: css({ width: '100%', height: '100%' }) },
package/lib/core/components/SxpPageRender/VideoWidget/index.js CHANGED
@@ -189,8 +189,9 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
189
189
  if (!videoSrc)
190
190
  return;
191
191
  const Hls = window === null || window === void 0 ? void 0 : window.Hls;
192
+ let hls = null;
192
193
  if (videoSrc.includes('.m3u8') && Hls && Hls.isSupported()) {
193
- const hls = new Hls();
194
+ hls = new Hls();
194
195
  hls.loadSource(videoSrc);
195
196
  hls.attachMedia(videoRef);
196
197
  hls.on(Hls.Events.MANIFEST_PARSED, function () {
@@ -217,6 +218,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
217
218
  videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('canplay', handlePlay);
218
219
  videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('waiting', handleWaiting);
219
220
  return () => {
221
+ hls.destroy();
220
222
  setIsLoadFinish(false);
221
223
  dom2 === null || dom2 === void 0 ? void 0 : dom2.appendChild(dom);
222
224
  videoRef === null || videoRef === void 0 ? void 0 : videoRef.removeEventListener('loadedmetadata', handleLoadedmetadata);
package/lib/materials/sxp/template/MultiCommodity/index.js CHANGED
@@ -35,7 +35,7 @@ const MultiCommodity = (_a) => {
35
35
  }
36
36
  }, popup === null || popup === void 0 ? void 0 : popup.duration);
37
37
  return (react_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
38
- var _a, _b, _c, _d, _e, _f, _g;
38
+ var _a, _b, _c, _d, _e, _f, _g, _h;
39
39
  return (react_1.default.createElement(react_1.default.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (react_1.default.createElement(react_2.SwiperSlide, Object.assign({ key: item.itemId, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
40
40
  react_1.default.createElement(Img_1.default, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img }),
41
41
  react_1.default.createElement("div", { className: (0, css_1.css)({
@@ -47,7 +47,7 @@ const MultiCommodity = (_a) => {
47
47
  overflow: 'hidden'
48
48
  }) },
49
49
  react_1.default.createElement("div", { className: index_module_less_1.default['two-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title }, (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Product Name'),
50
- react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ padding: '2px 7px', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_g = (_f = item === null || item === void 0 ? void 0 : item.bindCta) === null || _f === void 0 ? void 0 : _f.enTitle) !== null && _g !== void 0 ? _g : 'Shop Now'))))));
50
+ react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ padding: '0 7px', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', lineHeight: ((_f = ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle) === null || _f === void 0 ? void 0 : _f.height) + 'px' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)) }, (_h = (_g = item === null || item === void 0 ? void 0 : item.bindCta) === null || _g === void 0 ? void 0 : _g.enTitle) !== null && _h !== void 0 ? _h : 'Shop Now'))))));
51
51
  })));
52
52
  };
53
53
  exports.default = (0, react_1.memo)(MultiCommodity);
package/lib/materials/sxp/template/components/Img.js CHANGED
@@ -19,7 +19,7 @@ const Img = ({ src, rec, item, index, style, translateY, imgStyle }) => {
19
19
  }
20
20
  }, [isOnScreen, src, ref, rec, ctaEvent, item, index]);
21
21
  const imgSrc = (0, react_1.useMemo)(() => {
22
- return (src === null || src === void 0 ? void 0 : src.includes('.avif')) ? src : `${src}?imrquality/rquality/40`;
22
+ return (src === null || src === void 0 ? void 0 : src.includes('.avif')) ? src : `${src}?imrquality/rquality/20`;
23
23
  }, [src]);
24
24
  return (react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
25
25
  react_1.default.createElement("div", { ref: ref, hidden: !src, className: (0, css_1.css)({ width: '100%', height: '100%' }) },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pb-sxp-ui",
3
- "version": "1.0.95",
3
+ "version": "1.0.97",
4
4
  "description": "React enterprise-class UI components",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",