UNPKG

antd-v5

Version:

An enterprise-class UI design language and React components implementation

111 lines (110 loc) 5.13 kB
"use strict"; "use client"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var React = _interopRequireWildcard(require("react")); var _classnames = _interopRequireDefault(require("classnames")); var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray")); var _omit = _interopRequireDefault(require("rc-util/lib/omit")); var _useZIndex = require("../_util/hooks/useZIndex"); var _PurePanel = _interopRequireDefault(require("../_util/PurePanel")); var _reactNode = require("../_util/reactNode"); var _warning = require("../_util/warning"); var _configProvider = require("../config-provider"); var _select = _interopRequireDefault(require("../select")); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } const { Option } = _select.default; function isSelectOptionOrSelectOptGroup(child) { return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup); } const AutoComplete = (props, ref) => { var _a; const { prefixCls: customizePrefixCls, className, popupClassName, dropdownClassName, children, dataSource } = props; const childNodes = (0, _toArray.default)(children); // ============================= Input ============================= let customizeInput; if (childNodes.length === 1 && (0, _reactNode.isValidElement)(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) { [customizeInput] = childNodes; } const getInputElement = customizeInput ? () => customizeInput : undefined; // ============================ Options ============================ let optionChildren; // [Legacy] convert `children` or `dataSource` into option children if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) { optionChildren = children; } else { optionChildren = dataSource ? dataSource.map(item => { if ((0, _reactNode.isValidElement)(item)) { return item; } switch (typeof item) { case 'string': return /*#__PURE__*/React.createElement(Option, { key: item, value: item }, item); case 'object': { const { value: optionValue } = item; return /*#__PURE__*/React.createElement(Option, { key: optionValue, value: optionValue }, item.text); } default: return undefined; } }) : []; } if (process.env.NODE_ENV !== 'production') { const warning = (0, _warning.devUseWarning)('AutoComplete'); warning.deprecated(!('dataSource' in props), 'dataSource', 'options'); process.env.NODE_ENV !== "production" ? warning(!customizeInput || !('size' in props), 'usage', 'You need to control style self instead of setting `size` when using customize input.') : void 0; warning.deprecated(!dropdownClassName, 'dropdownClassName', 'popupClassName'); } const { getPrefixCls } = React.useContext(_configProvider.ConfigContext); const prefixCls = getPrefixCls('select', customizePrefixCls); // ============================ zIndex ============================ const [zIndex] = (0, _useZIndex.useZIndex)('SelectLike', (_a = props.dropdownStyle) === null || _a === void 0 ? void 0 : _a.zIndex); return /*#__PURE__*/React.createElement(_select.default, Object.assign({ ref: ref, suffixIcon: null }, (0, _omit.default)(props, ['dataSource', 'dropdownClassName']), { prefixCls: prefixCls, popupClassName: popupClassName || dropdownClassName, dropdownStyle: Object.assign(Object.assign({}, props.dropdownStyle), { zIndex }), className: (0, _classnames.default)(`${prefixCls}-auto-complete`, className), mode: _select.default.SECRET_COMBOBOX_MODE_DO_NOT_USE, // Internal api getInputElement }), optionChildren); }; const RefAutoComplete = /*#__PURE__*/React.forwardRef(AutoComplete); // We don't care debug panel /* istanbul ignore next */ const PurePanel = (0, _PurePanel.default)(RefAutoComplete); RefAutoComplete.Option = Option; RefAutoComplete._InternalPanelDoNotUseOrYouWillBeFired = PurePanel; if (process.env.NODE_ENV !== 'production') { RefAutoComplete.displayName = 'AutoComplete'; } var _default = exports.default = RefAutoComplete;