zp-bee/es/bee-checkbox/index.js

zp-bee，是一款基于 Dumi，由 React + TypeScript 开发的组件库 🎉。

import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import React, { useState, useEffect } from 'react';
import CheckOutlined from '@ant-design/icons/CheckOutlined';

var BeeCheckBox = function BeeCheckBox(props) {
  var label = props.label,
      disabled = props.disabled,
      checked = props.checked,
      onChange = props.onChange;

  var _useState = useState(false),
      _useState2 = _slicedToArray(_useState, 2),
      selected = _useState2[0],
      setSelected = _useState2[1];

  useEffect(function () {
    setSelected(checked);
  }, [checked]);
  return /*#__PURE__*/React.createElement("div", {
    "data-disabled": disabled,
    className: selected ? 'bee-checkbox-container-checked' : 'bee-checkbox-container',
    onClick: function onClick() {
      if (disabled) return;
      setSelected(!selected);
      onChange && onChange(!selected);
    }
  }, /*#__PURE__*/React.createElement("p", null, label), /*#__PURE__*/React.createElement("div", {
    className: 'bee-icon'
  }, selected ? /*#__PURE__*/React.createElement(CheckOutlined, null) : null));
};

export default BeeCheckBox;