rc-steps - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

HISTORY.md

 # History
 ----
 
+## 2.1.0
+
+* Add `labelPlacement`, support vertial title and description
+
+## 2.0.0
+
+* Refactor for better layout
+
 ## 1.5
 
-* add `status` property of `Steps` 
+* add `status` property of `Steps`
 
@@ -8,0 +16,0 @@ ## 1.4

lib/Step.js

@@ -58,22 +58,26 @@ 'use strict';
       'div',
-      { className: prefixCls + '-head' },
+      { className: prefixCls + '-step' },
       _react2["default"].createElement(
         'div',
-        { className: prefixCls + '-head-inner' },
-        iconNode
-      )
-    ),
-    _react2["default"].createElement(
-      'div',
-      { className: prefixCls + '-main' },
+        { className: prefixCls + '-head' },
+        _react2["default"].createElement(
+          'div',
+          { className: prefixCls + '-head-inner' },
+          iconNode
+        )
+      ),
       _react2["default"].createElement(
         'div',
-        { className: prefixCls + '-title' },
-        title
-      ),
-      description ? _react2["default"].createElement(
-        'div',
-        { className: prefixCls + '-description' },
-        description
-      ) : ''
+        { className: prefixCls + '-main' },
+        _react2["default"].createElement(
+          'div',
+          { className: prefixCls + '-title' },
+          title
+        ),
+        description ? _react2["default"].createElement(
+          'div',
+          { className: prefixCls + '-description' },
+          description
+        ) : ''
+      )
     )
@@ -80,0 +84,0 @@ );

lib/Steps.js

@@ -83,2 +83,3 @@ 'use strict';
       var direction = props.direction;
+      var labelPlacement = props.labelPlacement;
       var iconPrefix = props.iconPrefix;
@@ -88,6 +89,6 @@ var status = props.status;
 
-      var restProps = _objectWithoutProperties(props, ['prefixCls', 'className', 'children', 'direction', 'iconPrefix', 'status', 'size']);
+      var restProps = _objectWithoutProperties(props, ['prefixCls', 'className', 'children', 'direction', 'labelPlacement', 'iconPrefix', 'status', 'size']);
 
       var lastIndex = children.length - 1;
-      var classString = (0, _classnames2["default"])((_classNames = {}, _defineProperty(_classNames, prefixCls, true), _defineProperty(_classNames, prefixCls + '-' + size, size), _defineProperty(_classNames, prefixCls + '-' + direction, true), _defineProperty(_classNames, prefixCls + '-hidden', this.state.lastStepOffsetWidth === 0), _defineProperty(_classNames, className, className), _classNames));
+      var classString = (0, _classnames2["default"])((_classNames = {}, _defineProperty(_classNames, prefixCls, true), _defineProperty(_classNames, prefixCls + '-' + size, size), _defineProperty(_classNames, prefixCls + '-' + direction, true), _defineProperty(_classNames, prefixCls + '-label-' + labelPlacement, direction === 'horizontal'), _defineProperty(_classNames, prefixCls + '-hidden', this.state.lastStepOffsetWidth === 0), _defineProperty(_classNames, className, className), _classNames));
 
@@ -98,4 +99,4 @@ return _react2["default"].createElement(
         _react2["default"].Children.map(children, function (ele, idx) {
-          var tailWidth = props.direction === 'vertical' || idx === lastIndex ? null : 100 / lastIndex + '%';
-          var adjustMarginRight = props.direction === 'vertical' || idx === lastIndex ? null : -(_this2.state.lastStepOffsetWidth / lastIndex + 1);
+          var tailWidth = direction === 'vertical' || idx === lastIndex ? null : 100 / lastIndex + '%';
+          var adjustMarginRight = direction === 'vertical' || idx === lastIndex ? null : -(_this2.state.lastStepOffsetWidth / lastIndex + 1);
           var np = {
@@ -140,2 +141,3 @@ stepNumber: (idx + 1).toString(),
   direction: _react.PropTypes.string,
+  labelPlacement: _react.PropTypes.string,
   children: _react.PropTypes.any,
@@ -150,2 +152,3 @@ status: _react.PropTypes.string,
   direction: 'horizontal',
+  labelPlacement: 'horizontal',
   current: 0,
@@ -152,0 +155,0 @@ status: 'process',

package.json

 {
   "name": "rc-steps",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "steps ui component for react",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

31476

increased by3.88%

Lines of code

1014

increased by3.58%

No dependency changes