@ant-design/react-native/lib/steps/index.js

基于蚂蚁金服移动设计规范的 React Native 组件库

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _style=require("../style");var _StepsItem=_interopRequireDefault(require("./StepsItem"));var _index=_interopRequireDefault(require("./style/index"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2["default"])(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var Steps=function(_React$Component){(0,_inherits2["default"])(Steps,_React$Component);var _super=_createSuper(Steps);function Steps(props){var _this;(0,_classCallCheck2["default"])(this,Steps);_this=_super.call(this,props);_this.onLayout=function(e){_this.setState({wrapWidth:e.nativeEvent.layout.width});};_this.state={wrapWidth:0};return _this;}(0,_createClass2["default"])(Steps,[{key:"render",value:function render(){var _this2=this;var children=this.props.children;var direction=this.props.direction==='horizontal'?'row':'column';return _react["default"].createElement(_style.WithTheme,{styles:this.props.styles,themeStyles:_index["default"]},function(styles){return _react["default"].createElement(_reactNative.View,{style:{flexDirection:direction},onLayout:function onLayout(e){_this2.onLayout(e);}},_react["default"].Children.map(children,function(ele,idx){var errorTail=-1;if(idx<children.length-1){var status=children[idx+1].props.status;if(status==='error'){errorTail=idx;}}return _react["default"].cloneElement(ele,{index:idx,last:idx===children.length-1,direction:_this2.props.direction,current:_this2.props.current,width:1/(children.length-1)*_this2.state.wrapWidth,size:_this2.props.size,finishIcon:_this2.props.finishIcon,errorTail:errorTail,styles:styles});}));});}}]);return Steps;}(_react["default"].Component);exports["default"]=Steps;Steps.defaultProps={direction:''};Steps.Step=_StepsItem["default"];