Group.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _vue = require("vue");
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _FormItemContext = require("../form/FormItemContext");
  10. var _useConfigInject = _interopRequireDefault(require("../config-provider/hooks/useConfigInject"));
  11. var _classNames = _interopRequireDefault(require("../_util/classNames"));
  12. var _style = _interopRequireDefault(require("./style"));
  13. // CSSINJS
  14. var _default = exports.default = (0, _vue.defineComponent)({
  15. compatConfig: {
  16. MODE: 3
  17. },
  18. name: 'AInputGroup',
  19. inheritAttrs: false,
  20. props: {
  21. prefixCls: String,
  22. size: {
  23. type: String
  24. },
  25. compact: {
  26. type: Boolean,
  27. default: undefined
  28. }
  29. },
  30. setup(props, _ref) {
  31. let {
  32. slots,
  33. attrs
  34. } = _ref;
  35. const {
  36. prefixCls,
  37. direction,
  38. getPrefixCls
  39. } = (0, _useConfigInject.default)('input-group', props);
  40. const formItemInputContext = _FormItemContext.FormItemInputContext.useInject();
  41. _FormItemContext.FormItemInputContext.useProvide(formItemInputContext, {
  42. isFormItemInput: false
  43. });
  44. // style
  45. const inputPrefixCls = (0, _vue.computed)(() => getPrefixCls('input'));
  46. const [wrapSSR, hashId] = (0, _style.default)(inputPrefixCls);
  47. const cls = (0, _vue.computed)(() => {
  48. const pre = prefixCls.value;
  49. return {
  50. [`${pre}`]: true,
  51. [hashId.value]: true,
  52. [`${pre}-lg`]: props.size === 'large',
  53. [`${pre}-sm`]: props.size === 'small',
  54. [`${pre}-compact`]: props.compact,
  55. [`${pre}-rtl`]: direction.value === 'rtl'
  56. };
  57. });
  58. return () => {
  59. var _a;
  60. return wrapSSR((0, _vue.createVNode)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attrs), {}, {
  61. "class": (0, _classNames.default)(cls.value, attrs.class)
  62. }), [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]));
  63. };
  64. }
  65. });