easy-antd-modal/es/hooks/useMergeOpen.js

二次开发, 简化 Ant Design Modal 的使用方式

import { version } from 'antd';
import { isNil } from "./nil";
export const INNER_STATE = Symbol('__easy_antd_modal_inner_state__');
export const CAN_USE_OPEN = function canUseOpen() {
  const [major, minor] = (typeof version === 'string' ? version : '0.0.0').split('.').map(v => parseInt(v, 10));
  return major >= 5 ||
  // antd v5
  major === 4 && minor >= 23 // antd v4.23.0+
  ;
};
const useMergeOpen = props => {
  let {
    visible,
    open
  } = props;
  visible ||= props[INNER_STATE] ?? false;
  if (isNil(open)) open = visible;
  const key = CAN_USE_OPEN() ? 'open' : 'visible';
  return {
    [key]: open
  };
};
export default useMergeOpen;