@jannie-shao/components-antd4/lib/input-select/index.js

基于 Antd 4 的组件封装

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
require("antd/es/select/style");
var _select = _interopRequireDefault(require("antd/es/select"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireWildcard(require("react"));
var _excluded = ["options", "forceMatch"];
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; }
var check = function check(type, a, b, force) {
  if (type === void 0) {
    type = 'equal';
  }
  if (a === void 0) {
    a = '';
  }
  if (b === void 0) {
    b = '';
  }
  if (force === void 0) {
    force = false;
  }
  var aNow = force ? a : a.toLowerCase();
  var bNow = force ? b : b.toLowerCase();
  if (type === 'in') {
    return aNow.indexOf(bNow) >= 0;
  }
  return a.toLowerCase() === b.toLowerCase();
};
var InputSelect = function InputSelect(_ref) {
  var _ref$options = _ref.options,
    options = _ref$options === void 0 ? [] : _ref$options,
    _ref$forceMatch = _ref.forceMatch,
    forceMatch = _ref$forceMatch === void 0 ? false : _ref$forceMatch,
    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
  var _useState = (0, _react.useState)([]),
    optionsNow = _useState[0],
    setOptionsNow = _useState[1];
  var handleSearch = function handleSearch(v) {
    var flag = v ? options.filter(function (o) {
      return check('equal', o.label, v, forceMatch);
    }).length === 0 : false;
    setOptionsNow(flag ? [{
      label: v,
      value: v
    }].concat(options) : options);
  };
  (0, _react.useEffect)(function () {
    setOptionsNow(options || []);
  }, [options]);
  return /*#__PURE__*/_react["default"].createElement(_select["default"], (0, _extends2["default"])({}, props, {
    options: optionsNow,
    showSearch: true,
    filterOption: function filterOption(input, option) {
      return check('in', option.label, input, forceMatch);
    },
    onSearch: handleSearch
  }));
};
var _default = InputSelect;
exports["default"] = _default;