84 lines
2.9 KiB
JavaScript
84 lines
2.9 KiB
JavaScript
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.TimeLineItemProps = undefined;
|
|
|
|
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
|
|
|
|
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
|
|
|
|
var _classnames = require('classnames');
|
|
|
|
var _classnames2 = _interopRequireDefault(_classnames);
|
|
|
|
var _vueTypes = require('../_util/vue-types');
|
|
|
|
var _vueTypes2 = _interopRequireDefault(_vueTypes);
|
|
|
|
var _propsUtil = require('../_util/props-util');
|
|
|
|
var _configConsumerProps = require('../config-provider/configConsumerProps');
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
|
|
var TimeLineItemProps = exports.TimeLineItemProps = {
|
|
prefixCls: _vueTypes2['default'].string,
|
|
color: _vueTypes2['default'].string,
|
|
dot: _vueTypes2['default'].any,
|
|
pending: _vueTypes2['default'].bool,
|
|
position: _vueTypes2['default'].oneOf(['left', 'right', '']).def('')
|
|
};
|
|
|
|
exports['default'] = {
|
|
name: 'ATimelineItem',
|
|
props: (0, _propsUtil.initDefaultProps)(TimeLineItemProps, {
|
|
color: 'blue',
|
|
pending: false
|
|
}),
|
|
inject: {
|
|
configProvider: { 'default': function _default() {
|
|
return _configConsumerProps.ConfigConsumerProps;
|
|
} }
|
|
},
|
|
render: function render() {
|
|
var _classNames, _classNames2;
|
|
|
|
var h = arguments[0];
|
|
|
|
var _getOptionProps = (0, _propsUtil.getOptionProps)(this),
|
|
customizePrefixCls = _getOptionProps.prefixCls,
|
|
_getOptionProps$color = _getOptionProps.color,
|
|
color = _getOptionProps$color === undefined ? '' : _getOptionProps$color,
|
|
pending = _getOptionProps.pending;
|
|
|
|
var getPrefixCls = this.configProvider.getPrefixCls;
|
|
var prefixCls = getPrefixCls('timeline', customizePrefixCls);
|
|
|
|
var dot = (0, _propsUtil.getComponentFromProp)(this, 'dot');
|
|
var itemClassName = (0, _classnames2['default'])((_classNames = {}, (0, _defineProperty3['default'])(_classNames, prefixCls + '-item', true), (0, _defineProperty3['default'])(_classNames, prefixCls + '-item-pending', pending), _classNames));
|
|
|
|
var dotClassName = (0, _classnames2['default'])((_classNames2 = {}, (0, _defineProperty3['default'])(_classNames2, prefixCls + '-item-head', true), (0, _defineProperty3['default'])(_classNames2, prefixCls + '-item-head-custom', dot), (0, _defineProperty3['default'])(_classNames2, prefixCls + '-item-head-' + color, true), _classNames2));
|
|
var liProps = {
|
|
'class': itemClassName,
|
|
on: (0, _propsUtil.getListeners)(this)
|
|
};
|
|
return h(
|
|
'li',
|
|
liProps,
|
|
[h('div', { 'class': prefixCls + '-item-tail' }), h(
|
|
'div',
|
|
{
|
|
'class': dotClassName,
|
|
style: { borderColor: /blue|red|green|gray/.test(color) ? undefined : color }
|
|
},
|
|
[dot]
|
|
), h(
|
|
'div',
|
|
{ 'class': prefixCls + '-item-content' },
|
|
[this.$slots['default']]
|
|
)]
|
|
);
|
|
}
|
|
}; |