ze-react-component-library/lib/components/CheckboxGroup/index.js

ZeroETP React Component Library

"use strict";

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

require("antd/lib/checkbox/style");

var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));

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

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

var CheckboxGroup = function CheckboxGroup(_a) {
  var _b = _a.value,
      value = _b === void 0 ? [] : _b,
      _onChange = _a.onChange,
      _c = _a.options,
      _options = _c === void 0 ? [] : _c;

  var options = _options.map(function (o) {
    if (_typeof(o) === "object") {
      return o;
    }

    return {
      value: o,
      label: o
    };
  });

  var _d = (0, _react.useState)(value.length > 0 && value.length < options.length),
      indeterminate = _d[0],
      setIndeterminate = _d[1];

  var _e = (0, _react.useState)(options.length > 0 && value.length === options.length),
      checkAll = _e[0],
      setCheckAll = _e[1];

  var onChange = function onChange(list) {
    _onChange === null || _onChange === void 0 ? void 0 : _onChange(list);
    setIndeterminate(!!list.length && list.length < options.length);
    setCheckAll(list.length === options.length);
  };

  var onCheckAllChange = function onCheckAllChange(e) {
    console.log(options);
    _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target.checked ? options.map(function (o) {
      return o.value;
    }) : []);
    setIndeterminate(false);
    setCheckAll(e.target.checked);
  };

  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
    indeterminate: indeterminate,
    onChange: onCheckAllChange,
    checked: checkAll
  }, "\u5168\u9009"), /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, {
    options: options,
    value: value,
    onChange: onChange
  }));
};

var _default = CheckboxGroup;
exports.default = _default;