zarm-web/es/mask/index.js

基于 React 的桌面端UI库

import React, { Component } from 'react';
import classnames from 'classnames';

class Mask extends Component {
  render() {
    const {
      visible,
      type,
      onClose,
      style,
      prefixCls
    } = this.props;
    const markCls = classnames({
      [prefixCls]: true,
      transparent: type === 'transparent',
      light: type === 'light',
      dark: type === 'dark'
    });
    return visible ? React.createElement("div", {
      className: markCls,
      onClick: onClose,
      style: style
    }) : null;
  }

}

Mask.defaultProps = {
  prefixCls: 'ui-mask',
  visible: false,
  type: 'normal',
  onClose: () => {}
};
export default Mask;