pb-sxp-ui 1.6.5 → 1.6.6

package/dist/pb-ui.js

@@ -9075,7 +9075,7 @@
      * @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
      *
      */
@@ -9112,6 +9112,8 @@
         }, [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);
             }
@@ -9119,7 +9121,7 @@
                 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',
@@ -15572,6 +15574,7 @@ Made in Italy` })));
         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]);
@@ -15750,12 +15753,12 @@ Made in Italy` })));
             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();
                 });
@@ -15774,23 +15777,23 @@ Made in Italy` })));
             (_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)