pb-sxp-ui 1.0.90 → 1.0.92

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('react-dom'), require('hls.js')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', '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.ReactDOM, global.Hls));
-})(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, 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('react-dom')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', '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.ReactDOM));
+})(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, ReactDOM) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -9676,7 +9676,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-16 14:50:13
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-21 11:59:25
+     * @LastEditTime: 2024-06-21 16:34:48
      * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\Img.tsx
      *
      */
@@ -9692,9 +9692,12 @@ Made in Italy` })));
                 }, rec, item, index);
             }
         }, [isOnScreen, src, ref, rec, ctaEvent, item, index]);
+        const imgSrc = React.useMemo(() => {
+            return (src === null || src === void 0 ? void 0 : src.includes('.avif')) ? src : `${src}?imrquality/rquality/40`;
+        }, [src]);
         return (React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
             React.createElement("div", { ref: ref, hidden: !src, className: css.css({ width: '100%', height: '100%' }) },
-                React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src: `${src}?imrquality/rquality/40` }))));
+                React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src: imgSrc }))));
     };
     var Img$1 = React.memo(Img);
 
@@ -12897,7 +12900,7 @@ Made in Italy` })));
                 return;
             videoRef.muted = muted;
         }, [muted, videoRef]);
-        const handleEnded = React.useCallback(() => {
+        const handlePlay = React.useCallback(() => {
             if (!videoRef)
                 return;
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.play();
@@ -13024,15 +13027,14 @@ Made in Italy` })));
             const videoSrc = rec === null || rec === void 0 ? void 0 : rec.video.url;
             if (!videoSrc)
                 return;
-            if (videoSrc.includes('.m3u8')) {
-                if (Hls.isSupported()) {
-                    const hls = new Hls();
-                    hls.loadSource(videoSrc);
-                    hls.attachMedia(videoRef);
-                }
-                else {
-                    videoRef.src = videoSrc;
-                }
+            const Hls = window === null || window === void 0 ? void 0 : window.Hls;
+            if (videoSrc.includes('.m3u8') && Hls && Hls.isSupported()) {
+                const hls = new Hls();
+                hls.loadSource(videoSrc);
+                hls.attachMedia(videoRef);
+                hls.on(Hls.Events.MANIFEST_PARSED, function () {
+                    videoRef === null || videoRef === void 0 ? void 0 : videoRef.play();
+                });
             }
             else {
                 videoRef.src = videoSrc;
@@ -13050,14 +13052,16 @@ Made in Italy` })));
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('loadeddata', handLoadeddata);
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('playing', handlePlaying);
             videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('pause', handlePause);
-            videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('ended', handleEnded);
+            videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('ended', handlePlay);
+            videoRef === null || videoRef === void 0 ? void 0 : videoRef.addEventListener('canplay', handlePlay);
             return () => {
                 dom2 === null || dom2 === void 0 ? void 0 : dom2.appendChild(dom);
                 videoRef === null || videoRef === void 0 ? void 0 : videoRef.removeEventListener('loadedmetadata', handleLoadedmetadata);
                 videoRef === null || videoRef === void 0 ? void 0 : videoRef.removeEventListener('loadeddata', handLoadeddata);
                 videoRef === null || videoRef === void 0 ? void 0 : videoRef.removeEventListener('playing', handlePlaying);
                 videoRef === null || videoRef === void 0 ? void 0 : videoRef.removeEventListener('pause', handlePause);
-                videoRef === null || videoRef === void 0 ? void 0 : videoRef.removeEventListener('ended', handleEnded);
+                videoRef === null || videoRef === void 0 ? void 0 : videoRef.removeEventListener('ended', handlePlay);
+                videoRef === null || videoRef === void 0 ? void 0 : videoRef.removeEventListener('canplay', handlePlay);
             };
         }, [isActive, videoId, rec, videoRef]);
         React.useEffect(() => {
@@ -13522,7 +13526,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-01-15 19:03:09
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-06-21 08:56:05
+     * @LastEditTime: 2024-06-21 15:53:06
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */