rc-steps - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

HISTORY.md

 # History
 ----
 
-## 
+## 1.0.3
+
+* support `prefixCls` property

lib/Step.js

@@ -10,13 +10,14 @@ 'use strict';
     var props = this.props;
+    var prefixCls = props.prefixCls;
     var icon = props.icon ? props.icon : props.status !== 'finish' ? React.createElement(
       'span',
-      { className: 'rc-steps-icon' },
+      { className: prefixCls + '-steps-icon' },
       props.stepNumber
-    ) : React.createElement('span', { className: 'rc-steps-icon anticon anticon-check' });
+    ) : React.createElement('span', { className: prefixCls + '-steps-icon ' + prefixCls + 'icon ' + prefixCls + 'icon-check' });
     return React.createElement(
       'div',
-      { className: 'rc-steps-item rc-steps-status-' + props.status + (props.icon ? ' rc-steps-custom' : '') },
+      { className: prefixCls + '-steps-item ' + prefixCls + '-steps-status-' + props.status + (props.icon ? ' ' + prefixCls + '-steps-custom' : '') },
       React.createElement(
         'div',
-        { className: 'rc-steps-head' },
+        { className: prefixCls + '-steps-head' },
         icon
@@ -26,6 +27,6 @@ ),
         'div',
-        { className: 'rc-steps-main' },
+        { className: prefixCls + '-steps-main' },
         React.createElement(
           'div',
-          { className: 'rc-steps-title' },
+          { className: prefixCls + '-steps-title' },
           props.title
@@ -35,3 +36,3 @@ ),
           'div',
-          { className: 'rc-steps-description' },
+          { className: prefixCls + '-steps-description' },
           props.description
@@ -42,3 +43,3 @@ )
         'div',
-        { className: 'rc-steps-tail', style: { width: props.tailWidth } },
+        { className: prefixCls + '-steps-tail', style: { width: props.tailWidth } },
         React.createElement('i', null)
@@ -45,0 +46,0 @@ ) : ''

lib/Steps.js

@@ -62,2 +62,3 @@ 'use strict';
     var props = this.props;
+    var prefixCls = props.prefixCls ? props.prefixCls : 'rc';
     var children = props.children;
@@ -67,3 +68,3 @@ var len = children.length - 1;
       'div',
-      { className: 'rc-steps' + (this.state.init ? '' : ' rc-steps-init') + (props.size === 'small' ? ' rc-steps-small' : '') },
+      { className: prefixCls + '-steps' + (this.state.init ? '' : ' ' + prefixCls + '-steps-init') + (props.size === 'small' ? ' ' + prefixCls + '-steps-small' : '') },
       React.Children.map(children, function (ele, idx) {
@@ -73,3 +74,4 @@ var np = {
           stepLast: idx === len,
-          tailWidth: this.state.tailWidth
+          tailWidth: this.state.tailWidth,
+          prefixCls: prefixCls
         };
@@ -76,0 +78,0 @@ return React.cloneElement(ele, np);

package.json

 {
   "name": "rc-steps",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Worsened metrics

Total package byte prevSize

5859

decreased by-68.55%

Number of package files

6

decreased by-25%

Lines of code

120

decreased by-83.54%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes