linkmore-design/lib/lm-filter/components/InputFilter.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
const InputFilter = ({
  instance
}) => {
  const {
    filterValue = '',
    setFilterValue,
    visible
  } = instance;
  const inputRef = (0, _react.useRef)(null);
  const onChange = val => setFilterValue(val);
  (0, _react.useEffect)(() => {
    if (visible) {
      inputRef.current?.focus({
        cursor: 'all'
      });
      // 若开启了 Dropdown => destroyPopupOnHide=true 无需重置操作 反之需开启
      // inputRef.current?.setValue?.('');
      // handleFilter('');
    }
  }, [visible]);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "filter_dropdown"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "filter_header"
  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
    defaultValue: filterValue,
    ref: inputRef,
    onSearch: onChange
  })));
};
var _default = InputFilter;
exports.default = _default;