@jdcfe/yep-react/es/jd-button/index.js

一套移动端的React组件库

import * as React from 'react';
import classNames from 'classnames';
import ButtonGroup from './ButtonGroup';
export default function Button(props) {
  var prefixCls = props.prefixCls,
      className = props.className,
      type = props.type,
      disabled = props.disabled,
      onClick = props.onClick,
      style = props.style,
      size = props.size,
      children = props.children,
      block = props.block,
      circle = props.circle;
  var cls = classNames(prefixCls, className, {
    'btn-primary': type === 'primary',
    'btn-white': type === 'white',
    'btn-block': block,
    'btn-disabled': disabled,
    'btn-ghost': type === 'ghost',
    'btn-fill': type === 'fill',
    'btn-light': type === 'light',
    'btn-sm': size === 'sm',
    'btn-xxs': size === 'xxs',
    'btn-circle': circle
  });

  var onPress = function onPress() {
    if (disabled) return;
    onClick && onClick();
  };

  return /*#__PURE__*/React.createElement("button", {
    className: cls,
    "aria-disabled": disabled,
    onClick: onPress,
    style: style
  }, children);
}
Button.defaultProps = {
  prefixCls: 'Yep-jd-btn',
  disabled: false,
  onClick: function onClick() {},
  type: 'primary'
};
Button.JdButtonGroup = ButtonGroup;