123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- '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']]
- )]
- );
- }
- };
|