pb-sxp-ui 1.0.63 → 1.0.64

package/dist/pb-ui.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('eventemitter3'), require('@emotion/css'), require('@ant-design/pro-components'), require('react-dom'), require('hls.js')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', '@ant-design/pro-components', 'react-dom', 'hls.js'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.EventEmitter, global.css, global.proComponents, global.ReactDOM, global.Hls));
-})(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, proComponents, ReactDOM, Hls) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('eventemitter3'), require('@emotion/css'), require('@ant-design/pro-components'), require('react-dom')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', '@ant-design/pro-components', 'react-dom'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.EventEmitter, global.css, global.proComponents, global.ReactDOM));
+})(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, proComponents, ReactDOM) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -8383,7 +8383,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-20 10:27:31
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-04-19 14:12:55
+     * @LastEditTime: 2024-05-17 16:53:11
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\FormatImage.tsx
      *
      */
@@ -8395,10 +8395,32 @@
                 setImgSrc(v);
             }
         }));
+        // useEffect(() => {
+        //   setImgSrc(src);
+        // }, [src]);
+        const imgRef = React.useRef(null);
         React.useEffect(() => {
-            setImgSrc(src);
+            let observer = null;
+            const { current } = imgRef;
+            if (current) {
+                observer = new IntersectionObserver((entries) => {
+                    entries.forEach((entry) => {
+                        if (entry.isIntersecting) {
+                            setImgSrc(src);
+                            observer.unobserve(current);
+                        }
+                    });
+                }, { threshold: 0.1 } // 触发阈值，可根据需要调整
+                );
+                observer.observe(current);
+            }
+            return () => {
+                if (observer && current) {
+                    observer.unobserve(current);
+                }
+            };
         }, [src]);
-        return (React.createElement(React.Fragment, null, (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
+        return (React.createElement("div", { ref: imgRef }, (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
             React.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
             React.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
             React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
@@ -12305,6 +12327,7 @@ Made in Italy` })));
             const videoSrc = rec.video.url;
             if (!videoSrc)
                 return;
+            videoRef === null || videoRef === void 0 ? void 0 : videoRef.src(videoSrc);
             setIsPauseVideo(false);
             const videoPlayerWrapperNode = document.querySelector(`#${videoId}`);
             const dom = document.querySelector('#player-container-id');
@@ -12312,7 +12335,6 @@ Made in Italy` })));
             if (!dom && !dom2)
                 return;
             videoPlayerWrapperNode === null || videoPlayerWrapperNode === void 0 ? void 0 : videoPlayerWrapperNode.appendChild(dom || dom2);
-            videoRef === null || videoRef === void 0 ? void 0 : videoRef.src(videoSrc);
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.on('loadedmetadata', handleLoadedmetadata);
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.on('loadeddata', handLoadeddata);
             // videoRef?.on('canplay', handleCanplay);
@@ -13385,8 +13407,8 @@ Made in Italy` })));
             if (!videoRef.current.src) {
                 const videoSrc = rec.video.url;
                 if (videoSrc.includes('.m3u8')) {
-                    if (Hls.isSupported()) {
-                        const hls = new Hls();
+                    if (typeof window !== 'undefined' && (window === null || window === void 0 ? void 0 : window.Hls.isSupported())) {
+                        const hls = new window.Hls();
                         hls.loadSource(videoSrc);
                         hls.attachMedia(videoRef.current);
                     }