You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

125 lines
5.0 KiB

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var __rest = undefined && undefined.__rest || function (s, e) {
var t = {};
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
}if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
}return t;
};
/* eslint react/no-did-mount-set-state: 0 */
var Steps = function (_Component) {
(0, _inherits3['default'])(Steps, _Component);
function Steps() {
(0, _classCallCheck3['default'])(this, Steps);
return (0, _possibleConstructorReturn3['default'])(this, (Steps.__proto__ || Object.getPrototypeOf(Steps)).apply(this, arguments));
}
(0, _createClass3['default'])(Steps, [{
key: 'render',
value: function render() {
var _classNames;
var _a = this.props,
prefixCls = _a.prefixCls,
_a$style = _a.style,
style = _a$style === undefined ? {} : _a$style,
className = _a.className,
children = _a.children,
direction = _a.direction,
labelPlacement = _a.labelPlacement,
iconPrefix = _a.iconPrefix,
status = _a.status,
size = _a.size,
current = _a.current,
progressDot = _a.progressDot,
restProps = __rest(_a, ["prefixCls", "style", "className", "children", "direction", "labelPlacement", "iconPrefix", "status", "size", "current", "progressDot"]);
var filteredChildren = _react2['default'].Children.toArray(children).filter(function (c) {
return !!c;
});
var adjustedlabelPlacement = !!progressDot ? 'vertical' : labelPlacement;
var classString = (0, _classnames2['default'])(prefixCls, prefixCls + '-' + direction, className, (_classNames = {}, (0, _defineProperty3['default'])(_classNames, prefixCls + '-' + size, size), (0, _defineProperty3['default'])(_classNames, prefixCls + '-label-' + adjustedlabelPlacement, direction === 'horizontal'), (0, _defineProperty3['default'])(_classNames, prefixCls + '-dot', !!progressDot), _classNames));
return _react2['default'].createElement(
'div',
(0, _extends3['default'])({ className: classString, style: style }, restProps),
_react.Children.map(filteredChildren, function (child, index) {
if (!child) {
return null;
}
var childProps = (0, _extends3['default'])({ stepNumber: '' + (index + 1), prefixCls: prefixCls,
iconPrefix: iconPrefix, wrapperStyle: style, progressDot: progressDot }, child.props);
// fix tail color
if (status === 'error' && index === current - 1) {
childProps.className = prefixCls + '-next-error';
}
if (!child.props.status) {
if (index === current) {
childProps.status = status;
} else if (index < current) {
childProps.status = 'finish';
} else {
childProps.status = 'wait';
}
}
return (0, _react.cloneElement)(child, childProps);
})
);
}
}]);
return Steps;
}(_react.Component);
exports['default'] = Steps;
Steps.defaultProps = {
prefixCls: 'rmc-steps',
iconPrefix: 'rmc',
direction: 'horizontal',
labelPlacement: 'horizontal',
current: 0,
status: 'process',
size: '',
progressDot: false
};
module.exports = exports['default'];