qt-public-ui/lib/MultiSelect/option.js

新设计规范下业务组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "OptionProps", {
  enumerable: true,
  get: function get() {
    return _select.OptionProps;
  }
});
exports["default"] = void 0;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
var _react = _interopRequireDefault(require("react"));
var _select = require("antd/lib/select");
var _antd = require("antd");
var _classnames = _interopRequireDefault(require("classnames"));
var MultiOption = function MultiOption(props) {
  var children = props.children,
    value = props.value,
    selectValue = props.selectValue,
    _props$disabled = props.disabled,
    disabled = _props$disabled === void 0 ? false : _props$disabled,
    className = props.className;
  var multiOptionCheckboxChange = function multiOptionCheckboxChange(_value) {
    var _selectValue = (0, _toConsumableArray2["default"])(selectValue);
    var optionChange = props.optionChange;
    if (_selectValue.includes(_value)) {
      var _index = _selectValue.findIndex(function (v) {
        return v === _value;
      });
      _selectValue.splice(_index, 1);
    } else {
      _selectValue.push(_value);
    }
    optionChange(_selectValue);
  };

  // cxw觉得这里有问题
  return /*#__PURE__*/_react["default"].createElement("div", {
    title: children,
    className: (0, _classnames["default"])('um-multi-option', {
      'um-multi-option-disabled': disabled,
      className: className
    }),
    onClick: function onClick() {
      !disabled && multiOptionCheckboxChange(value);
    }
  }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
    checked: selectValue.includes(value),
    disabled: disabled
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _classnames["default"])('um-multi-option-label', {
      'um-multi-option-label-checked': selectValue.includes(value)
    })
  }, children));
};
MultiOption.displayName = 'MultiOption';
var _default = exports["default"] = MultiOption;