@ucloud-fe/react-components 1.12.0 → 1.12.1

package/lib/components/Steps/Step.js

@@ -31,7 +31,7 @@ var _StepIcon = _interopRequireDefault(require("./StepIcon"));
 
 var _style = require("./style");
 
-var _excluded = ["status", "step", "remark", "title", "isLast"];
+var _excluded = ["status", "step", "remark", "title", "isLast", "showTitle"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -60,10 +60,12 @@ var Step = /*#__PURE__*/function (_PureComponent) {
           remark = _this$props.remark,
           title = _this$props.title,
           isLast = _this$props.isLast,
+          showTitle = _this$props.showTitle,
           rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       return /*#__PURE__*/_react.default.createElement(_style.StepWrapper, (0, _extends2.default)({
         status: status,
-        isLast: isLast
+        isLast: isLast,
+        showTitle: showTitle
       }, rest, {
         className: "".concat(_style.stepWrapperCls, " ").concat(rest.className ? rest.className : '')
       }), /*#__PURE__*/_react.default.createElement("div", {
@@ -84,5 +86,6 @@ Step.propTypes = {
   remark: _propTypes.default.node,
   title: _propTypes.default.node,
   isLast: _propTypes.default.bool,
-  disabled: _propTypes.default.bool
+  disabled: _propTypes.default.bool,
+  showTitle: _propTypes.default.bool
 };

package/lib/components/Steps/Steps.js

@@ -34,7 +34,7 @@ var _style = require("./style");
 var _Step = _interopRequireDefault(require("./Step"));
 
 var _excluded = ["key", "step", "status"],
-    _excluded2 = ["steps", "current", "status", "onChange", "direction"];
+    _excluded2 = ["steps", "current", "status", "onChange", "direction", "nowrap"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -72,7 +72,8 @@ var Steps = /*#__PURE__*/function (_Component) {
           current = _ref.current,
           status = _ref.status,
           direction = _ref.direction,
-          onChange = _ref.onChange;
+          onChange = _ref.onChange,
+          nowrap = _ref.nowrap;
       var pos = 'before';
       var l = steps.length;
       return steps.map(function (step, i) {
@@ -119,6 +120,7 @@ var Steps = /*#__PURE__*/function (_Component) {
           status: finalStatus,
           canHover: canHover,
           showTitle: showTitle,
+          nowrap: nowrap,
           onClick: function () {
             (0, _newArrowCheck2.default)(this, _this4);
 
@@ -130,6 +132,7 @@ var Steps = /*#__PURE__*/function (_Component) {
           key: "step-".concat(key),
           status: finalStatus,
           step: stepContent,
+          showTitle: showTitle,
           isLast: i === l - 1 ? true : false
         })));
       }.bind(this));
@@ -147,15 +150,18 @@ var Steps = /*#__PURE__*/function (_Component) {
           status = _this$props.status,
           onChange = _this$props.onChange,
           direction = _this$props.direction,
+          nowrap = _this$props.nowrap,
           rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded2);
       return /*#__PURE__*/_react.default.createElement(_style.StepsWrapper, (0, _extends2.default)({
-        direction: direction
+        direction: direction,
+        nowrap: nowrap
       }, rest), this.renderSteps({
         steps: steps,
         current: current,
         status: status,
         direction: direction,
-        onChange: onChange
+        onChange: onChange,
+        nowrap: nowrap
       }));
     }
   }]);
@@ -196,11 +202,17 @@ Steps.propTypes = {
   /**
    * 指定步骤条方向 , 默认是horizontal
    */
-  direction: _propTypes.default.oneOf(['horizontal', 'vertical'])
+  direction: _propTypes.default.oneOf(['horizontal', 'vertical']),
+
+  /**
+   * 横向场景，不换行, 默认是false
+   */
+  nowrap: _propTypes.default.bool
 };
 Steps.defaultProps = {
   status: 'current',
-  direction: 'horizontal'
+  direction: 'horizontal',
+  nowrap: false
 };
 var _default = Steps;
 exports.default = _default;