pb-sxp-ui 1.7.4 → 1.7.5

package/dist/pb-ui.js

@@ -313,16 +313,6 @@
         });
         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);
@@ -8982,12 +8972,12 @@
      * @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);
@@ -9039,7 +9029,7 @@
         }, [isOpen, popup]);
         const child = React.useCallback(() => {
             return children;
-        }, [_popup]);
+        }, [_popup, openState]);
         if (!modalEleRef.current)
             return null;
         const handleClose = lodash.debounce(() => {
@@ -15679,6 +15669,7 @@ Made in Italy` })));
         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]);
@@ -15725,7 +15716,7 @@ Made in Italy` })));
             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);
@@ -15735,22 +15726,20 @@ Made in Italy` })));
                 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);
@@ -15781,6 +15770,7 @@ Made in Italy` })));
         const handleLoadedmetadata = React.useCallback(() => {
             if (!videoRef.current)
                 return;
+            loadedTimeRef.current = new Date();
             handleStartPlay();
             handLoadeddata();
         }, [videoRef.current, handLoadeddata, handleStartPlay]);
@@ -16135,9 +16125,7 @@ Made in Italy` })));
         }, [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);
@@ -16294,7 +16282,7 @@ Made in Italy` })));
      * @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
      *
      */
@@ -16343,7 +16331,7 @@ Made in Italy` })));
                 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)`;
@@ -16864,7 +16852,6 @@ Made in Italy` })));
                         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
                     }
                 });