useCompatibleInsertionEffect.js 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. var _typeof = require("@babel/runtime/helpers/typeof");
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.default = void 0;
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
  10. var React = _interopRequireWildcard(require("react"));
  11. function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
  12. function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
  13. // import canUseDom from 'rc-util/lib/Dom/canUseDom';
  14. // We need fully clone React function here
  15. // to avoid webpack warning React 17 do not export `useId`
  16. var fullClone = (0, _objectSpread2.default)({}, React);
  17. var useInsertionEffect = fullClone.useInsertionEffect;
  18. /**
  19. * Polyfill `useInsertionEffect` for React < 18
  20. * @param renderEffect will be executed in `useMemo`, and do not have callback
  21. * @param effect will be executed in `useLayoutEffect`
  22. * @param deps
  23. */
  24. var useInsertionEffectPolyfill = function useInsertionEffectPolyfill(renderEffect, effect, deps) {
  25. React.useMemo(renderEffect, deps);
  26. (0, _useLayoutEffect.default)(function () {
  27. return effect(true);
  28. }, deps);
  29. };
  30. /**
  31. * Compatible `useInsertionEffect`
  32. * will use `useInsertionEffect` if React version >= 18,
  33. * otherwise use `useInsertionEffectPolyfill`.
  34. */
  35. var useCompatibleInsertionEffect = useInsertionEffect ? function (renderEffect, effect, deps) {
  36. return useInsertionEffect(function () {
  37. renderEffect();
  38. return effect();
  39. }, deps);
  40. } : useInsertionEffectPolyfill;
  41. var _default = exports.default = useCompatibleInsertionEffect;