linkmore-design/lib/advanced-filter/components/FuzzySearch.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var _form = _interopRequireDefault(require("../../form"));
var _constants = require("../constants");
var _DelayInputSearch = _interopRequireDefault(require("../widgets/DelayInputSearch"));
const FuzzySearch = /*#__PURE__*/(0, _react.forwardRef)(({
  placeholder,
  searchClassName
}, ref) => {
  const form = _form.default.useFormInstance();
  const normalize = value => {
    const prevConditions = form.getFieldValue([_constants.FIELD_ENUM.SEARCH, _constants.FIELD_ENUM.CONDITIONS]);
    if (Array.isArray(prevConditions)) {
      const result = prevConditions.map(item => ({
        ...item,
        value
      }));
      form.setFieldValue([_constants.FIELD_ENUM.SEARCH, _constants.FIELD_ENUM.CONDITIONS], result);
    }
    return value;
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)('lm_filter_search', searchClassName)
  }, /*#__PURE__*/_react.default.createElement(_form.default.Item, {
    name: [_constants.FIELD_ENUM.SEARCH, _constants.FIELD_ENUM.RELATION],
    noStyle: true
  }), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
    name: [_constants.FIELD_ENUM.SEARCH, _constants.FIELD_ENUM.CONDITIONS, 0, _constants.DYNAMIC_ENUM.VALUE],
    trigger: "onSearch",
    noStyle: true,
    normalize: normalize
  }, /*#__PURE__*/_react.default.createElement(_DelayInputSearch.default, {
    placeholder: placeholder,
    ref: ref
  })), /*#__PURE__*/_react.default.createElement(_form.default.List, {
    name: [_constants.FIELD_ENUM.SEARCH, _constants.FIELD_ENUM.CONDITIONS]
  }, fields => fields.map(({
    key,
    name
  }) => /*#__PURE__*/_react.default.createElement(_react.Fragment, {
    key: key
  }, /*#__PURE__*/_react.default.createElement(_form.default.Item, {
    name: [name, _constants.DYNAMIC_ENUM.FIELD_NAME],
    noStyle: true
  }), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
    name: [name, _constants.DYNAMIC_ENUM.FIELD_TYPE],
    noStyle: true
  }), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
    name: [name, _constants.DYNAMIC_ENUM.OPERATOR],
    noStyle: true
  }), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
    name: [name, _constants.DYNAMIC_ENUM.RELATION],
    noStyle: true
  }), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
    name: [name, _constants.DYNAMIC_ENUM.VALUE],
    trigger: "onSearch",
    noStyle: true
  })))));
});
var _default = FuzzySearch;
exports.default = _default;