pb-sxp-ui 1.15.13-alpha.2 → 1.15.13-alpha.3

package/dist/pb-ui.js

@@ -779,9 +779,8 @@
             }
             else if (utmVal) {
                 const val = (_k = (_j = (_h = splitUrlParams(utmVal)) === null || _h === void 0 ? void 0 : _h.filter((val) => {
-                    var _a, _b;
                     const key = val.split('=')[0];
-                    return (_b = ((_a = utmParameter === null || utmParameter === void 0 ? void 0 : utmParameter.channels) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.includes(key);
+                    return key;
                 })) === null || _j === void 0 ? void 0 : _j.join('&')) !== null && _k !== void 0 ? _k : '';
                 if (val)
                     query = Object.assign(Object.assign({}, query), { channel: decodeURIComponent(val) });
@@ -822,7 +821,7 @@
             if (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) {
                 query = Object.assign(Object.assign({}, query), { directPage: true, level: 1, pageNum: (_o = query === null || query === void 0 ? void 0 : query.pageNum) !== null && _o !== void 0 ? _o : 1 });
             }
-            const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/list', { method: 'POST', body: query }));
+            const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v3/recommend/direct', { method: 'POST', body: query }));
             if (!(result === null || result === void 0 ? void 0 : result.success)) {
                 return undefined;
             }
@@ -1099,6 +1098,7 @@
             if (!isShowConsent)
                 h5EnterLink();
         }, [isShowConsent]);
+        console.log(data, '111');
         React.useEffect(() => {
             if (isShowConsent || isPreview)
                 return;
@@ -19079,7 +19079,7 @@ Made in Italy` })));
             React.createElement(ConsentPopup, { resolver: resolver, globalConfig: globalConfig }),
             openMultiPosts && (React.createElement(MultiPosts$2, Object.assign({}, (_x = (_w = (_v = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _v === void 0 ? void 0 : _v[0]) === null || _w === void 0 ? void 0 : _w.item) === null || _x === void 0 ? void 0 : _x.props, (_0 = (_z = (_y = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _y === void 0 ? void 0 : _y[0]) === null || _z === void 0 ? void 0 : _z.item) === null || _0 === void 0 ? void 0 : _0.event, { style: { position: 'fixed', top: 0, left: 0, right: 0 } })))))));
     };
-    var SxpPageRender$1 = React.memo(SxpPageRender);
+    var index$2 = React.memo(SxpPageRender);
 
     const PictureGroup$2 = ({ imgUrls, width, height, imgUrlsPostConfig, rec, index }) => {
         return (React.createElement(Swiper, { defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: {
@@ -19443,7 +19443,7 @@ Made in Italy` })));
             return renderView(rec, index);
         })));
     };
-    var index$2 = React.memo(DiyPortalPreview);
+    var index$1 = React.memo(DiyPortalPreview);
 
     const PictureGroup = ({ imgUrls, width, height, imgUrlsPostConfig, rec, index, swiperRef, data = [], loopPlay }) => {
         const { isActive } = useSwiperSlide();
@@ -19684,16 +19684,10 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2025-03-25 13:54:27
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2025-03-26 22:40:52
+     * @LastEditTime: 2025-03-27 17:20:34
      * @FilePath: \pb-sxp-ui\src\core\components\DiyStoryPreview\index.tsx
      *
      */
-    const RESOLVER$1 = {};
-    Object.values(_materials_).forEach((v) => {
-        RESOLVER$1[v.extend.type] = v;
-    });
-    const defaultUnLikeIconPath = '/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png';
-    const defaultLikeIconPath = '/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png';
     const recData = {
         position: 0,
         isCollected: false,
@@ -19872,7 +19866,14 @@ Made in Italy` })));
             ]
         }
     };
-    const DiyStoryPreview = ({ data = [], globalConfig, tipText, nudge, tempMap, descStyle, hashTagStyle, containerHeight = 664, containerWidth = 375, appDomain, tagList = [], scenes, onActiveChange, activeIndex, loopPlay = false }) => {
+    const RESOLVER$1 = {};
+    Object.values(_materials_).forEach((v) => {
+        RESOLVER$1[v.extend.type] = v;
+    });
+    const defaultUnLikeIconPath = '/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png';
+    const defaultLikeIconPath = '/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png';
+    const DiyStoryPreview = ({ data = [], globalConfig, tipText, nudge, tempMap, descStyle, hashTagStyle, containerHeight = 664, containerWidth = 375, appDomain, tagList = [], scenes, onActiveChange, activeIndex, loopPlay = false, pointerEvents = 'none' }) => {
+        const [loopPlaySwiper, setLooPlaySwiper] = React.useState(loopPlay);
         const swiperRef = React.useRef(null);
         React.useMemo(() => {
             let minusHeight = 0;
@@ -19898,10 +19899,10 @@ Made in Italy` })));
         const renderContent = (rec, index) => {
             const isVideo = isVideoUrl(rec === null || rec === void 0 ? void 0 : rec.mediaUrl);
             if (isVideo) {
-                return (React.createElement(VideoWidget$1, { rec: rec, index: index, muted: true, width: containerWidth, data: scenes !== null && scenes !== void 0 ? scenes : [], height: containerHeight, activeIndex: index, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, swiperRef: swiperRef, loopPlay: loopPlay }));
+                return (React.createElement(VideoWidget$1, { rec: rec, index: index, muted: true, width: containerWidth, data: scenes !== null && scenes !== void 0 ? scenes : [], height: containerHeight, activeIndex: index, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, swiperRef: swiperRef, loopPlay: loopPlaySwiper }));
             }
             else {
-                return (React.createElement(PictureGroup$1, { key: rec.itemId, imgUrls: [rec === null || rec === void 0 ? void 0 : rec.mediaUrl], width: containerWidth, height: containerHeight, rec: rec, index: index, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost, data: scenes !== null && scenes !== void 0 ? scenes : [], swiperRef: swiperRef, loopPlay: loopPlay }));
+                return (React.createElement(PictureGroup$1, { key: rec.itemId, imgUrls: [rec === null || rec === void 0 ? void 0 : rec.mediaUrl], width: containerWidth, height: containerHeight, rec: rec, index: index, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost, data: scenes !== null && scenes !== void 0 ? scenes : [], swiperRef: swiperRef, loopPlay: loopPlaySwiper }));
             }
         };
         React.useMemo(() => {
@@ -19934,7 +19935,7 @@ Made in Italy` })));
                             width: '100%',
                             willChange: 'transform',
                             zIndex: 2,
-                            pointerEvents: 'none'
+                            pointerEvents
                         } })),
                     React.createElement("div", { style: {
                             marginBottom: `${(_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _g !== void 0 ? _g : 40}px`,
@@ -20046,15 +20047,21 @@ Made in Italy` })));
         }, [loopPlay]);
         return (React.createElement("div", { id: 'sxp-render', 
             // className={style['clc-sxp-container']}
-            style: { height: containerHeight, position: 'relative', pointerEvents: 'none' } },
-            React.createElement(Swiper, { ref: swiperRef, allowTouchMove: false, onActiveIndexChange: (swiper) => {
+            style: { height: containerHeight, position: 'relative', pointerEvents } },
+            React.createElement(Swiper, { ref: swiperRef, allowTouchMove: pointerEvents !== 'none', onSlideChange: () => {
+                    setLooPlaySwiper(false);
+                    swiperRef.current.swiper.allowTouchMove = false;
+                    setTimeout(() => {
+                        swiperRef.current.swiper.allowTouchMove = true;
+                    }, 500);
+                }, onActiveIndexChange: (swiper) => {
                     // setActiveIndex(swiper.activeIndex);
                     onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(swiper.activeIndex);
                 }, direction: 'vertical', style: { overflow: 'hidden', height: containerHeight }, height: containerHeight }, scenes === null || scenes === void 0 ? void 0 : scenes.map((rec, index) => {
                 return renderView(rec, index);
             }))));
     };
-    var index$1 = React.memo(DiyStoryPreview);
+    var DiyStoryPreview$1 = React.memo(DiyStoryPreview);
 
     /*
      * @Author: binruan@chatlabs.com
@@ -20152,17 +20159,9 @@ Made in Italy` })));
 
     /*
      * @Author: binruan@chatlabs.com
-     * @Date: 2024-01-15 19:03:09
-     * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2025-02-24 15:47:44
-     * @FilePath: \pb-sxp-ui\src\core\components\SxpPageCore\index.tsx
-     *
-     */
-    /*
-     * @Author: binruan@chatlabs.com
-     * @Date: 2023-11-24 15:58:00
+     * @Date: 2024-03-20 10:27:31
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2023-12-26 10:24:42
+     * @LastEditTime: 2025-03-27 17:17:56
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageCore\index.tsx
      *
      */
@@ -20170,7 +20169,7 @@ Made in Italy` })));
     Object.values(_materials_).forEach((v) => {
         RESOLVER[v.extend.type] = v;
     });
-    const SxpPageCore = ({ data, maxSize = 10, defaultSize = 10, hashTagSize = 20, loadingImage, appDomain, enabledMetaConversionApi, dataList }) => {
+    const SxpPageCore = ({ data, maxSize = 10, defaultSize = 10, hashTagSize = 20, loadingImage, appDomain, enabledMetaConversionApi, dataList, pointerEvents }) => {
         var _a, _b, _c, _d, _e, _f;
         const utmVal = React.useMemo(() => {
             var _a;
@@ -20183,7 +20182,7 @@ Made in Italy` })));
             React.createElement(SxpDataSourceProvider$1, { utmVal: utmVal, dataSources: data === null || data === void 0 ? void 0 : data.data_sources, sxpParameter: data === null || data === void 0 ? void 0 : data.sxp_parameter, maxSize: (_b = (_a = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _a === void 0 ? void 0 : _a.personalized_recommend) !== null && _b !== void 0 ? _b : maxSize, defaultSize: (_d = (_c = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _c === void 0 ? void 0 : _c.default_recommend) !== null && _d !== void 0 ? _d : defaultSize, hashTagSize: (_f = (_e = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _e === void 0 ? void 0 : _e.hash_tag_size) !== null && _f !== void 0 ? _f : hashTagSize, loadingImage: loadingImage, appDomain: appDomain, enabledMetaConversionApi: enabledMetaConversionApi, utmParameter: data === null || data === void 0 ? void 0 : data.utm_parameter, data: data, dataList: dataList, onUpdateSchema: (d) => setSchema(d), onUpdateChannel: (d) => setChannel(d), render: ({ rtcList, tagList, pageData }) => {
                     var _a;
                     return (React.createElement(React.Fragment, null,
-                        React.createElement(SxpPageRender$1, Object.assign({ defaultData: data }, (_a = pageData === null || pageData === void 0 ? void 0 : pageData.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf, { tagList: tagList, data: rtcList, resolver: RESOLVER })),
+                        React.createElement(DiyStoryPreview$1, Object.assign({ defaultData: data }, (_a = pageData === null || pageData === void 0 ? void 0 : pageData.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf, { tagList: tagList, scenes: rtcList, resolver: RESOLVER, containerHeight: window === null || window === void 0 ? void 0 : window.innerHeight, pointerEvents: pointerEvents })),
                         React.createElement(Popup, null)));
                 } })));
     };
@@ -20197,13 +20196,13 @@ Made in Italy` })));
      * @FilePath: \pb-sxp-ui\src\index.ts
      */
 
-    exports.DiyPortalPreview = index$2;
-    exports.DiyStoryPreview = index$1;
+    exports.DiyPortalPreview = index$1;
+    exports.DiyStoryPreview = DiyStoryPreview$1;
     exports.EditorDataProvider = EditorDataProvider;
     exports.Modal = Modal$1;
     exports.SxpDataSourceProvider = SxpDataSourceProvider$1;
     exports.SxpPageCore = index;
-    exports.SxpPageRender = SxpPageRender$1;
+    exports.SxpPageRender = index$2;
     exports.core = index$3;
     exports.default = Pagebuilder;
     exports.materials = _materials_;