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

package/dist/index.cjs

@@ -786,9 +786,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         }
         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) });
@@ -829,7 +828,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         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;
         }
@@ -1106,6 +1105,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         if (!isShowConsent)
             h5EnterLink();
     }, [isShowConsent]);
+    console.log(data, '111');
     React.useEffect(() => {
         if (isShowConsent || isPreview)
             return;
@@ -19086,7 +19086,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         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: {
@@ -19450,7 +19450,7 @@ const DiyPortalPreview = ({ data = [], globalConfig, tipText, nudge, tempMap, de
         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();
@@ -19691,16 +19691,10 @@ var VideoWidget$1 = React.memo(VideoWidget);
  * @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,
@@ -19879,7 +19873,14 @@ const recData = {
         ]
     }
 };
-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;
@@ -19905,10 +19906,10 @@ const DiyStoryPreview = ({ data = [], globalConfig, tipText, nudge, tempMap, des
     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(() => {
@@ -19941,7 +19942,7 @@ const DiyStoryPreview = ({ data = [], globalConfig, tipText, nudge, tempMap, des
                         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`,
@@ -20053,15 +20054,21 @@ const DiyStoryPreview = ({ data = [], globalConfig, tipText, nudge, tempMap, des
     }, [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
@@ -20159,17 +20166,9 @@ const Popup = () => {
 
 /*
  * @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
  *
  */
@@ -20177,7 +20176,7 @@ const RESOLVER = {};
 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;
@@ -20190,7 +20189,7 @@ const SxpPageCore = ({ data, maxSize = 10, defaultSize = 10, hashTagSize = 20, l
         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)));
             } })));
 };
@@ -20204,13 +20203,13 @@ var index = React.memo(SxpPageCore);
  * @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_;