1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- import _mergeJSXProps from 'babel-helper-vue-jsx-merge-props';
- import _defineProperty from 'babel-runtime/helpers/defineProperty';
- import PropTypes from '../_util/vue-types';
- import { getComponentFromProp, getListeners } from '../_util/props-util';
- import { ConfigConsumerProps } from '../config-provider/configConsumerProps';
- export default {
- name: 'ACardMeta',
- props: {
- prefixCls: PropTypes.string,
- title: PropTypes.any,
- description: PropTypes.any
- },
- inject: {
- configProvider: { 'default': function _default() {
- return ConfigConsumerProps;
- } }
- },
- render: function render() {
- var h = arguments[0];
- var customizePrefixCls = this.$props.prefixCls;
- var getPrefixCls = this.configProvider.getPrefixCls;
- var prefixCls = getPrefixCls('card', customizePrefixCls);
- var classString = _defineProperty({}, prefixCls + '-meta', true);
- var avatar = getComponentFromProp(this, 'avatar');
- var title = getComponentFromProp(this, 'title');
- var description = getComponentFromProp(this, 'description');
- var avatarDom = avatar ? h(
- 'div',
- { 'class': prefixCls + '-meta-avatar' },
- [avatar]
- ) : null;
- var titleDom = title ? h(
- 'div',
- { 'class': prefixCls + '-meta-title' },
- [title]
- ) : null;
- var descriptionDom = description ? h(
- 'div',
- { 'class': prefixCls + '-meta-description' },
- [description]
- ) : null;
- var MetaDetail = titleDom || descriptionDom ? h(
- 'div',
- { 'class': prefixCls + '-meta-detail' },
- [titleDom, descriptionDom]
- ) : null;
- return h(
- 'div',
- _mergeJSXProps([{ on: getListeners(this) }, { 'class': classString }]),
- [avatarDom, MetaDetail]
- );
- }
- };
|