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

🌈 🚀lm组件库。🚀

import React, { useRef, useEffect } from 'react';
import InputSearchClose from "./InputSearchClose";
var InputFilter = function InputFilter(_ref) {
  var instance = _ref.instance;
  var _instance$filterValue = instance.filterValue,
    filterValue = _instance$filterValue === void 0 ? '' : _instance$filterValue,
    setFilterValue = instance.setFilterValue,
    visible = instance.visible;
  var inputRef = useRef(null);
  var onChange = function onChange(val) {
    return setFilterValue(val);
  };
  useEffect(function () {
    if (visible) {
      var _inputRef$current;
      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
        cursor: 'all'
      });
      // 若开启了 Dropdown => destroyPopupOnHide=true 无需重置操作 反之需开启
      // inputRef.current?.setValue?.('');
      // handleFilter('');
    }
  }, [visible]);
  return /*#__PURE__*/React.createElement("div", {
    className: "filter_dropdown"
  }, /*#__PURE__*/React.createElement("div", {
    className: "filter_header"
  }, /*#__PURE__*/React.createElement(InputSearchClose, {
    defaultValue: filterValue,
    ref: inputRef,
    onSearch: onChange
  })));
};
export default InputFilter;