acud/lib/input/MultiSelectInput.js

acg react 组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _select = _interopRequireDefault(require("../select"));
var _configProvider = require("../config-provider");
var MultiSelectInput = function MultiSelectInput(props) {
  var customizePrefixCls = props.prefixCls,
    defaultValue = props.defaultValue,
    _props$placeholder = props.placeholder,
    placeholder = _props$placeholder === void 0 ? '请输入或点击进行选择' : _props$placeholder,
    options = props.options,
    style = props.style;
  var handleOnChange = function handleOnChange(e) {
    if (props.onChange) {
      props.onChange(e);
    }
  };
  var _React$useContext = _react["default"].useContext(_configProvider.ConfigContext),
    getPrefixCls = _React$useContext.getPrefixCls;
  var prefixCls = getPrefixCls('input-select', customizePrefixCls);
  return /*#__PURE__*/_react["default"].createElement(_select["default"], {
    mode: "tags",
    style: style,
    allowClear: true,
    showArrow: false,
    showSearch: true,
    placeholder: placeholder,
    defaultValue: defaultValue,
    onChange: handleOnChange,
    className: "".concat(prefixCls, "-tags"),
    dropdownClassName: "".concat(prefixCls, "-tags")
  }, options);
};
var _default = exports["default"] = MultiSelectInput;