pb-sxp-ui 1.15.20-alpha.1 → 1.15.20-alpha.2

package/dist/index.js

@@ -4,6 +4,7 @@ import pako from 'pako';
 import React, { useContext, useMemo, memo, useEffect, createContext, useState, useRef, useCallback, forwardRef, useImperativeHandle, useLayoutEffect } from 'react';
 import qs from 'qs';
 import EventEmitter from 'eventemitter3';
+import CryptoJS from 'crypto-js';
 import { css } from '@emotion/css';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
@@ -22,7 +23,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 
 function __rest(s, e) {
@@ -610,6 +611,25 @@ const Consent$3 = ({ width = window.innerWidth, height = window.innerHeight, pri
 };
 var Consent$4 = memo(Consent$3);
 
+/*
+ * @Author: binruan@chatlabs.com
+ * @Date: 2025-03-24 17:20:35
+ * @LastEditors: binruan@chatlabs.com
+ * @LastEditTime: 2025-04-27 13:43:15
+ * @FilePath: \pb-sxp-ui\src\core\utils\cryptojs.ts
+ *
+ */
+// 使用CryptoJS实现
+function encrypt(text, key) {
+    const encrypted = CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(key), // 密钥
+    {
+        iv: CryptoJS.enc.Utf8.parse(key), // IV是密钥的字节
+        mode: CryptoJS.mode.CBC,
+        padding: CryptoJS.pad.Pkcs7
+    });
+    return encrypted.ciphertext.toString(CryptoJS.enc.Base64);
+}
+
 const SxpDataSourceContext = createContext({
     rtcList: [],
     tagList: []
@@ -723,25 +743,13 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         }
         // 事件上报优化
         // Beacon API 用于发送异步和非阻塞请求到服务器。这类请求不需要响应。
-        // if (options.type === 'beacon' && navigator.sendBeacon) {
-        //   return navigator.sendBeacon(
-        //     `${url}/api/${path}`,
-        //     new Blob(
-        //       [
-        //         JSON.stringify({
-        //           body: btoa(
-        //             encodeURIComponent(
-        //               JSON.stringify({ ...options.body, ...bffDataSource.headers, 'x-user-id': fakeUserId })
-        //             )
-        //           )
-        //         })
-        //       ],
-        //       {
-        //         type: 'application/json;charset=UTF-8'
-        //       }
-        //     )
-        //   );
-        // }
+        if (options.type === 'beacon' && navigator.sendBeacon) {
+            return navigator.sendBeacon(`${url}/api/${path}`, new Blob([
+                encrypt(JSON.stringify(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId })), 'dcAR82I0b8sgwCku')
+            ], {
+                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),