pb-sxp-ui 1.19.14 → 1.19.16

package/dist/pb-ui.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('eventemitter3'), require('@emotion/css'), require('react-dom'), require('fundebug-javascript')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', 'react-dom', 'fundebug-javascript'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.EventEmitter, global.css, global.ReactDOM, global.fundebug));
-})(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, ReactDOM, fundebug) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lodash'), require('uuid'), require('pako'), require('react'), require('qs'), require('eventemitter3'), require('@emotion/css'), require('react-dom')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'lodash', 'uuid', 'pako', 'react', 'qs', 'eventemitter3', '@emotion/css', 'react-dom'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PUI = {}, global.lodash, global.uuid$1, global.pako, global.React, global.qs, global.EventEmitter, global.css, global.ReactDOM));
+})(this, (function (exports, lodash, uuid$1, pako, React, qs, EventEmitter, css, ReactDOM) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -18993,8 +18993,6 @@ Made in Italy` })));
     };
     var NavBack$1 = React.memo(NavBack);
 
-    if (fundebug)
-        fundebug.apikey = '522a79b0a6242a8ad683cc045ec9e65bbac3a0f620561ac49d39eaad4f303618';
     const useVisibleHeight = () => {
         var _a, _b;
         const [visibleHeight, setVisibleHeight] = React.useState(0);
@@ -19054,7 +19052,7 @@ Made in Italy` })));
             screenHeight: window.screen.height,
             bodyHeight: (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.clientHeight,
             agent: navigator.userAgent,
-            version: '1.19.14',
+            version: '1.19.16',
             safeArea: getHeightWithSafeArea(),
             dvh: dvhToPx(100),
             dvhInPx: getDvhInPx(),
@@ -19062,7 +19060,9 @@ Made in Italy` })));
             fillAvailableInPx: getFillAvailableInPx()
         };
         console.log(systemInfo, 'fundebug-init--------------------->systemInfo');
-        fundebug.notify('Collect_Info', 'init', { metaData: { systemInfo, otherInfo: {} } });
+        if ('fundebug' in window) {
+            window === null || window === void 0 ? void 0 : window.fundebug.notify('Collect_Info', 'init', { metaData: { systemInfo, otherInfo: {} } });
+        }
         const updateHeight = React.useCallback(() => {
             var _a, _b, _c;
             const systemInfo = {
@@ -19072,7 +19072,7 @@ Made in Italy` })));
                 screenHeight: window.screen.height,
                 bodyHeight: (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.clientHeight,
                 agent: navigator.userAgent,
-                version: '1.19.14',
+                version: '1.19.15',
                 safeArea: getHeightWithSafeArea(),
                 dvh: dvhToPx(100),
                 dvhInPx: getDvhInPx(),
@@ -19080,7 +19080,9 @@ Made in Italy` })));
                 fillAvailableInPx: getFillAvailableInPx()
             };
             console.log(systemInfo, 'fundebug-resize--------------------->systemInfo');
-            fundebug.notify('Collect_Info', 'resize', { metaData: { systemInfo, otherInfo: {} } });
+            if ('fundebug' in window) {
+                window === null || window === void 0 ? void 0 : window.fundebug.notify('Collect_Info', 'resize', { metaData: { systemInfo, otherInfo: {} } });
+            }
             const height = ((_c = document === null || document === void 0 ? void 0 : document.documentElement) === null || _c === void 0 ? void 0 : _c.clientHeight) || (window === null || window === void 0 ? void 0 : window.innerHeight);
             setVisibleHeight(height);
         }, [getHeightWithSafeArea, dvhToPx, getDvhInPx, getVhInPx, getFillAvailableInPx]);
@@ -19324,9 +19326,22 @@ Made in Italy` })));
             const numericValue = parseInt(value) || 0;
             return numericValue;
         };
+        const getDvhInPx = () => {
+            const detector = document.createElement('div');
+            detector.style.position = 'fixed';
+            detector.style.bottom = `${getHeightWithSafeArea()}px`;
+            detector.style.left = '0';
+            detector.style.height = '100dvh';
+            detector.style.visibility = 'hidden';
+            detector.style.zIndex = '-1';
+            document.body.appendChild(detector);
+            const dvhInPx = detector.clientHeight;
+            document.body.removeChild(detector);
+            return dvhInPx;
+        };
         const height = React.useMemo(() => {
-            return visibleHeight - minusHeight - tagHeight - getHeightWithSafeArea();
-        }, [minusHeight, visibleHeight, tagHeight, getHeightWithSafeArea, containerHeight]);
+            return getDvhInPx() - minusHeight - tagHeight - getHeightWithSafeArea();
+        }, [minusHeight, visibleHeight, tagHeight, getHeightWithSafeArea, containerHeight, getDvhInPx]);
         const visList = React.useMemo(() => {
             var _a;
             const list = activeIndex === 0 && !waterFallData && !isEditor && !isDiyH5