pb-sxp-ui 1.19.14 → 1.19.16

package/dist/index.cjs

@@ -10,7 +10,6 @@ var qs = require('qs');
 var EventEmitter = require('eventemitter3');
 var css = require('@emotion/css');
 var ReactDOM = require('react-dom');
-var fundebug = require('fundebug-javascript');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -19001,8 +19000,6 @@ const NavBack = ({ data, minusHeight, tagHeight, onClick }) => {
 };
 var NavBack$1 = React.memo(NavBack);
 
-if (fundebug)
-    fundebug.apikey = '522a79b0a6242a8ad683cc045ec9e65bbac3a0f620561ac49d39eaad4f303618';
 const useVisibleHeight = () => {
     var _a, _b;
     const [visibleHeight, setVisibleHeight] = React.useState(0);
@@ -19062,7 +19059,7 @@ const useVisibleHeight = () => {
         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(),
@@ -19070,7 +19067,9 @@ const useVisibleHeight = () => {
         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 = {
@@ -19080,7 +19079,7 @@ const useVisibleHeight = () => {
             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(),
@@ -19088,7 +19087,9 @@ const useVisibleHeight = () => {
             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]);
@@ -19332,9 +19333,22 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         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