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

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

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

var _react = _interopRequireWildcard(require("react"));

var _CheckOutlined = _interopRequireDefault(require("@ant-design/icons/CheckOutlined"));

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

  var _useState = (0, _react.useState)(false),
      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
      selected = _useState2[0],
      setSelected = _useState2[1];

  (0, _react.useEffect)(function () {
    setSelected(checked);
  }, [checked]);
  return /*#__PURE__*/_react.default.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.default.createElement("p", null, label), /*#__PURE__*/_react.default.createElement("div", {
    className: 'bee-icon'
  }, selected ? /*#__PURE__*/_react.default.createElement(_CheckOutlined.default, null) : null));
};

var _default = BeeCheckBox;
exports.default = _default;