foxit-component 1.0.4-alpha.3 → 1.0.4-alpha.5

package/es/Select/Select.js

@@ -41,7 +41,10 @@ var Select = function (_a) {
     var mobileRegex = /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i;
     var padRegex = /iPad|Tablet|PlayBook|Silk|Kindle|Nexus 7|Nexus 10|SM-T|GT-P|TouchPad|Pad|HONOR|HDN/i;
     var isMobile = mobileRegex.test(userAgent) || padRegex.test(userAgent);
-    return (jsx(ReactSelect, __assign({ menuPortalTarget: document.body, options: options, className: classNames('foxit-select-wrapper', className), placeholder: placeholder, styles: customStyles, defaultValue: isMulti
+    // 解决nextjs 服务端渲染document is not defined问题
+    var menuPortalTarget = typeof document !== 'undefined' ? document.body : null;
+    // console.log(menuPortalTarget);
+    return (jsx(ReactSelect, __assign({ menuPortalTarget: menuPortalTarget, options: options, className: classNames('foxit-select-wrapper', className), placeholder: placeholder, styles: customStyles, defaultValue: isMulti
             ? options.filter(function (option) {
                 return Array.isArray(defaultValue) &&
                     defaultValue.includes(option.value);

package/es/Tooltip/Tooltip.js

@@ -8,9 +8,15 @@ var Tooltip = function (_a) {
     var title = _a.title, children = _a.children, _b = _a.whiteGround, whiteGround = _b === void 0 ? false : _b, className = _a.className;
     var childRef = useRef(null);
     var tooltipRef = useRef(null);
-    var _c = useState({ visibility: 'hidden', position: 'absolute', top: '0', left: '0' }), tooltipStyle = _c[0], setTooltipStyle = _c[1];
+    var _c = useState({
+        visibility: 'hidden',
+        position: 'absolute',
+        top: '0',
+        left: '0'
+    }), tooltipStyle = _c[0], setTooltipStyle = _c[1];
     var isVisibleRef = useRef(false);
     var _d = useState('50%'), arrowLeft = _d[0], setArrowLeft = _d[1];
+    var _e = useState(false), mounted = _e[0], setMounted = _e[1];
     var calculateTooltipPosition = function () {
         if (childRef.current && tooltipRef.current && isVisibleRef.current) {
             var childRect = childRef.current.getBoundingClientRect();
@@ -53,16 +59,18 @@ var Tooltip = function (_a) {
         window.removeEventListener('resize', calculateTooltipPosition); // 移除窗口大小变化监听
     };
     useEffect(function () {
+        setMounted(true);
         return function () {
             // 清理事件监听器，防止内存泄漏
             window.removeEventListener('scroll', calculateTooltipPosition);
             window.removeEventListener('resize', calculateTooltipPosition);
         };
     }, []);
-    return (jsxs(Fragment, { children: [jsx("div", __assign({ className: "foxit-tooltip-container", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: childRef }, { children: children })), ReactDOM.createPortal(jsxs("div", __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: classNames("foxit-tooltip-content", {
-                    'foxit-tooltip-white': whiteGround
-                }, className), style: tooltipStyle, ref: tooltipRef }, { children: [title, jsx("div", { className: "foxit-tooltip-arrow", style: { left: arrowLeft } })] })), document.body // 直接挂载到 body，避免层叠上下文限制
-            )] }));
+    return (jsxs(Fragment, { children: [jsx("div", __assign({ className: "foxit-tooltip-container", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: childRef }, { children: children })), mounted &&
+                ReactDOM.createPortal(jsxs("div", __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: classNames('foxit-tooltip-content', {
+                        'foxit-tooltip-white': whiteGround
+                    }, className), style: tooltipStyle, ref: tooltipRef }, { children: [title, jsx("div", { className: "foxit-tooltip-arrow", style: { left: arrowLeft } })] })), document.body // 直接挂载到 body，避免层叠上下文限制
+                )] }));
 };
 
 export { Tooltip as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foxit-component",
-  "version": "1.0.4-alpha.3",
+  "version": "1.0.4-alpha.5",
   "author": {
     "name": "linye",
     "email": "869675630@qq.com"