useClosable.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
  2. import _typeof from "@babel/runtime/helpers/esm/typeof";
  3. import * as React from 'react';
  4. function isConfigObj(closable) {
  5. return closable !== null && _typeof(closable) === 'object';
  6. }
  7. /**
  8. * Convert `closable` to ClosableConfig.
  9. * When `preset` is true, will auto fill ClosableConfig with default value.
  10. */
  11. function getClosableConfig(closable, closeIcon, preset) {
  12. if (closable === false || closeIcon === false && (!isConfigObj(closable) || !closable.closeIcon)) {
  13. return null;
  14. }
  15. var mergedCloseIcon = typeof closeIcon !== 'boolean' ? closeIcon : undefined;
  16. if (isConfigObj(closable)) {
  17. var _closable$closeIcon;
  18. return _objectSpread(_objectSpread({}, closable), {}, {
  19. closeIcon: (_closable$closeIcon = closable.closeIcon) !== null && _closable$closeIcon !== void 0 ? _closable$closeIcon : mergedCloseIcon
  20. });
  21. }
  22. // When StepClosable no need auto fill, but RootClosable need this.
  23. return preset || closable || closeIcon ? {
  24. closeIcon: mergedCloseIcon
  25. } : 'empty';
  26. }
  27. export function useClosable(stepClosable, stepCloseIcon, closable, closeIcon) {
  28. return React.useMemo(function () {
  29. var stepClosableConfig = getClosableConfig(stepClosable, stepCloseIcon, false);
  30. var rootClosableConfig = getClosableConfig(closable, closeIcon, true);
  31. if (stepClosableConfig !== 'empty') {
  32. return stepClosableConfig;
  33. }
  34. return rootClosableConfig;
  35. }, [closable, closeIcon, stepClosable, stepCloseIcon]);
  36. }