pb-sxp-ui 1.20.40 → 1.20.41

package/dist/index.cjs

@@ -912,6 +912,9 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
     const [chatlabsId, setChatlabsId] = React.useState();
     const finalPageData = React.useMemo(() => pageData !== null && pageData !== void 0 ? pageData : data, [pageData, data]);
     const pixelPvStatusRef = React.useRef(false);
+    // 防止重复上报的标记
+    const h5EnterReportedRef = React.useRef(false);
+    const lastFetchChannelRef = React.useRef();
     const isDiyPage = React.useMemo(() => {
         var _a, _b, _c;
         return isDiyH5 && !((_c = (_b = (_a = finalPageData === null || finalPageData === void 0 ? void 0 : finalPageData.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf) === null || _b === void 0 ? void 0 : _b.globalConfig) === null || _c === void 0 ? void 0 : _c.enablePreview);
@@ -1772,12 +1775,19 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         return res === null || res === void 0 ? void 0 : res.success;
     }), [bffFetch]);
     React.useEffect(() => {
-        if (!isShowConsent)
+        // 只在首次加载且不显示同意弹窗时上报进入事件
+        if (!isShowConsent && !h5EnterReportedRef.current) {
+            h5EnterReportedRef.current = true;
             h5EnterLink();
-    }, [isShowConsent]);
+        }
+    }, [isShowConsent, h5EnterLink]);
     React.useEffect(() => {
         if (isShowConsent || isPreview)
             return;
+        // 防止相同 channel 重复获取（只在 channel 真正变化时才重新获取）
+        if (lastFetchChannelRef.current === channel)
+            return;
+        lastFetchChannelRef.current = channel;
         setLoading(true);
         let layId;
         let pbType;
@@ -19855,6 +19865,8 @@ const StructurePage = (_a) => {
     const [carouselVideoPausedStates, setCarouselVideoPausedStates] = React.useState([]);
     // 引入事件上报 hooks
     const { ctaEvent, bffFbReport, bffEventReport } = useSxpDataSource();
+    // 防止重复上报的标记
+    const h5EnterReportedRef = React.useRef(false);
     // CTA 曝光状态追踪（避免重复上报）
     const exposedCtaRefs = React.useRef(new Set());
     // Carousel 图片浏览时间追踪
@@ -20254,13 +20266,17 @@ const StructurePage = (_a) => {
     // 页面进入事件上报 - 只在组件挂载时执行一次
     React.useEffect(() => {
         var _a;
+        // 防止重复上报
+        if (h5EnterReportedRef.current || !bffEventReport)
+            return;
+        h5EnterReportedRef.current = true;
         // 上报 h5LinkEnterFeed 事件
         const enterTime = Date.now();
         const getUrlParam = (key) => {
             const params = new URLSearchParams(window.location.search);
             return params.get(key) || '';
         };
-        bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
+        bffEventReport({
             eventInfo: {
                 eventSubject: 'h5LinkEnterFeed',
                 eventDescription: 'User enter h5 link',
@@ -20274,7 +20290,7 @@ const StructurePage = (_a) => {
                 clSource: getUrlParam('cl_source')
             }
         });
-    }, [bffEventReport]);
+    }, []); // 空依赖数组，只在挂载时执行一次
     // 获取数据 - 只在组件挂载时执行一次
     React.useEffect(() => {
         // 重要：在 PB 编辑器模式下，propMultiCTAConfig 只是样式配置，不是数据源