@rc-component/portal 1.1.0 → 1.1.2

package/README.md

@@ -9,7 +9,7 @@ React 18 supported Portal Component.
 [github-actions-image]: https://github.com/react-component/portal/workflows/CI/badge.svg
 [github-actions-url]: https://github.com/react-component/portal/actions
 [codecov-image]: https://img.shields.io/codecov/c/github/react-component/portal/master.svg?style=flat-square
-[codecov-url]: https://codecov.io/gh/react-component/portal/branch/master
+[codecov-url]: https://app.codecov.io/gh/react-component/portal
 [download-image]: https://img.shields.io/npm/dm/rc-portal.svg?style=flat-square
 [download-url]: https://npmjs.org/package/rc-portal
 

package/es/Portal.js

@@ -2,108 +2,103 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import canUseDom from "rc-util/es/Dom/canUseDom";
+import warning from "rc-util/es/warning";
 import { supportRef, useComposeRef } from "rc-util/es/ref";
 import OrderContext from "./Context";
 import useDom from "./useDom";
 import useScrollLocker from "./useScrollLocker";
 import { inlineMock } from "./mock";
-
 var getPortalContainer = function getPortalContainer(getContainer) {
   if (getContainer === false) {
     return false;
   }
-
   if (!canUseDom() || !getContainer) {
     return null;
   }
-
   if (typeof getContainer === 'string') {
     return document.querySelector(getContainer);
   }
-
   if (typeof getContainer === 'function') {
     return getContainer();
   }
-
   return getContainer;
 };
-
 var Portal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var open = props.open,
-      autoLock = props.autoLock,
-      getContainer = props.getContainer,
-      debug = props.debug,
-      _props$autoDestroy = props.autoDestroy,
-      autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy,
-      children = props.children;
-
+    autoLock = props.autoLock,
+    getContainer = props.getContainer,
+    debug = props.debug,
+    _props$autoDestroy = props.autoDestroy,
+    autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy,
+    children = props.children;
   var _React$useState = React.useState(open),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      shouldRender = _React$useState2[0],
-      setShouldRender = _React$useState2[1];
-
-  var mergedRender = shouldRender || open; // ====================== Should Render ======================
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    shouldRender = _React$useState2[0],
+    setShouldRender = _React$useState2[1];
+  var mergedRender = shouldRender || open;
+
+  // ========================= Warning =========================
+  if (process.env.NODE_ENV !== 'production') {
+    warning(canUseDom() || !open, "Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.");
+  }
 
+  // ====================== Should Render ======================
   React.useEffect(function () {
     if (autoDestroy || open) {
       setShouldRender(open);
     }
-  }, [open, autoDestroy]); // ======================== Container ========================
+  }, [open, autoDestroy]);
 
+  // ======================== Container ========================
   var _React$useState3 = React.useState(function () {
-    return getPortalContainer(getContainer);
-  }),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      innerContainer = _React$useState4[0],
-      setInnerContainer = _React$useState4[1];
-
+      return getPortalContainer(getContainer);
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    innerContainer = _React$useState4[0],
+    setInnerContainer = _React$useState4[1];
   React.useEffect(function () {
-    var customizeContainer = getPortalContainer(getContainer); // Tell component that we check this in effect which is safe to be `null`
+    var customizeContainer = getPortalContainer(getContainer);
 
+    // Tell component that we check this in effect which is safe to be `null`
     setInnerContainer(customizeContainer !== null && customizeContainer !== void 0 ? customizeContainer : null);
   });
-
   var _useDom = useDom(mergedRender && !innerContainer, debug),
-      _useDom2 = _slicedToArray(_useDom, 2),
-      defaultContainer = _useDom2[0],
-      queueCreate = _useDom2[1];
-
-  var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer; // ========================= Locker ==========================
+    _useDom2 = _slicedToArray(_useDom, 2),
+    defaultContainer = _useDom2[0],
+    queueCreate = _useDom2[1];
+  var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer;
 
-  useScrollLocker(autoLock && open && canUseDom() && (mergedContainer === defaultContainer || mergedContainer === document.body)); // =========================== Ref ===========================
+  // ========================= Locker ==========================
+  useScrollLocker(autoLock && open && canUseDom() && (mergedContainer === defaultContainer || mergedContainer === document.body));
 
+  // =========================== Ref ===========================
   var childRef = null;
-
   if (children && supportRef(children) && ref) {
     var _ref = children;
     childRef = _ref.ref;
   }
+  var mergedRef = useComposeRef(childRef, ref);
 
-  var mergedRef = useComposeRef(childRef, ref); // ========================= Render ==========================
+  // ========================= Render ==========================
   // Do not render when nothing need render
   // When innerContainer is `undefined`, it may not ready since user use ref in the same render
-
   if (!mergedRender || !canUseDom() || innerContainer === undefined) {
     return null;
-  } // Render inline
-
+  }
 
+  // Render inline
   var renderInline = mergedContainer === false || inlineMock();
   var reffedChildren = children;
-
   if (ref) {
     reffedChildren = /*#__PURE__*/React.cloneElement(children, {
       ref: mergedRef
     });
   }
-
   return /*#__PURE__*/React.createElement(OrderContext.Provider, {
     value: queueCreate
   }, renderInline ? reffedChildren : /*#__PURE__*/createPortal(reffedChildren, mergedContainer));
 });
-
 if (process.env.NODE_ENV !== 'production') {
   Portal.displayName = 'Portal';
 }
-
 export default Portal;

package/es/mock.js

@@ -3,6 +3,5 @@ export function inlineMock(nextInline) {
   if (typeof nextInline === 'boolean') {
     inline = nextInline;
   }
-
   return inline;
 }

package/es/useDom.js

@@ -5,59 +5,51 @@ import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
 import canUseDom from "rc-util/es/Dom/canUseDom";
 import OrderContext from "./Context";
 var EMPTY_LIST = [];
+
 /**
  * Will add `div` to document. Nest call will keep order
  * @param render Render DOM in document
  */
-
 export default function useDom(render, debug) {
   var _React$useState = React.useState(function () {
-    if (!canUseDom()) {
-      return null;
-    }
-
-    var defaultEle = document.createElement('div');
-
-    if (process.env.NODE_ENV !== 'production' && debug) {
-      defaultEle.setAttribute('data-debug', debug);
-    }
-
-    return defaultEle;
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 1),
-      ele = _React$useState2[0]; // ========================== Order ==========================
-
+      if (!canUseDom()) {
+        return null;
+      }
+      var defaultEle = document.createElement('div');
+      if (process.env.NODE_ENV !== 'production' && debug) {
+        defaultEle.setAttribute('data-debug', debug);
+      }
+      return defaultEle;
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 1),
+    ele = _React$useState2[0];
 
+  // ========================== Order ==========================
   var appendedRef = React.useRef(false);
   var queueCreate = React.useContext(OrderContext);
-
   var _React$useState3 = React.useState(EMPTY_LIST),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      queue = _React$useState4[0],
-      setQueue = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    queue = _React$useState4[0],
+    setQueue = _React$useState4[1];
   var mergedQueueCreate = queueCreate || (appendedRef.current ? undefined : function (appendFn) {
     setQueue(function (origin) {
       var newQueue = [appendFn].concat(_toConsumableArray(origin));
       return newQueue;
     });
-  }); // =========================== DOM ===========================
+  });
 
+  // =========================== DOM ===========================
   function append() {
     if (!ele.parentElement) {
       document.body.appendChild(ele);
     }
-
     appendedRef.current = true;
   }
-
   function cleanup() {
     var _ele$parentElement;
-
     (_ele$parentElement = ele.parentElement) === null || _ele$parentElement === void 0 ? void 0 : _ele$parentElement.removeChild(ele);
     appendedRef.current = false;
   }
-
   useLayoutEffect(function () {
     if (render) {
       if (queueCreate) {
@@ -68,7 +60,6 @@ export default function useDom(render, debug) {
     } else {
       cleanup();
     }
-
     return cleanup;
   }, [render]);
   useLayoutEffect(function () {

package/es/useScrollLocker.js

@@ -2,29 +2,26 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import { updateCSS, removeCSS } from "rc-util/es/Dom/dynamicCSS";
 import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
-import getScrollBarSize from "rc-util/es/getScrollBarSize";
+import { getTargetScrollBarSize } from "rc-util/es/getScrollBarSize";
 import { isBodyOverflowing } from "./util";
 var UNIQUE_ID = "rc-util-locker-".concat(Date.now());
 var uuid = 0;
 export default function useScrollLocker(lock) {
   var mergedLock = !!lock;
-
   var _React$useState = React.useState(function () {
-    uuid += 1;
-    return "".concat(UNIQUE_ID, "_").concat(uuid);
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 1),
-      id = _React$useState2[0];
-
+      uuid += 1;
+      return "".concat(UNIQUE_ID, "_").concat(uuid);
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 1),
+    id = _React$useState2[0];
   useLayoutEffect(function () {
     if (mergedLock) {
-      var scrollbarSize = getScrollBarSize();
+      var scrollbarSize = getTargetScrollBarSize(document.body).width;
       var isOverflow = isBodyOverflowing();
       updateCSS("\nhtml body {\n  overflow-y: hidden;\n  ".concat(isOverflow ? "width: calc(100% - ".concat(scrollbarSize, "px);") : '', "\n}"), id);
     } else {
       removeCSS(id);
     }
-
     return function () {
       removeCSS(id);
     };

package/lib/Context.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var OrderContext = /*#__PURE__*/React.createContext(null);
 var _default = OrderContext;
 exports.default = _default;

package/lib/Portal.js

@@ -1,129 +1,113 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactDom = require("react-dom");
-
 var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
-
+var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
 var _ref2 = require("rc-util/lib/ref");
-
 var _Context = _interopRequireDefault(require("./Context"));
-
 var _useDom3 = _interopRequireDefault(require("./useDom"));
-
 var _useScrollLocker = _interopRequireDefault(require("./useScrollLocker"));
-
 var _mock = require("./mock");
-
 var getPortalContainer = function getPortalContainer(getContainer) {
   if (getContainer === false) {
     return false;
   }
-
   if (!(0, _canUseDom.default)() || !getContainer) {
     return null;
   }
-
   if (typeof getContainer === 'string') {
     return document.querySelector(getContainer);
   }
-
   if (typeof getContainer === 'function') {
     return getContainer();
   }
-
   return getContainer;
 };
-
 var Portal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var open = props.open,
-      autoLock = props.autoLock,
-      getContainer = props.getContainer,
-      debug = props.debug,
-      _props$autoDestroy = props.autoDestroy,
-      autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy,
-      children = props.children;
-
+    autoLock = props.autoLock,
+    getContainer = props.getContainer,
+    debug = props.debug,
+    _props$autoDestroy = props.autoDestroy,
+    autoDestroy = _props$autoDestroy === void 0 ? true : _props$autoDestroy,
+    children = props.children;
   var _React$useState = React.useState(open),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      shouldRender = _React$useState2[0],
-      setShouldRender = _React$useState2[1];
-
-  var mergedRender = shouldRender || open; // ====================== Should Render ======================
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    shouldRender = _React$useState2[0],
+    setShouldRender = _React$useState2[1];
+  var mergedRender = shouldRender || open;
+
+  // ========================= Warning =========================
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _warning.default)((0, _canUseDom.default)() || !open, "Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.");
+  }
 
+  // ====================== Should Render ======================
   React.useEffect(function () {
     if (autoDestroy || open) {
       setShouldRender(open);
     }
-  }, [open, autoDestroy]); // ======================== Container ========================
+  }, [open, autoDestroy]);
 
+  // ======================== Container ========================
   var _React$useState3 = React.useState(function () {
-    return getPortalContainer(getContainer);
-  }),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      innerContainer = _React$useState4[0],
-      setInnerContainer = _React$useState4[1];
-
+      return getPortalContainer(getContainer);
+    }),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    innerContainer = _React$useState4[0],
+    setInnerContainer = _React$useState4[1];
   React.useEffect(function () {
-    var customizeContainer = getPortalContainer(getContainer); // Tell component that we check this in effect which is safe to be `null`
+    var customizeContainer = getPortalContainer(getContainer);
 
+    // Tell component that we check this in effect which is safe to be `null`
     setInnerContainer(customizeContainer !== null && customizeContainer !== void 0 ? customizeContainer : null);
   });
-
   var _useDom = (0, _useDom3.default)(mergedRender && !innerContainer, debug),
-      _useDom2 = (0, _slicedToArray2.default)(_useDom, 2),
-      defaultContainer = _useDom2[0],
-      queueCreate = _useDom2[1];
+    _useDom2 = (0, _slicedToArray2.default)(_useDom, 2),
+    defaultContainer = _useDom2[0],
+    queueCreate = _useDom2[1];
+  var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer;
 
-  var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer; // ========================= Locker ==========================
-
-  (0, _useScrollLocker.default)(autoLock && open && (0, _canUseDom.default)() && (mergedContainer === defaultContainer || mergedContainer === document.body)); // =========================== Ref ===========================
+  // ========================= Locker ==========================
+  (0, _useScrollLocker.default)(autoLock && open && (0, _canUseDom.default)() && (mergedContainer === defaultContainer || mergedContainer === document.body));
 
+  // =========================== Ref ===========================
   var childRef = null;
-
   if (children && (0, _ref2.supportRef)(children) && ref) {
     var _ref = children;
     childRef = _ref.ref;
   }
+  var mergedRef = (0, _ref2.useComposeRef)(childRef, ref);
 
-  var mergedRef = (0, _ref2.useComposeRef)(childRef, ref); // ========================= Render ==========================
+  // ========================= Render ==========================
   // Do not render when nothing need render
   // When innerContainer is `undefined`, it may not ready since user use ref in the same render
-
   if (!mergedRender || !(0, _canUseDom.default)() || innerContainer === undefined) {
     return null;
-  } // Render inline
-
+  }
 
+  // Render inline
   var renderInline = mergedContainer === false || (0, _mock.inlineMock)();
   var reffedChildren = children;
-
   if (ref) {
     reffedChildren = /*#__PURE__*/React.cloneElement(children, {
       ref: mergedRef
     });
   }
-
   return /*#__PURE__*/React.createElement(_Context.default.Provider, {
     value: queueCreate
   }, renderInline ? reffedChildren : /*#__PURE__*/(0, _reactDom.createPortal)(reffedChildren, mergedContainer));
 });
-
 if (process.env.NODE_ENV !== 'production') {
   Portal.displayName = 'Portal';
 }
-
 var _default = Portal;
 exports.default = _default;

package/lib/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,10 +11,7 @@ Object.defineProperty(exports, "inlineMock", {
     return _mock.inlineMock;
   }
 });
-
 var _Portal = _interopRequireDefault(require("./Portal"));
-
 var _mock = require("./mock");
-
 var _default = _Portal.default;
 exports.default = _default;

package/lib/mock.js

@@ -7,11 +7,9 @@ exports.inline = void 0;
 exports.inlineMock = inlineMock;
 var inline = false;
 exports.inline = inline;
-
 function inlineMock(nextInline) {
   if (typeof nextInline === 'boolean') {
     exports.inline = inline = nextInline;
   }
-
   return inline;
 }

package/lib/useDom.js

@@ -1,80 +1,63 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useDom;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
-
 var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
-
 var _Context = _interopRequireDefault(require("./Context"));
-
 var EMPTY_LIST = [];
+
 /**
  * Will add `div` to document. Nest call will keep order
  * @param render Render DOM in document
  */
-
 function useDom(render, debug) {
   var _React$useState = React.useState(function () {
-    if (!(0, _canUseDom.default)()) {
-      return null;
-    }
-
-    var defaultEle = document.createElement('div');
-
-    if (process.env.NODE_ENV !== 'production' && debug) {
-      defaultEle.setAttribute('data-debug', debug);
-    }
-
-    return defaultEle;
-  }),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 1),
-      ele = _React$useState2[0]; // ========================== Order ==========================
-
+      if (!(0, _canUseDom.default)()) {
+        return null;
+      }
+      var defaultEle = document.createElement('div');
+      if (process.env.NODE_ENV !== 'production' && debug) {
+        defaultEle.setAttribute('data-debug', debug);
+      }
+      return defaultEle;
+    }),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 1),
+    ele = _React$useState2[0];
 
+  // ========================== Order ==========================
   var appendedRef = React.useRef(false);
   var queueCreate = React.useContext(_Context.default);
-
   var _React$useState3 = React.useState(EMPTY_LIST),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      queue = _React$useState4[0],
-      setQueue = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    queue = _React$useState4[0],
+    setQueue = _React$useState4[1];
   var mergedQueueCreate = queueCreate || (appendedRef.current ? undefined : function (appendFn) {
     setQueue(function (origin) {
       var newQueue = [appendFn].concat((0, _toConsumableArray2.default)(origin));
       return newQueue;
     });
-  }); // =========================== DOM ===========================
+  });
 
+  // =========================== DOM ===========================
   function append() {
     if (!ele.parentElement) {
       document.body.appendChild(ele);
     }
-
     appendedRef.current = true;
   }
-
   function cleanup() {
     var _ele$parentElement;
-
     (_ele$parentElement = ele.parentElement) === null || _ele$parentElement === void 0 ? void 0 : _ele$parentElement.removeChild(ele);
     appendedRef.current = false;
   }
-
   (0, _useLayoutEffect.default)(function () {
     if (render) {
       if (queueCreate) {
@@ -85,7 +68,6 @@ function useDom(render, debug) {
     } else {
       cleanup();
     }
-
     return cleanup;
   }, [render]);
   (0, _useLayoutEffect.default)(function () {

package/lib/useScrollLocker.js

@@ -1,48 +1,35 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useScrollLocker;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _dynamicCSS = require("rc-util/lib/Dom/dynamicCSS");
-
 var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
-
-var _getScrollBarSize = _interopRequireDefault(require("rc-util/lib/getScrollBarSize"));
-
+var _getScrollBarSize = require("rc-util/lib/getScrollBarSize");
 var _util = require("./util");
-
 var UNIQUE_ID = "rc-util-locker-".concat(Date.now());
 var uuid = 0;
-
 function useScrollLocker(lock) {
   var mergedLock = !!lock;
-
   var _React$useState = React.useState(function () {
-    uuid += 1;
-    return "".concat(UNIQUE_ID, "_").concat(uuid);
-  }),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 1),
-      id = _React$useState2[0];
-
+      uuid += 1;
+      return "".concat(UNIQUE_ID, "_").concat(uuid);
+    }),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 1),
+    id = _React$useState2[0];
   (0, _useLayoutEffect.default)(function () {
     if (mergedLock) {
-      var scrollbarSize = (0, _getScrollBarSize.default)();
+      var scrollbarSize = (0, _getScrollBarSize.getTargetScrollBarSize)(document.body).width;
       var isOverflow = (0, _util.isBodyOverflowing)();
       (0, _dynamicCSS.updateCSS)("\nhtml body {\n  overflow-y: hidden;\n  ".concat(isOverflow ? "width: calc(100% - ".concat(scrollbarSize, "px);") : '', "\n}"), id);
     } else {
       (0, _dynamicCSS.removeCSS)(id);
     }
-
     return function () {
       (0, _dynamicCSS.removeCSS)(id);
     };

package/lib/util.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isBodyOverflowing = isBodyOverflowing;
-
 /**
  * Test usage export. Do not use in your production
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/portal",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "React Portal Component",
   "keywords": [
     "react",