import React__default, { useContext } from "react";
import cs from "../_util/classNames.js";
import Input, { formatValue } from "./input.js";
import Button from "../Button/index.js";
import IconSearch from "../../icon/react-icon/IconSearch/index.js";
import omit from "../_util/omit.js";
import { ConfigContext } from "../ConfigProvider/index.js";
import useMergeValue from "../_util/hooks/useMergeValue.js";
import IconLoading from "../../icon/react-icon/IconLoading/index.js";
import { jsx } from "../../../../../../@emotion_react@11.10.4_3toe27fv7etiytxb5kxc7fxaw4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
var __assign = globalThis && globalThis.__assign || function() {
  __assign = Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];
      for (var p in s)
        if (Object.prototype.hasOwnProperty.call(s, p))
          t[p] = s[p];
    }
    return t;
  };
  return __assign.apply(this, arguments);
};
var __rest = globalThis && globalThis.__rest || function(s, e) {
  var t = {};
  for (var p in s)
    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
      t[p] = s[p];
  if (s != null && typeof Object.getOwnPropertySymbols === "function")
    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
        t[p[i]] = s[p[i]];
    }
  return t;
};
var __read = globalThis && globalThis.__read || function(o, n) {
  var m = typeof Symbol === "function" && o[Symbol.iterator];
  if (!m)
    return o;
  var i = m.call(o), r, ar = [], e;
  try {
    while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
      ar.push(r.value);
  } catch (error) {
    e = {
      error
    };
  } finally {
    try {
      if (r && !r.done && (m = i["return"]))
        m.call(i);
    } finally {
      if (e)
        throw e.error;
    }
  }
  return ar;
};
var Search = React__default.forwardRef(function(props, ref) {
  var _a;
  var getPrefixCls = useContext(ConfigContext).getPrefixCls;
  var _b = __read(useMergeValue("", {
    defaultValue: "defaultValue" in props ? formatValue(props.defaultValue, props.maxLength) : void 0,
    value: "value" in props ? formatValue(props.value, props.maxLength) : void 0
  }), 2), value = _b[0], setValue = _b[1];
  var className = props.className, style = props.style, placeholder = props.placeholder, disabled = props.disabled, searchButton = props.searchButton, loading = props.loading, defaultValue = props.defaultValue, rest = __rest(props, ["className", "style", "placeholder", "disabled", "searchButton", "loading", "defaultValue"]);
  var prefixCls = getPrefixCls("input-search");
  var classNames = cs(prefixCls, (_a = {}, _a[prefixCls + "-button"] = searchButton, _a), className);
  var onSearch = function(e) {
    !disabled && props.onSearch && props.onSearch(value);
    props.onPressEnter && props.onPressEnter(e);
  };
  return /* @__PURE__ */ jsx(Input, {
    ...__assign({}, omit(rest, ["onSearch"]), {
      disabled,
      className: classNames,
      style,
      ref,
      placeholder,
      addAfter: searchButton ? /* @__PURE__ */ jsx(Button, {
        disabled,
        size: rest.size,
        className: prefixCls + "-btn",
        type: "primary",
        onClick: onSearch,
        loading,
        loadingFixedWidth: true,
        icon: searchButton === true && !loading && /* @__PURE__ */ jsx(IconSearch, {}),
        children: searchButton !== true && searchButton
      }) : null,
      suffix: !searchButton && (loading ? /* @__PURE__ */ jsx(IconLoading, {}) : /* @__PURE__ */ jsx(IconSearch, {
        onClick: onSearch
      })),
      onChange: function(value2, e) {
        setValue(value2);
        props.onChange && props.onChange(value2, e);
      },
      defaultValue,
      onPressEnter: onSearch
    })
  });
});
Search.displayName = "Search";
const Search$1 = Search;
export {
  Search$1 as default
};
//# sourceMappingURL=search.js.map
