Input.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  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 _classnames = _interopRequireDefault(require("classnames"));
  11. var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
  12. var _configProvider = require("../config-provider");
  13. var _Element = _interopRequireDefault(require("./Element"));
  14. var _style = _interopRequireDefault(require("./style"));
  15. const SkeletonInput = props => {
  16. const {
  17. prefixCls: customizePrefixCls,
  18. className,
  19. rootClassName,
  20. active,
  21. block,
  22. size = 'default'
  23. } = props;
  24. const {
  25. getPrefixCls
  26. } = React.useContext(_configProvider.ConfigContext);
  27. const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
  28. const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls);
  29. const otherProps = (0, _omit.default)(props, ['prefixCls']);
  30. const cls = (0, _classnames.default)(prefixCls, `${prefixCls}-element`, {
  31. [`${prefixCls}-active`]: active,
  32. [`${prefixCls}-block`]: block
  33. }, className, rootClassName, hashId, cssVarCls);
  34. return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
  35. className: cls
  36. }, /*#__PURE__*/React.createElement(_Element.default, Object.assign({
  37. prefixCls: `${prefixCls}-input`,
  38. size: size
  39. }, otherProps))));
  40. };
  41. var _default = exports.default = SkeletonInput;