pb-sxp-ui 1.15.20-alpha.5 → 1.15.20

package/dist/pb-ui.js

@@ -729,6 +729,7 @@
         }, [bffDataSource]);
         // bff API 请求方法
         const bffFetch = React.useCallback((path, options) => {
+            var _a, _b;
             if (!bffDataSource)
                 return;
             const url = bffDataSource.url;
@@ -736,13 +737,49 @@
                 const queryString = qs.stringify(options.query);
                 path = `${path}?${queryString}`;
             }
+            let isTikTokChannel = false;
+            const params = {};
+            const queryString = location.search.slice(1);
+            (_a = splitUrlParams(queryString)) === null || _a === void 0 ? void 0 : _a.forEach((val) => {
+                const key = val.split('=')[0];
+                const value = val.split('=')[1];
+                params[key] = value;
+            });
+            const cl_source = params === null || params === void 0 ? void 0 : params.cl_source;
+            if (cl_source &&
+                ((_b = [
+                    '40A-SPRK--DRESS_EYEWEAR-',
+                    '41A-SPRK--MADRAGUE-',
+                    '42A-SPRK--MOOD-',
+                    '43A-SPRK--SUMMER-',
+                    '44A-SPRK--DRESS_EYEWEAR-',
+                    '45A-SPRK--MADRAGUE-',
+                    '46A-SPRK--MOOD-',
+                    '47A-SPRK--SUMMER-',
+                    '48A-SPRK--DRESS_EYEWEAR-',
+                    '49A-SPRK--MADRAGUE-',
+                    '50A-SPRK--MOOD-',
+                    '51A-SPRK--SUMMER-'
+                ]) === null || _b === void 0 ? void 0 : _b.includes(cl_source))) {
+                isTikTokChannel = true;
+            }
+            // 事件上报优化
+            // Beacon API 用于发送异步和非阻塞请求到服务器。这类请求不需要响应。
+            if (options.type === 'beacon' && navigator.sendBeacon && !isTikTokChannel) {
+                return navigator.sendBeacon(`${url}/api/${path}`, new Blob([
+                    JSON.stringify({
+                        body: btoa(encodeURIComponent(JSON.stringify(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId }))))
+                    })
+                ], {
+                    type: 'application/json;charset=UTF-8'
+                }));
+            }
             return window
-                .fetch(`${url}/api/${path}`, {
-                headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId }, bffDataSource.headers),
-                method: options.method,
-                body: JSON.stringify(options.body),
-                keepalive: true
-            })
+                .fetch(`${url}/api/${path}`, Object.assign({ headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId }, bffDataSource.headers), method: options.method, body: isTikTokChannel
+                    ? JSON.stringify({
+                        body: btoa(encodeURIComponent(JSON.stringify(options.body)))
+                    })
+                    : JSON.stringify(options.body) }, (isTikTokChannel && { keepalive: true })))
                 .then((res) => res.json())
                 .catch((err) => Promise.reject(err));
         }, [bffDataSource, fakeUserId]);