pb-sxp-ui 1.6.4 → 1.6.6

package/dist/index.js

@@ -9060,7 +9060,7 @@ var Modal$1 = memo(Modal);
  * @Author: binruan@chatlabs.com
  * @Date: 2023-12-26 16:11:34
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-06-28 15:17:10
+ * @LastEditTime: 2024-10-18 14:52:42
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\ExpandableText.tsx
  *
  */
@@ -9097,6 +9097,8 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
     }, [text, maxStr, isShowMore]);
     useEffect(() => {
         var _a, _b;
+        if (multiRowCopy === null || multiRowCopy === void 0 ? void 0 : multiRowCopy.current)
+            multiRowCopy.current.style.display = 'block';
         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) {
             setIsShow(true);
         }
@@ -9104,7 +9106,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
             setIsShow(false);
         }
         multiRowCopy.current.style.display = 'none';
-    }, [isPost]);
+    }, [isPost, text]);
     return (React.createElement("div", { className: className, style: Object.assign(Object.assign({}, style), { transform: 'translate3d(0px, 0px, 0px)' }), hidden: !text || text === '' },
         React.createElement("div", { ref: multiRow, style: {
                 overflow: 'hidden',
@@ -9168,11 +9170,11 @@ var FormatImage$1 = memo(FormatImage);
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-20 10:27:32
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-10-17 17:05:11
+ * @LastEditTime: 2024-10-17 18:02:56
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\Scroll.tsx
  *
  */
-const Scroll = ({ children, isPadding = true, style, enableSlideActive = false, width }) => {
+const Scroll = ({ children, isPadding = true, style, enableSlideActive = false }) => {
     const ref = useRef();
     const { popupDetailData } = useSxpDataSource();
     useEffect(() => {
@@ -9180,7 +9182,7 @@ const Scroll = ({ children, isPadding = true, style, enableSlideActive = false,
         if (enableSlideActive)
             (_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);
     }, [popupDetailData, enableSlideActive]);
-    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));
+    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));
 };
 var Scroll$1 = memo(Scroll);
 
@@ -15557,6 +15559,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
     const videoRef = useRef();
     const videoId = `pb-cache-video-${index}`;
     const videoEleRef = useRef(null);
+    const hlsRef = useRef(null);
     const blur = useMemo(() => {
         return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2';
     }, [videoPostConfig]);
@@ -15735,12 +15738,12 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
         if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
             return;
         const Hls = window === null || window === void 0 ? void 0 : window.Hls;
-        let hls = null;
+        let hls = hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current;
         if (videoSrc.includes('.m3u8') && Hls && Hls.isSupported()) {
             hls = new Hls();
-            hls.loadSource(videoSrc);
-            hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
-            hls.on(Hls.Events.MANIFEST_PARSED, function () {
+            hls === null || hls === void 0 ? void 0 : hls.loadSource(videoSrc);
+            hls === null || hls === void 0 ? void 0 : hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
+            hls === null || hls === void 0 ? void 0 : hls.on(Hls.Events.MANIFEST_PARSED, function () {
                 var _a;
                 (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
             });
@@ -15759,23 +15762,23 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
         (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
         (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
         return () => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
             if (!isPause)
                 handlePause();
-            if (hls)
-                hls === null || hls === void 0 ? void 0 : hls.destroy();
+            if (hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current)
+                (_b = hlsRef === null || hlsRef === void 0 ? void 0 : hlsRef.current) === null || _b === void 0 ? void 0 : _b.destroy();
             setIsLoadFinish(false);
-            (_b = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('loadedmetadata', handleLoadedmetadata);
-            (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('loadeddata', handLoadeddata);
-            (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('play', handleStartPlay);
-            (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('playing', handlePlaying);
-            (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('pause', handlePause);
-            (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('ended', handlePlay);
-            (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('canplay', handlePlay);
-            (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('waiting', handleWaiting);
+            (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('loadedmetadata', handleLoadedmetadata);
+            (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('loadeddata', handLoadeddata);
+            (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('play', handleStartPlay);
+            (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('playing', handlePlaying);
+            (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('pause', handlePause);
+            (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handlePlay);
+            (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('canplay', handlePlay);
+            (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.removeEventListener('waiting', handleWaiting);
         };
-    }, [isActive, videoId, rec, handlePause]);
+    }, [isActive]);
     useEffect(() => {
         var _a, _b;
         if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || !isLoadFinish)
@@ -16046,7 +16049,7 @@ var PictureGroup$3 = memo(PictureGroup$2);
  * @Author: binruan@chatlabs.com
  * @Date: 2024-01-15 19:03:09
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-10-17 17:00:33
+ * @LastEditTime: 2024-10-17 18:02:31
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Hashtag\index.tsx
  *
  */
@@ -16084,9 +16087,10 @@ const Hashtag = ({ tags, itemId, itemType, index, rec, hashTagStyle, hashTagRigh
         return (React.createElement("span", { style: { textDecoration: 'underline', cursor: 'pointer', color: '#fff' }, onClick: () => setIsShowMore(!isShowMore) }, isShowMore ? 'show less' : 'show more'));
     }, [isShowMore, tags]);
     return (React.createElement("div", { className: 'clc-sxp-bottom-hashtag', style: {
-            marginTop: `${(_a = hashTagStyle === null || hashTagStyle === void 0 ? void 0 : hashTagStyle.marginTop) !== null && _a !== void 0 ? _a : 16}px`
+            marginTop: `${(_a = hashTagStyle === null || hashTagStyle === void 0 ? void 0 : hashTagStyle.marginTop) !== null && _a !== void 0 ? _a : 16}px`,
+            width: hashTagRightMargin
         } },
-        React.createElement(Scroll$1, { 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 },
+        React.createElement(Scroll$1, 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 },
             React.createElement("div", { dangerouslySetInnerHTML: { __html: setFontForText(`#${item}`, hashTagStyle) } })))))));
 };
 var Hashtag$1 = memo(Hashtag);