Group.js 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. "use strict";
  2. "use client";
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  4. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
  5. Object.defineProperty(exports, "__esModule", {
  6. value: true
  7. });
  8. exports.default = void 0;
  9. var _react = _interopRequireWildcard(require("react"));
  10. var React = _react;
  11. var _classnames = _interopRequireDefault(require("classnames"));
  12. var _warning = require("../_util/warning");
  13. var _configProvider = require("../config-provider");
  14. var _context = require("../form/context");
  15. var _style = _interopRequireDefault(require("./style"));
  16. /** @deprecated Please use `Space.Compact` */
  17. const Group = props => {
  18. const {
  19. getPrefixCls,
  20. direction
  21. } = (0, _react.useContext)(_configProvider.ConfigContext);
  22. const {
  23. prefixCls: customizePrefixCls,
  24. className
  25. } = props;
  26. const prefixCls = getPrefixCls('input-group', customizePrefixCls);
  27. const inputPrefixCls = getPrefixCls('input');
  28. const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(inputPrefixCls);
  29. const cls = (0, _classnames.default)(prefixCls, cssVarCls, {
  30. [`${prefixCls}-lg`]: props.size === 'large',
  31. [`${prefixCls}-sm`]: props.size === 'small',
  32. [`${prefixCls}-compact`]: props.compact,
  33. [`${prefixCls}-rtl`]: direction === 'rtl'
  34. }, hashId, className);
  35. const formItemContext = (0, _react.useContext)(_context.FormItemInputContext);
  36. const groupFormItemContext = (0, _react.useMemo)(() => Object.assign(Object.assign({}, formItemContext), {
  37. isFormItemInput: false
  38. }), [formItemContext]);
  39. if (process.env.NODE_ENV !== 'production') {
  40. const warning = (0, _warning.devUseWarning)('Input.Group');
  41. warning.deprecated(false, 'Input.Group', 'Space.Compact');
  42. }
  43. return wrapCSSVar(/*#__PURE__*/React.createElement("span", {
  44. className: cls,
  45. style: props.style,
  46. onMouseEnter: props.onMouseEnter,
  47. onMouseLeave: props.onMouseLeave,
  48. onFocus: props.onFocus,
  49. onBlur: props.onBlur
  50. }, /*#__PURE__*/React.createElement(_context.FormItemInputContext.Provider, {
  51. value: groupFormItemContext
  52. }, props.children)));
  53. };
  54. var _default = exports.default = Group;