12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- "use strict";
- "use client";
- 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 React = _react;
- var _classnames = _interopRequireDefault(require("classnames"));
- var _warning = require("../_util/warning");
- var _configProvider = require("../config-provider");
- var _context = require("../form/context");
- var _style = _interopRequireDefault(require("./style"));
- /** @deprecated Please use `Space.Compact` */
- const Group = props => {
- const {
- getPrefixCls,
- direction
- } = (0, _react.useContext)(_configProvider.ConfigContext);
- const {
- prefixCls: customizePrefixCls,
- className
- } = props;
- const prefixCls = getPrefixCls('input-group', customizePrefixCls);
- const inputPrefixCls = getPrefixCls('input');
- const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(inputPrefixCls);
- const cls = (0, _classnames.default)(prefixCls, cssVarCls, {
- [`${prefixCls}-lg`]: props.size === 'large',
- [`${prefixCls}-sm`]: props.size === 'small',
- [`${prefixCls}-compact`]: props.compact,
- [`${prefixCls}-rtl`]: direction === 'rtl'
- }, hashId, className);
- const formItemContext = (0, _react.useContext)(_context.FormItemInputContext);
- const groupFormItemContext = (0, _react.useMemo)(() => Object.assign(Object.assign({}, formItemContext), {
- isFormItemInput: false
- }), [formItemContext]);
- if (process.env.NODE_ENV !== 'production') {
- const warning = (0, _warning.devUseWarning)('Input.Group');
- warning.deprecated(false, 'Input.Group', 'Space.Compact');
- }
- return wrapCSSVar(/*#__PURE__*/React.createElement("span", {
- className: cls,
- style: props.style,
- onMouseEnter: props.onMouseEnter,
- onMouseLeave: props.onMouseLeave,
- onFocus: props.onFocus,
- onBlur: props.onBlur
- }, /*#__PURE__*/React.createElement(_context.FormItemInputContext.Provider, {
- value: groupFormItemContext
- }, props.children)));
- };
- var _default = exports.default = Group;
|