Avatar.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.SkeletonAvatarProps = undefined;
  6. var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
  7. var _defineProperty3 = _interopRequireDefault(_defineProperty2);
  8. var _classnames = require('classnames');
  9. var _classnames2 = _interopRequireDefault(_classnames);
  10. var _vueTypes = require('../_util/vue-types');
  11. var _vueTypes2 = _interopRequireDefault(_vueTypes);
  12. var _propsUtil = require('../_util/props-util');
  13. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
  14. var skeletonAvatarProps = {
  15. prefixCls: _vueTypes2['default'].string,
  16. size: _vueTypes2['default'].oneOfType([_vueTypes2['default'].oneOf(['large', 'small', 'default']), _vueTypes2['default'].number]),
  17. shape: _vueTypes2['default'].oneOf(['circle', 'square'])
  18. };
  19. var SkeletonAvatarProps = exports.SkeletonAvatarProps = _vueTypes2['default'].shape(skeletonAvatarProps).loose;
  20. var Avatar = {
  21. props: (0, _propsUtil.initDefaultProps)(skeletonAvatarProps, {
  22. size: 'large'
  23. }),
  24. render: function render() {
  25. var _classNames, _classNames2;
  26. var h = arguments[0];
  27. var _$props = this.$props,
  28. prefixCls = _$props.prefixCls,
  29. size = _$props.size,
  30. shape = _$props.shape;
  31. var sizeCls = (0, _classnames2['default'])((_classNames = {}, (0, _defineProperty3['default'])(_classNames, prefixCls + '-lg', size === 'large'), (0, _defineProperty3['default'])(_classNames, prefixCls + '-sm', size === 'small'), _classNames));
  32. var shapeCls = (0, _classnames2['default'])((_classNames2 = {}, (0, _defineProperty3['default'])(_classNames2, prefixCls + '-circle', shape === 'circle'), (0, _defineProperty3['default'])(_classNames2, prefixCls + '-square', shape === 'square'), _classNames2));
  33. var sizeStyle = typeof size === 'number' ? {
  34. width: size + 'px',
  35. height: size + 'px',
  36. lineHeight: size + 'px'
  37. } : {};
  38. return h('span', { 'class': (0, _classnames2['default'])(prefixCls, sizeCls, shapeCls), style: sizeStyle });
  39. }
  40. };
  41. exports['default'] = Avatar;