pb-sxp-ui 1.7.4 → 1.7.5

package/dist/index.cjs

@@ -320,16 +320,6 @@ function getCookie(val) {
     });
     return value !== null && value !== void 0 ? value : '';
 }
-const getResFileSizeFromSrc = (imageSrc) => {
-    if (!imageSrc)
-        return '';
-    return fetch(imageSrc)
-        .then((response) => response.blob())
-        .then((blob) => {
-        const fileSizeInMB = blob.size / (1024 * 1024); // 将文件大小转换为 MB
-        return fileSizeInMB.toFixed(2) + '';
-    });
-};
 
 function unzip(b64Data) {
     const strData = atob(b64Data);
@@ -8989,12 +8979,12 @@ SwiperSlide.displayName = 'SwiperSlide';
  * @Author: binruan@chatlabs.com
  * @Date: 2023-11-02 18:34:34
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-10-23 16:44:34
+ * @LastEditTime: 2024-10-30 19:22:59
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Modal\index.tsx
  *
  */
 const closeIcon$1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=';
-const Modal = ({ visible, onClose, children, modalStyle, padding, popup, schema, fullHeight = window.innerHeight, isFullScreen = false }) => {
+const Modal = ({ visible, onClose, children, modalStyle, padding, popup, schema, fullHeight = window.innerHeight, isFullScreen = false, openState }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     const touchRef = React.useRef(null);
     const fTouchRef = React.useRef(null);
@@ -9046,7 +9036,7 @@ const Modal = ({ visible, onClose, children, modalStyle, padding, popup, schema,
     }, [isOpen, popup]);
     const child = React.useCallback(() => {
         return children;
-    }, [_popup]);
+    }, [_popup, openState]);
     if (!modalEleRef.current)
         return null;
     const handleClose = lodash.debounce(() => {
@@ -15686,6 +15676,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
     const videoEleRef = React.useRef(null);
     const hlsRef = React.useRef(null);
     const initTimeRef = React.useRef();
+    const loadedTimeRef = React.useRef();
     const blur = React.useMemo(() => {
         return (videoPostConfig === null || videoPostConfig === void 0 ? void 0 : videoPostConfig.mode) === '2';
     }, [videoPostConfig]);
@@ -15732,7 +15723,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
         setIsLoadFinish(true);
     }, []);
     const handleStartPlay = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
             return;
         setIsPauseVideo(false);
@@ -15742,22 +15733,20 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
             const videoDuration = ((_d = (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.duration) !== null && _d !== void 0 ? _d : 0).toFixed(2);
             const videoCurrentTime = ((_f = (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.currentTime) !== null && _f !== void 0 ? _f : 0).toFixed(2);
             const playType = isFirstPlay ? '0' : '1';
-            const contentSize = yield getResFileSizeFromSrc((_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.url);
             bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
                 eventInfo: {
                     eventSubject: 'playVideo',
                     eventDescription: 'User played the video',
-                    contentId: (_j = (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.itemId) !== null && _j !== void 0 ? _j : '',
-                    contentName: (_l = (_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : '',
+                    contentId: (_h = (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
+                    contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
                     playType,
                     startTime: videoCurrentTime,
                     videoDuration,
-                    contentTags: JSON.stringify((_o = (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.tags) !== null && _o !== void 0 ? _o : []),
+                    contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
                     position: index + '',
                     contentFormat: 'video',
-                    traceInfo: (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.traceInfo,
-                    contentSize,
-                    loadTime: (new Date() - (initTimeRef === null || initTimeRef === void 0 ? void 0 : initTimeRef.current)).toFixed(2) + ''
+                    traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo,
+                    loadTime: ((loadedTimeRef === null || loadedTimeRef === void 0 ? void 0 : loadedTimeRef.current) - (initTimeRef === null || initTimeRef === void 0 ? void 0 : initTimeRef.current)).toFixed(2) + ''
                 }
             });
             setIsFirstPlay(false);
@@ -15788,6 +15777,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
     const handleLoadedmetadata = React.useCallback(() => {
         if (!videoRef.current)
             return;
+        loadedTimeRef.current = new Date();
         handleStartPlay();
         handLoadeddata();
     }, [videoRef.current, handLoadeddata, handleStartPlay]);
@@ -16142,9 +16132,7 @@ const PictureGroup$2 = ({ imgUrls, width, height, rec, index, onViewImageEndEven
     }, [rec, isActive, onViewImageEndEvent, openHashtag, index, onViewImageStartEvent, isLoad, imgInfo]);
     const showFirstImageFn = React.useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
         if (!isLoad) {
-            const contentSize = yield getResFileSizeFromSrc(e.src);
             setImgInfo({
-                contentSize,
                 loadTime: (new Date() - initTime).toFixed(2) + ''
             });
             setIsLoad(true);
@@ -16301,7 +16289,7 @@ function withBindDataSource(Component) {
  * @Author: binruan@chatlabs.com
  * @Date: 2023-12-26 16:11:34
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-10-29 14:07:29
+ * @LastEditTime: 2024-10-30 14:51:19
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\RenderCard.tsx
  *
  */
@@ -16350,7 +16338,7 @@ const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive }
             const Component = withBindDataSource(t);
             const defaulSetting = (_z = t === null || t === void 0 ? void 0 : t.extend) === null || _z === void 0 ? void 0 : _z.defaulSetting;
             const isExternalLink = ((_2 = (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.event) === null || _1 === void 0 ? void 0 : _1.onClick) === null || _2 === void 0 ? void 0 : _2.linkType) === 'externalLink';
-            let style = (_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.style;
+            let style = lodash.cloneDeep((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.style);
             if (style.hasOwnProperty('backdropFilter')) {
                 let sbf = style['backdropFilter'];
                 style['backdropFilter'] = `blur(${sbf !== null && sbf !== void 0 ? sbf : 0}px)`;
@@ -16871,7 +16859,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                     position: activeIndex + '',
                     contentFormat: 'image',
                     traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo,
-                    contentSize: imgInfo === null || imgInfo === void 0 ? void 0 : imgInfo.contentSize,
                     loadTime: imgInfo === null || imgInfo === void 0 ? void 0 : imgInfo.loadTime
                 }
             });