pb-sxp-ui 1.6.4 → 1.6.6

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 (23) hide show
  1. package/dist/index.cjs +28 -24
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +28 -24
  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 +28 -24
  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/ExpandableText.js +3 -1
  14. package/es/core/components/SxpPageRender/Hashtag/index.js +3 -2
  15. package/es/core/components/SxpPageRender/VideoWidget/index.js +17 -16
  16. package/es/materials/sxp/template/components/Scroll.d.ts +0 -1
  17. package/es/materials/sxp/template/components/Scroll.js +2 -2
  18. package/lib/core/components/SxpPageRender/ExpandableText.js +3 -1
  19. package/lib/core/components/SxpPageRender/Hashtag/index.js +3 -2
  20. package/lib/core/components/SxpPageRender/VideoWidget/index.js +17 -16
  21. package/lib/materials/sxp/template/components/Scroll.d.ts +0 -1
  22. package/lib/materials/sxp/template/components/Scroll.js +2 -2
  23. package/package.json +1 -1
package/es/core/components/SxpPageRender/ExpandableText.js CHANGED
@@ -30,6 +30,8 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
30
30
  }, [text, maxStr, isShowMore]);
31
31
  useEffect(() => {
32
32
  var _a, _b;
33
+ if (multiRowCopy === null || multiRowCopy === void 0 ? void 0 : multiRowCopy.current)
34
+ multiRowCopy.current.style.display = 'block';
33
35
  if (((_a = multiRowCopy === null || multiRowCopy === void 0 ? void 0 : multiRowCopy.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) > ((_b = multiRow === null || multiRow === void 0 ? void 0 : multiRow.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) && isPost) {
34
36
  setIsShow(true);
35
37
  }
@@ -37,7 +39,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
37
39
  setIsShow(false);
38
40
  }
39
41
  multiRowCopy.current.style.display = 'none';
40
- }, [isPost]);
42
+ }, [isPost, text]);
41
43
  return (React.createElement("div", { className: className, style: Object.assign(Object.assign({}, style), { transform: 'translate3d(0px, 0px, 0px)' }), hidden: !text || text === '' },
42
44
  React.createElement("div", { ref: multiRow, style: {
43
45
  overflow: 'hidden',
package/es/core/components/SxpPageRender/Hashtag/index.js CHANGED
@@ -37,9 +37,10 @@ const Hashtag = ({ tags, itemId, itemType, index, rec, hashTagStyle, hashTagRigh
37
37
  return (React.createElement("span", { style: { textDecoration: 'underline', cursor: 'pointer', color: '#fff' }, onClick: () => setIsShowMore(!isShowMore) }, isShowMore ? 'show less' : 'show more'));
38
38
  }, [isShowMore, tags]);
39
39
  return (React.createElement("div", { className: 'clc-sxp-bottom-hashtag', style: {
40
- marginTop: `${(_a = hashTagStyle === null || hashTagStyle === void 0 ? void 0 : hashTagStyle.marginTop) !== null && _a !== void 0 ? _a : 16}px`
40
+ marginTop: `${(_a = hashTagStyle === null || hashTagStyle === void 0 ? void 0 : hashTagStyle.marginTop) !== null && _a !== void 0 ? _a : 16}px`,
41
+ width: hashTagRightMargin
41
42
  } },
42
- React.createElement(Scroll, { width: hashTagRightMargin }, tags === null || tags === void 0 ? void 0 : tags.map((item, index) => (React.createElement(SwiperSlide, { key: index, hidden: !isShowMore ? index >= 6 : false, className: 'clc-sxp-bottom-hashtag-item', style: hashTagStyle, onClick: () => handleClickTag(item), tag: 'button', "aria-label": item },
43
+ React.createElement(Scroll, null, tags === null || tags === void 0 ? void 0 : tags.map((item, index) => (React.createElement(SwiperSlide, { key: index, hidden: !isShowMore ? index >= 6 : false, className: 'clc-sxp-bottom-hashtag-item', style: hashTagStyle, onClick: () => handleClickTag(item), tag: 'button', "aria-label": item },
43
44
  React.createElement("div", { dangerouslySetInnerHTML: { __html: setFontForText(`#${item}`, hashTagStyle) } })))))));
44
45
  };
45
46
  export default memo(Hashtag);
package/es/core/components/SxpPageRender/VideoWidget/index.js CHANGED
@@ -19,6 +19,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
19
19
  const videoRef = useRef();
20
20
  const videoId = `pb-cache-video-${index}`;
21
21
  const videoEleRef = useRef(null);
22
+ const hlsRef = useRef(null);
22
23
  const blur = useMemo(() => {
23
24
  return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2';
24
25
  }, [videoPostConfig]);
@@ -197,12 +198,12 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
197
198
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
198
199
  return;
199
200
  const Hls = window === null || window === void 0 ? void 0 : window.Hls;
200
- let hls = null;
201
+ let hls = hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current;
201
202
  if (videoSrc.includes('.m3u8') && Hls && Hls.isSupported()) {
202
203
  hls = new Hls();
203
- hls.loadSource(videoSrc);
204
- hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
205
- hls.on(Hls.Events.MANIFEST_PARSED, function () {
204
+ hls === null || hls === void 0 ? void 0 : hls.loadSource(videoSrc);
205
+ hls === null || hls === void 0 ? void 0 : hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
206
+ hls === null || hls === void 0 ? void 0 : hls.on(Hls.Events.MANIFEST_PARSED, function () {
206
207
  var _a;
207
208
  (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
208
209
  });
@@ -221,23 +222,23 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
221
222
  (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
222
223
  (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
223
224
  return () => {
224
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
225
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
225
226
  const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
226
227
  if (!isPause)
227
228
  handlePause();
228
- if (hls)
229
- hls === null || hls === void 0 ? void 0 : hls.destroy();
229
+ if (hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current)
230
+ (_b = hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current) === null || _b === void 0 ? void 0 : _b.destroy();
230
231
  setIsLoadFinish(false);
231
- (_b = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('loadedmetadata', handleLoadedmetadata);
232
- (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('loadeddata', handLoadeddata);
233
- (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('play', handleStartPlay);
234
- (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('playing', handlePlaying);
235
- (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('pause', handlePause);
236
- (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('ended', handlePlay);
237
- (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('canplay', handlePlay);
238
- (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('waiting', handleWaiting);
232
+ (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('loadedmetadata', handleLoadedmetadata);
233
+ (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('loadeddata', handLoadeddata);
234
+ (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('play', handleStartPlay);
235
+ (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('playing', handlePlaying);
236
+ (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('pause', handlePause);
237
+ (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handlePlay);
238
+ (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('canplay', handlePlay);
239
+ (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.removeEventListener('waiting', handleWaiting);
239
240
  };
240
- }, [isActive, videoId, rec, handlePause]);
241
+ }, [isActive]);
241
242
  useEffect(() => {
242
243
  var _a, _b;
243
244
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || !isLoadFinish)
package/es/materials/sxp/template/components/Scroll.d.ts CHANGED
@@ -7,7 +7,6 @@ interface IScrollProps {
7
7
  isPadding?: boolean;
8
8
  style?: CSSProperties;
9
9
  enableSlideActive?: boolean;
10
- width?: number;
11
10
  }
12
11
  declare const _default: React.NamedExoticComponent<IScrollProps>;
13
12
  export default _default;
package/es/materials/sxp/template/components/Scroll.js CHANGED
@@ -5,7 +5,7 @@ import 'swiper/css/free-mode';
5
5
  import 'swiper/css/scrollbar';
6
6
  import { FreeMode, Scrollbar, Mousewheel } from 'swiper/modules';
7
7
  import { useSxpDataSource } from '../../../../core/hooks';
8
- const Scroll = ({ children, isPadding = true, style, enableSlideActive = false, width }) => {
8
+ const Scroll = ({ children, isPadding = true, style, enableSlideActive = false }) => {
9
9
  const ref = useRef();
10
10
  const { popupDetailData } = useSxpDataSource();
11
11
  useEffect(() => {
@@ -13,6 +13,6 @@ const Scroll = ({ children, isPadding = true, style, enableSlideActive = false,
13
13
  if (enableSlideActive)
14
14
  (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.swiper.slideTo((_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.multiCheckIndex) !== null && _b !== void 0 ? _b : 0);
15
15
  }, [popupDetailData, enableSlideActive]);
16
- return (React.createElement(Swiper, { ref: ref, direction: 'horizontal', slidesPerView: 'auto', freeMode: true, mousewheel: true, modules: [FreeMode, Scrollbar, Mousewheel], style: Object.assign(Object.assign({ padding: isPadding ? '0 12px 0 20px' : 0 }, style), (width && { width })) }, children));
16
+ return (React.createElement(Swiper, { ref: ref, direction: 'horizontal', slidesPerView: 'auto', freeMode: true, mousewheel: true, modules: [FreeMode, Scrollbar, Mousewheel], style: Object.assign({ padding: isPadding ? '0 12px 0 20px' : 0 }, style) }, children));
17
17
  };
18
18
  export default memo(Scroll);
package/lib/core/components/SxpPageRender/ExpandableText.js CHANGED
@@ -33,6 +33,8 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
33
33
  }, [text, maxStr, isShowMore]);
34
34
  (0, react_1.useEffect)(() => {
35
35
  var _a, _b;
36
+ if (multiRowCopy === null || multiRowCopy === void 0 ? void 0 : multiRowCopy.current)
37
+ multiRowCopy.current.style.display = 'block';
36
38
  if (((_a = multiRowCopy === null || multiRowCopy === void 0 ? void 0 : multiRowCopy.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) > ((_b = multiRow === null || multiRow === void 0 ? void 0 : multiRow.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) && isPost) {
37
39
  setIsShow(true);
38
40
  }
@@ -40,7 +42,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
40
42
  setIsShow(false);
41
43
  }
42
44
  multiRowCopy.current.style.display = 'none';
43
- }, [isPost]);
45
+ }, [isPost, text]);
44
46
  return (react_1.default.createElement("div", { className: className, style: Object.assign(Object.assign({}, style), { transform: 'translate3d(0px, 0px, 0px)' }), hidden: !text || text === '' },
45
47
  react_1.default.createElement("div", { ref: multiRow, style: {
46
48
  overflow: 'hidden',
package/lib/core/components/SxpPageRender/Hashtag/index.js CHANGED
@@ -40,9 +40,10 @@ const Hashtag = ({ tags, itemId, itemType, index, rec, hashTagStyle, hashTagRigh
40
40
  return (react_1.default.createElement("span", { style: { textDecoration: 'underline', cursor: 'pointer', color: '#fff' }, onClick: () => setIsShowMore(!isShowMore) }, isShowMore ? 'show less' : 'show more'));
41
41
  }, [isShowMore, tags]);
42
42
  return (react_1.default.createElement("div", { className: 'clc-sxp-bottom-hashtag', style: {
43
- marginTop: `${(_a = hashTagStyle === null || hashTagStyle === void 0 ? void 0 : hashTagStyle.marginTop) !== null && _a !== void 0 ? _a : 16}px`
43
+ marginTop: `${(_a = hashTagStyle === null || hashTagStyle === void 0 ? void 0 : hashTagStyle.marginTop) !== null && _a !== void 0 ? _a : 16}px`,
44
+ width: hashTagRightMargin
44
45
  } },
45
- react_1.default.createElement(Scroll_1.default, { width: hashTagRightMargin }, tags === null || tags === void 0 ? void 0 : tags.map((item, index) => (react_1.default.createElement(react_2.SwiperSlide, { key: index, hidden: !isShowMore ? index >= 6 : false, className: 'clc-sxp-bottom-hashtag-item', style: hashTagStyle, onClick: () => handleClickTag(item), tag: 'button', "aria-label": item },
46
+ react_1.default.createElement(Scroll_1.default, null, tags === null || tags === void 0 ? void 0 : tags.map((item, index) => (react_1.default.createElement(react_2.SwiperSlide, { key: index, hidden: !isShowMore ? index >= 6 : false, className: 'clc-sxp-bottom-hashtag-item', style: hashTagStyle, onClick: () => handleClickTag(item), tag: 'button', "aria-label": item },
46
47
  react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: (0, tool_1.setFontForText)(`#${item}`, hashTagStyle) } })))))));
47
48
  };
48
49
  exports.default = (0, react_1.memo)(Hashtag);
package/lib/core/components/SxpPageRender/VideoWidget/index.js CHANGED
@@ -22,6 +22,7 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
22
22
  const videoRef = (0, react_1.useRef)();
23
23
  const videoId = `pb-cache-video-${index}`;
24
24
  const videoEleRef = (0, react_1.useRef)(null);
25
+ const hlsRef = (0, react_1.useRef)(null);
25
26
  const blur = (0, react_1.useMemo)(() => {
26
27
  return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2';
27
28
  }, [videoPostConfig]);
@@ -200,12 +201,12 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
200
201
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
201
202
  return;
202
203
  const Hls = window === null || window === void 0 ? void 0 : window.Hls;
203
- let hls = null;
204
+ let hls = hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current;
204
205
  if (videoSrc.includes('.m3u8') && Hls && Hls.isSupported()) {
205
206
  hls = new Hls();
206
- hls.loadSource(videoSrc);
207
- hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
208
- hls.on(Hls.Events.MANIFEST_PARSED, function () {
207
+ hls === null || hls === void 0 ? void 0 : hls.loadSource(videoSrc);
208
+ hls === null || hls === void 0 ? void 0 : hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
209
+ hls === null || hls === void 0 ? void 0 : hls.on(Hls.Events.MANIFEST_PARSED, function () {
209
210
  var _a;
210
211
  (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
211
212
  });
@@ -224,23 +225,23 @@ const VideoWidget = ({ rec, index, height, data, muted, activeIndex, videoPostCo
224
225
  (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
225
226
  (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
226
227
  return () => {
227
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
228
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
228
229
  const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
229
230
  if (!isPause)
230
231
  handlePause();
231
- if (hls)
232
- hls === null || hls === void 0 ? void 0 : hls.destroy();
232
+ if (hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current)
233
+ (_b = hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current) === null || _b === void 0 ? void 0 : _b.destroy();
233
234
  setIsLoadFinish(false);
234
- (_b = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('loadedmetadata', handleLoadedmetadata);
235
- (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('loadeddata', handLoadeddata);
236
- (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('play', handleStartPlay);
237
- (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('playing', handlePlaying);
238
- (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('pause', handlePause);
239
- (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('ended', handlePlay);
240
- (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('canplay', handlePlay);
241
- (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('waiting', handleWaiting);
235
+ (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('loadedmetadata', handleLoadedmetadata);
236
+ (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('loadeddata', handLoadeddata);
237
+ (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('play', handleStartPlay);
238
+ (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('playing', handlePlaying);
239
+ (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('pause', handlePause);
240
+ (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handlePlay);
241
+ (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('canplay', handlePlay);
242
+ (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.removeEventListener('waiting', handleWaiting);
242
243
  };
243
- }, [isActive, videoId, rec, handlePause]);
244
+ }, [isActive]);
244
245
  (0, react_1.useEffect)(() => {
245
246
  var _a, _b;
246
247
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || !isLoadFinish)
package/lib/materials/sxp/template/components/Scroll.d.ts CHANGED
@@ -7,7 +7,6 @@ interface IScrollProps {
7
7
  isPadding?: boolean;
8
8
  style?: CSSProperties;
9
9
  enableSlideActive?: boolean;
10
- width?: number;
11
10
  }
12
11
  declare const _default: React.NamedExoticComponent<IScrollProps>;
13
12
  export default _default;
package/lib/materials/sxp/template/components/Scroll.js CHANGED
@@ -8,7 +8,7 @@ require("swiper/css/free-mode");
8
8
  require("swiper/css/scrollbar");
9
9
  const modules_1 = require("swiper/modules");
10
10
  const hooks_1 = require("../../../../core/hooks");
11
- const Scroll = ({ children, isPadding = true, style, enableSlideActive = false, width }) => {
11
+ const Scroll = ({ children, isPadding = true, style, enableSlideActive = false }) => {
12
12
  const ref = (0, react_1.useRef)();
13
13
  const { popupDetailData } = (0, hooks_1.useSxpDataSource)();
14
14
  (0, react_1.useEffect)(() => {
@@ -16,6 +16,6 @@ const Scroll = ({ children, isPadding = true, style, enableSlideActive = false,
16
16
  if (enableSlideActive)
17
17
  (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.swiper.slideTo((_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.multiCheckIndex) !== null && _b !== void 0 ? _b : 0);
18
18
  }, [popupDetailData, enableSlideActive]);
19
- return (react_1.default.createElement(react_2.Swiper, { ref: ref, direction: 'horizontal', slidesPerView: 'auto', freeMode: true, mousewheel: true, modules: [modules_1.FreeMode, modules_1.Scrollbar, modules_1.Mousewheel], style: Object.assign(Object.assign({ padding: isPadding ? '0 12px 0 20px' : 0 }, style), (width && { width })) }, children));
19
+ return (react_1.default.createElement(react_2.Swiper, { ref: ref, direction: 'horizontal', slidesPerView: 'auto', freeMode: true, mousewheel: true, modules: [modules_1.FreeMode, modules_1.Scrollbar, modules_1.Mousewheel], style: Object.assign({ padding: isPadding ? '0 12px 0 20px' : 0 }, style) }, children));
20
20
  };
21
21
  exports.default = (0, react_1.memo)(Scroll);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pb-sxp-ui",
3
- "version": "1.6.4",
3
+ "version": "1.6.6",
4
4
  "description": "React enterprise-class UI components",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",