@alicloud/console-components/esm/rc/search/rc-mod/index.js

Alibaba Cloud React Components

var __assign = (this && this.__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 = (this && this.__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;
};
import React, { useState, useMemo, useCallback, forwardRef } from 'react';
import classnames from 'classnames';
import { Search as FusionSearch } from '@alifd/next';
import { useDefaultOffsetY } from '../../../hook';
import { hocPopup } from '../../../hoc';
function Search(_a, ref) {
    var onFocus = _a.onFocus, onBlur = _a.onBlur, onVisibleChange = _a.onVisibleChange, props = __rest(_a, ["onFocus", "onBlur", "onVisibleChange"]);
    var defaultOffsetY = useDefaultOffsetY();
    var _b = useState(false), stateFocused = _b[0], setStateFocused = _b[1];
    var _c = useState(false), stateVisible = _c[0], setStateVisible = _c[1];
    var handleFocus = useCallback(function (e) {
        setStateFocused(true);
        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
    }, [onFocus]);
    var handleBlur = useCallback(function (e) {
        setStateFocused(false);
        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
    }, [onBlur]);
    var handleVisibleChange = useCallback(function (visible) {
        setStateVisible(visible);
        onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
    }, [onVisibleChange]);
    // Search filter 也是个选择器，要设置它的弹层 offset
    var filterProps = useMemo(function () {
        var _a;
        return (__assign(__assign({}, props.filterProps), { popupProps: __assign({ align: 'tl bl', offset: [0, defaultOffsetY] }, (_a = props.filterProps) === null || _a === void 0 ? void 0 : _a.popupProps) }));
    }, [defaultOffsetY, props.filterProps]);
    return React.createElement(FusionSearch, __assign({}, __assign(__assign({}, props), { ref: ref, 
        // 根据当前状态增加类名，用来做样式覆盖
        className: classnames(props.className, props.searchText ? 'custom-search-text' : null, stateFocused ? 'focusing' : false, stateVisible ? 'visible' : false, props.disabled ? 'disabled' : false, props.searchText ? null : 'next-search-no-custom-search-text'), filterProps: filterProps, onFocus: handleFocus, onBlur: handleBlur, onVisibleChange: handleVisibleChange })));
}
export default hocPopup(forwardRef(Search));