pb-sxp-ui 1.6.5 → 1.6.6

package/dist/index.cjs

@@ -9082,7 +9082,7 @@ var Modal$1 = React.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
  *
  */
@@ -9119,6 +9119,8 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
     }, [text, maxStr, isShowMore]);
     React.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);
         }
@@ -9126,7 +9128,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',
@@ -15579,6 +15581,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
     const videoRef = React.useRef();
     const videoId = `pb-cache-video-${index}`;
     const videoEleRef = React.useRef(null);
+    const hlsRef = React.useRef(null);
     const blur = React.useMemo(() => {
         return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2';
     }, [videoPostConfig]);
@@ -15757,12 +15760,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();
             });
@@ -15781,23 +15784,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]);
     React.useEffect(() => {
         var _a, _b;
         if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || !isLoadFinish)