yqcloud-ui
Version:
An enterprise-class UI design language and React-based implementation
39 lines (30 loc) • 1.02 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { 'default': obj };
}
var Track = function Track(props) {
var className = props.className,
included = props.included,
vertical = props.vertical,
offset = props.offset,
length = props.length,
style = props.style;
var positonStyle = vertical ? {
bottom: offset + '%',
height: length + '%'
} : {
left: offset + '%',
width: length + '%'
};
var elStyle = (0, _extends3['default'])({}, style, positonStyle);
return included ? _react2['default'].createElement('div', { className: className, style: elStyle }) : null;
}; /* eslint-disable react/prop-types */
exports['default'] = Track;
module.exports = exports['default'];