zent/steps/dist/main.js

一套前端设计语言和基于React的实现

(function webpackUniversalModuleDefinition(root, factory) {
	if(typeof define === 'function' && define.amd)
		define(["react", "react-dom"], factory);
	else if(typeof exports === 'object' && typeof module === 'object')
		module.exports = factory(require("react"), require("react-dom"));
	else if(typeof exports === 'object')
		exports["zent-steps"] = factory(require("react"), require("react-dom"));
	else
		root["zent-steps"] = factory(root["React"], root["ReactDOM"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_5__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__(1);


/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {

	'use strict';

	Object.defineProperty(exports, "__esModule", {
	  value: true
	});

	var _Steps = __webpack_require__(2);

	var _Steps2 = _interopRequireDefault(_Steps);

	var _Step = __webpack_require__(11);

	var _Step2 = _interopRequireDefault(_Step);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

	_Steps2['default'].Step = _Step2['default'];

	exports['default'] = _Steps2['default'];
	module.exports = exports['default'];

/***/ },
/* 2 */
/***/ function(module, exports, __webpack_require__) {

	'use strict';

	Object.defineProperty(exports, "__esModule", {
	  value: true
	});
	exports['default'] = undefined;

	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

	var _class, _temp;

	var _react = __webpack_require__(3);

	var _react2 = _interopRequireDefault(_react);

	var _NumberSteps = __webpack_require__(4);

	var _NumberSteps2 = _interopRequireDefault(_NumberSteps);

	var _CardSteps = __webpack_require__(9);

	var _CardSteps2 = _interopRequireDefault(_CardSteps);

	var _BreadcrumbSteps = __webpack_require__(10);

	var _BreadcrumbSteps2 = _interopRequireDefault(_BreadcrumbSteps);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

	function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

	var Steps = (_temp = _class = function (_Component) {
	  _inherits(Steps, _Component);

	  function Steps() {
	    _classCallCheck(this, Steps);

	    return _possibleConstructorReturn(this, (Steps.__proto__ || Object.getPrototypeOf(Steps)).apply(this, arguments));
	  }

	  _createClass(Steps, [{
	    key: 'render',
	    value: function render() {
	      var props = this.props;

	      var type = props.type,
	          children = props.children,
	          restProps = _objectWithoutProperties(props, ['type', 'children']);

	      var typeComponentMapping = {
	        number: _NumberSteps2['default'],
	        card: _CardSteps2['default'],
	        breadcrumb: _BreadcrumbSteps2['default']
	      };

	      var StepsComponent = typeComponentMapping[type];

	      return _react2['default'].createElement(
	        StepsComponent,
	        restProps,
	        children
	      );
	    }
	  }]);

	  return Steps;
	}(_react.Component), _class.propTypes = {
	  className: _react.PropTypes.string,
	  prefix: _react.PropTypes.string,
	  children: _react.PropTypes.any,
	  type: _react.PropTypes.string,
	  current: _react.PropTypes.number,
	  direction: _react.PropTypes.string,
	  size: _react.PropTypes.string,
	  status: _react.PropTypes.string
	}, _class.defaultProps = {
	  className: '',
	  prefix: 'zent',
	  type: 'number',
	  current: 0,
	  direction: 'horizontal',
	  size: 'normal',
	  status: 'finish'
	}, _temp);
	exports['default'] = Steps;
	module.exports = exports['default'];

/***/ },
/* 3 */
/***/ function(module, exports) {

	module.exports = __WEBPACK_EXTERNAL_MODULE_3__;

/***/ },
/* 4 */
/***/ function(module, exports, __webpack_require__) {

	'use strict';

	Object.defineProperty(exports, "__esModule", {
	  value: true
	});
	exports['default'] = undefined;

	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

	var _react = __webpack_require__(3);

	var _react2 = _interopRequireDefault(_react);

	var _reactDom = __webpack_require__(5);

	var _reactDom2 = _interopRequireDefault(_reactDom);

	var _classnames = __webpack_require__(6);

	var _classnames2 = _interopRequireDefault(_classnames);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

	function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

	var NumberSteps = function (_Component) {
	  _inherits(NumberSteps, _Component);

	  function NumberSteps(props) {
	    _classCallCheck(this, NumberSteps);

	    var _this = _possibleConstructorReturn(this, (NumberSteps.__proto__ || Object.getPrototypeOf(NumberSteps)).call(this, props));

	    _this.culcLastStepOffsetWidth = function () {
	      var domNode = _reactDom2['default'].findDOMNode(_this);
	      if (domNode.children.length > 0) {
	        // +1 for fit edge bug of digit width, like 35.4px
	        var lastStepOffsetWidth = domNode.lastChild.offsetWidth + 1;
	        if (isNaN(lastStepOffsetWidth) || _this.state.lastStepOffsetWidth === lastStepOffsetWidth) {
	          return;
	        }

	        _this.setState({ lastStepOffsetWidth: lastStepOffsetWidth });
	      }
	    };

	    _this.state = {
	      lastStepOffsetWidth: 0
	    };
	    return _this;
	  }

	  _createClass(NumberSteps, [{
	    key: 'componentDidMount',
	    value: function componentDidMount() {
	      this.culcLastStepOffsetWidth();
	    }
	  }, {
	    key: 'componentDidUpdate',
	    value: function componentDidUpdate() {
	      this.culcLastStepOffsetWidth();
	    }
	  }, {
	    key: 'render',
	    value: function render() {
	      var _classNames,
	          _this2 = this;

	      var props = this.props;
	      var className = props.className,
	          prefix = props.prefix,
	          children = props.children,
	          current = props.current,
	          status = props.status;

	      var lastIndex = children.length - 1;
	      var reLayouted = this.state.lastStepOffsetWidth > 0;
	      var classString = (0, _classnames2['default'])((_classNames = {}, _defineProperty(_classNames, prefix + '-steps', true), _defineProperty(_classNames, '' + className, true), _classNames));

	      return _react2['default'].createElement(
	        'div',
	        { className: classString },
	        _react2['default'].Children.map(children, function (item, index) {
	          var tailWidth = index === lastIndex || !reLayouted ? null : 100 / lastIndex + '%';

	          var adjustMarginRight = index === lastIndex ? null : -(_this2.state.lastStepOffsetWidth / lastIndex + 1);

	          var np = {
	            stepNumber: (index + 1).toString(),
	            stepLast: index === lastIndex,
	            isCurrentStep: index === current - 1,
	            isLastFinishStep: status === 'error' && index === current - 2,
	            tailWidth: tailWidth,
	            adjustMarginRight: adjustMarginRight,
	            prefix: prefix,
	            status: 'wait'
	          };

	          if (!item.props.status) {
	            if (index === current - 1) {
	              np.status = status;
	            } else if (index < current - 1) {
	              np.status = 'finish';
	            } else {
	              np.status = 'wait';
	            }
	          }

	          return _react2['default'].cloneElement(item, np);
	        }, this)
	      );
	    }
	  }]);

	  return NumberSteps;
	}(_react.Component);

	exports['default'] = NumberSteps;
	module.exports = exports['default'];

/***/ },
/* 5 */
/***/ function(module, exports) {

	module.exports = __WEBPACK_EXTERNAL_MODULE_5__;

/***/ },
/* 6 */
/***/ function(module, exports, __webpack_require__) {

	'use strict';

	Object.defineProperty(exports, "__esModule", {
	  value: true
	});

	var _classnames = __webpack_require__(7);

	Object.defineProperty(exports, 'default', {
	  enumerable: true,
	  get: function get() {
	    return _interopRequireDefault(_classnames)['default'];
	  }
	});

	function _interopRequireDefault(obj) {
	  return obj && obj.__esModule ? obj : { 'default': obj };
	}

	module.exports = exports['default'];

/***/ },
/* 7 */
/***/ function(module, exports, __webpack_require__) {

	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;'use strict';

	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

	/*!
	  Copyright (c) 2016 Jed Watson.
	  Licensed under the MIT License (MIT), see
	  http://jedwatson.github.io/classnames
	*/
	/* global define */

	(function () {
		'use strict';

		var hasOwn = {}.hasOwnProperty;

		function classNames() {
			var classes = [];

			for (var i = 0; i < arguments.length; i++) {
				var arg = arguments[i];
				if (!arg) continue;

				var argType = typeof arg === 'undefined' ? 'undefined' : _typeof(arg);

				if (argType === 'string' || argType === 'number') {
					classes.push(arg);
				} else if (Array.isArray(arg)) {
					classes.push(classNames.apply(null, arg));
				} else if (argType === 'object') {
					for (var key in arg) {
						if (hasOwn.call(arg, key) && arg[key]) {
							classes.push(key);
						}
					}
				}
			}

			return classes.join(' ');
		}

		if (typeof module !== 'undefined' && module.exports) {
			module.exports = classNames;
		} else if ("function" === 'function' && _typeof(__webpack_require__(8)) === 'object' && __webpack_require__(8)) {
			// register as 'classnames', consistent with npm package name
			!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
				return classNames;
			}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
		} else {
			window.classNames = classNames;
		}
	})();

/***/ },
/* 8 */
/***/ function(module, exports) {

	/* WEBPACK VAR INJECTION */(function(__webpack_amd_options__) {module.exports = __webpack_amd_options__;

	/* WEBPACK VAR INJECTION */}.call(exports, {}))

/***/ },
/* 9 */
/***/ function(module, exports, __webpack_require__) {

	'use strict';

	Object.defineProperty(exports, "__esModule", {
	  value: true
	});
	exports['default'] = undefined;

	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

	var _react = __webpack_require__(3);

	var _react2 = _interopRequireDefault(_react);

	var _classnames = __webpack_require__(6);

	var _classnames2 = _interopRequireDefault(_classnames);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

	function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

	var CardSteps = function (_Component) {
	  _inherits(CardSteps, _Component);

	  function CardSteps() {
	    _classCallCheck(this, CardSteps);

	    return _possibleConstructorReturn(this, (CardSteps.__proto__ || Object.getPrototypeOf(CardSteps)).apply(this, arguments));
	  }

	  _createClass(CardSteps, [{
	    key: 'render',
	    value: function render() {
	      var _classNames;

	      var props = this.props;
	      var className = props.className,
	          prefix = props.prefix,
	          children = props.children,
	          current = props.current;

	      var stepWidth = 100 / children.length + '%';
	      var classString = (0, _classnames2['default'])((_classNames = {}, _defineProperty(_classNames, prefix + '-steps', true), _defineProperty(_classNames, prefix + '-steps-card', true), _defineProperty(_classNames, '' + className, true), _classNames));

	      return _react2['default'].createElement(
	        'div',
	        { className: classString },
	        _react2['default'].Children.map(children, function (item, index) {
	          var currClassName = index === current - 1 ? 'is-current' : '';

	          return _react2['default'].createElement(
	            'div',
	            { className: prefix + '-steps-item ' + currClassName, style: { width: stepWidth } },
	            _react2['default'].createElement(
	              'div',
	              { className: prefix + '-steps-step' },
	              index + 1 + '. ' + item.props.title
	            )
	          );
	        })
	      );
	    }
	  }]);

	  return CardSteps;
	}(_react.Component);

	exports['default'] = CardSteps;
	module.exports = exports['default'];

/***/ },
/* 10 */
/***/ function(module, exports, __webpack_require__) {

	'use strict';

	Object.defineProperty(exports, "__esModule", {
	  value: true
	});
	exports['default'] = undefined;

	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

	var _react = __webpack_require__(3);

	var _react2 = _interopRequireDefault(_react);

	var _classnames = __webpack_require__(6);

	var _classnames2 = _interopRequireDefault(_classnames);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

	function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

	var BreadcrumbSteps = function (_Component) {
	  _inherits(BreadcrumbSteps, _Component);

	  function BreadcrumbSteps() {
	    _classCallCheck(this, BreadcrumbSteps);

	    return _possibleConstructorReturn(this, (BreadcrumbSteps.__proto__ || Object.getPrototypeOf(BreadcrumbSteps)).apply(this, arguments));
	  }

	  _createClass(BreadcrumbSteps, [{
	    key: 'render',
	    value: function render() {
	      var _classNames;

	      var props = this.props;
	      var className = props.className,
	          prefix = props.prefix,
	          children = props.children,
	          current = props.current;

	      var stepWidth = 100 / children.length + '%';
	      var classString = (0, _classnames2['default'])((_classNames = {}, _defineProperty(_classNames, prefix + '-steps', true), _defineProperty(_classNames, prefix + '-steps-breadcrumb', true), _defineProperty(_classNames, '' + className, true), _classNames));

	      return _react2['default'].createElement(
	        'div',
	        { className: classString },
	        _react2['default'].Children.map(children, function (item, index) {
	          var succClassName = index <= current - 1 ? 'is-finish' : '';

	          return _react2['default'].createElement(
	            'div',
	            { className: prefix + '-steps-item ' + succClassName, style: { width: stepWidth } },
	            _react2['default'].createElement(
	              'div',
	              { className: prefix + '-steps-step' },
	              index + 1 + '. ' + item.props.title
	            )
	          );
	        })
	      );
	    }
	  }]);

	  return BreadcrumbSteps;
	}(_react.Component);

	exports['default'] = BreadcrumbSteps;
	module.exports = exports['default'];

/***/ },
/* 11 */
/***/ function(module, exports, __webpack_require__) {

	'use strict';

	Object.defineProperty(exports, "__esModule", {
	  value: true
	});
	exports['default'] = undefined;

	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

	var _class, _temp;

	var _react = __webpack_require__(3);

	var _react2 = _interopRequireDefault(_react);

	var _zentIcon = __webpack_require__(12);

	var _zentIcon2 = _interopRequireDefault(_zentIcon);

	var _classnames = __webpack_require__(6);

	var _classnames2 = _interopRequireDefault(_classnames);

	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

	function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

	var Step = (_temp = _class = function (_Component) {
	  _inherits(Step, _Component);

	  function Step() {
	    _classCallCheck(this, Step);

	    return _possibleConstructorReturn(this, (Step.__proto__ || Object.getPrototypeOf(Step)).apply(this, arguments));
	  }

	  _createClass(Step, [{
	    key: 'render',
	    value: function render() {
	      var _classNames;

	      var props = this.props;

	      var prefix = props.prefix,
	          tailWidth = props.tailWidth,
	          isCurrentStep = props.isCurrentStep,
	          _props$status = props.status,
	          status = _props$status === undefined ? 'wait' : _props$status,
	          isLastFinishStep = props.isLastFinishStep,
	          adjustMarginRight = props.adjustMarginRight,
	          stepLast = props.stepLast,
	          stepNumber = props.stepNumber,
	          title = props.title,
	          description = props.description;


	      var iconNode = void 0;

	      if ((status === 'finish' || status === 'error') && (!isCurrentStep || !isLastFinishStep)) {
	        if (status === 'finish') {
	          iconNode = _react2['default'].createElement(_zentIcon2['default'], { type: 'check-circle' });
	        } else {
	          iconNode = _react2['default'].createElement(_zentIcon2['default'], { type: 'error-circle' });
	        }
	      } else {
	        iconNode = _react2['default'].createElement(
	          'span',
	          { className: prefix + '-icon' },
	          stepNumber
	        );
	      }

	      var classString = (0, _classnames2['default'])((_classNames = {}, _defineProperty(_classNames, prefix + '-steps-item', true), _defineProperty(_classNames, prefix + '-steps-status-finish', status === 'finish'), _defineProperty(_classNames, prefix + '-steps-status-error', status === 'error'), _defineProperty(_classNames, 'is-current', isCurrentStep), _defineProperty(_classNames, 'is-last-finish', isLastFinishStep), _classNames));

	      return _react2['default'].createElement(
	        'div',
	        {
	          className: classString,
	          style: { width: tailWidth, marginRight: adjustMarginRight }
	        },
	        stepLast ? '' : _react2['default'].createElement(
	          'div',
	          { className: prefix + '-steps-tail' },
	          _react2['default'].createElement('i', null)
	        ),
	        _react2['default'].createElement(
	          'div',
	          { className: prefix + '-steps-step' },
	          _react2['default'].createElement(
	            'div',
	            { className: prefix + '-step-head' },
	            _react2['default'].createElement(
	              'div',
	              { className: prefix + '-step-head-inner' },
	              iconNode
	            )
	          ),
	          _react2['default'].createElement(
	            'div',
	            { className: prefix + '-step-main' },
	            _react2['default'].createElement(
	              'div',
	              { className: prefix + '-step-title' },
	              title
	            ),
	            description ? _react2['default'].createElement(
	              'div',
	              { className: prefix + '-step-description' },
	              description
	            ) : ''
	          )
	        )
	      );
	    }
	  }]);

	  return Step;
	}(_react.Component), _class.propTypes = {
	  prefix: _react.PropTypes.string,
	  style: _react.PropTypes.object,
	  wrapperStyle: _react.PropTypes.object,
	  tailWidth: _react.PropTypes.oneOfType([_react.PropTypes.number, _react.PropTypes.string]),
	  adjustMarginRight: _react.PropTypes.oneOfType([_react.PropTypes.number, _react.PropTypes.string]),
	  stepLast: _react.PropTypes.bool,
	  isCurrentStep: _react.PropTypes.bool,
	  isLastFinishStep: _react.PropTypes.bool,
	  stepNumber: _react.PropTypes.string,
	  status: _react.PropTypes.string,
	  title: _react.PropTypes.node.isRequired,
	  description: _react.PropTypes.node
	}, _temp);
	exports['default'] = Step;
	module.exports = exports['default'];

/***/ },
/* 12 */
/***/ function(module, exports, __webpack_require__) {

	'use strict';

	Object.defineProperty(exports, "__esModule", {
	  value: true
	});
	exports['default'] = undefined;

	var _Icon = __webpack_require__(13);

	var _Icon2 = _interopRequireDefault(_Icon);

	function _interopRequireDefault(obj) {
	  return obj && obj.__esModule ? obj : { 'default': obj };
	}

	exports['default'] = _Icon2['default'];
	module.exports = exports['default'];

/***/ },
/* 13 */
/***/ function(module, exports, __webpack_require__) {

	'use strict';

	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

	Object.defineProperty(exports, "__esModule", {
	  value: true
	});
	exports['default'] = undefined;

	var _extends = Object.assign || function (target) {
	  for (var i = 1; i < arguments.length; i++) {
	    var source = arguments[i];for (var key in source) {
	      if (Object.prototype.hasOwnProperty.call(source, key)) {
	        target[key] = source[key];
	      }
	    }
	  }return target;
	};

	var _createClass = function () {
	  function defineProperties(target, props) {
	    for (var i = 0; i < props.length; i++) {
	      var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);
	    }
	  }return function (Constructor, protoProps, staticProps) {
	    if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;
	  };
	}();

	var _class, _temp;

	var _react = __webpack_require__(3);

	var _react2 = _interopRequireDefault(_react);

	var _classnames = __webpack_require__(6);

	var _classnames2 = _interopRequireDefault(_classnames);

	function _interopRequireDefault(obj) {
	  return obj && obj.__esModule ? obj : { 'default': obj };
	}

	function _objectWithoutProperties(obj, keys) {
	  var target = {};for (var i in obj) {
	    if (keys.indexOf(i) >= 0) continue;if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;target[i] = obj[i];
	  }return target;
	}

	function _classCallCheck(instance, Constructor) {
	  if (!(instance instanceof Constructor)) {
	    throw new TypeError("Cannot call a class as a function");
	  }
	}

	function _possibleConstructorReturn(self, call) {
	  if (!self) {
	    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
	  }return call && ((typeof call === 'undefined' ? 'undefined' : _typeof(call)) === "object" || typeof call === "function") ? call : self;
	}

	function _inherits(subClass, superClass) {
	  if (typeof superClass !== "function" && superClass !== null) {
	    throw new TypeError("Super expression must either be null or a function, not " + (typeof superClass === 'undefined' ? 'undefined' : _typeof(superClass)));
	  }subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
	}

	var Icon = (_temp = _class = function (_Component) {
	  _inherits(Icon, _Component);

	  function Icon() {
	    _classCallCheck(this, Icon);

	    return _possibleConstructorReturn(this, (Icon.__proto__ || Object.getPrototypeOf(Icon)).apply(this, arguments));
	  }

	  _createClass(Icon, [{
	    key: 'render',
	    value: function render() {
	      var _props = this.props,
	          type = _props.type,
	          className = _props.className,
	          spin = _props.spin,
	          otherProps = _objectWithoutProperties(_props, ['type', 'className', 'spin']);

	      var cls = (0, _classnames2['default'])('zenticon', 'zenticon-' + type, className, {
	        'zenticon-spin': spin
	      });

	      return _react2['default'].createElement('i', _extends({ className: cls }, otherProps));
	    }
	  }]);

	  return Icon;
	}(_react.Component), _class.propTypes = {
	  type: _react.PropTypes.string.isRequired,
	  className: _react.PropTypes.string,
	  spin: _react.PropTypes.bool
	}, _class.defaultProps = {
	  className: '',
	  spin: false
	}, _temp);
	exports['default'] = Icon;
	module.exports = exports['default'];

/***/ }
/******/ ])
});
;