@ant-design/react-native/es/steps/demo/basic.js

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

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 _=require("../../");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 Step=_.Steps.Step;var BasicTimelineExample=function(_React$Component){(0,_inherits2["default"])(BasicTimelineExample,_React$Component);var _super=_createSuper(BasicTimelineExample);function BasicTimelineExample(props){var _this;(0,_classCallCheck2["default"])(this,BasicTimelineExample);_this=_super.call(this,props);_this.state={steps1:[{title:'Finished',description:'This is description'},{title:'In Progress',description:'This is description'},{title:'Waiting',description:'This is description'}],steps2:[{title:'Finished',description:'This is description',status:'finish'},{title:'In Progress',description:'This is description',status:'process'},{title:'Waiting',description:'This is description',status:'error'},{title:'Waiting',description:'This is description',status:'wait'}]};return _this;}(0,_createClass2["default"])(BasicTimelineExample,[{key:"render",value:function render(){return _react["default"].createElement(_reactNative.ScrollView,{style:{flex:1},automaticallyAdjustContentInsets:false,showsHorizontalScrollIndicator:false,showsVerticalScrollIndicator:false},_react["default"].createElement(_reactNative.View,{style:{marginTop:60}},_react["default"].createElement(_.WingBlank,{size:"lg"},_react["default"].createElement(_.Steps,{size:"small",current:1,direction:"horizontal"},this.state.steps1.map(function(item,index){return _react["default"].createElement(Step,{key:index,title:_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_reactNative.Text,null,"title:",item.title)),status:item.status});})))),_react["default"].createElement(_reactNative.View,{style:{marginTop:60}},_react["default"].createElement(_.WingBlank,{size:"lg"},_react["default"].createElement(_.Steps,{size:"small",current:1},this.state.steps1.map(function(item,index){return _react["default"].createElement(Step,{key:index,title:_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_reactNative.Text,null,"title:",item.title)),description:_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_reactNative.Text,null,"desc:",item.description)),status:item.status});})))),_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_.WingBlank,{size:"lg"},_react["default"].createElement(_.Steps,{size:"small"},this.state.steps2.map(function(item,index){return _react["default"].createElement(Step,{key:index,title:item.title,description:item.description,status:item.status});})))),_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_.WingBlank,{size:"lg"},_react["default"].createElement(_.Steps,{current:1},this.state.steps1.map(function(item,index){return _react["default"].createElement(Step,{key:index,title:item.title,description:item.description,status:item.status});})))),_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_.WingBlank,{size:"lg"},_react["default"].createElement(_.Steps,null,this.state.steps2.map(function(item,index){return _react["default"].createElement(Step,{key:index,title:item.title,description:item.description,status:item.status});})))),_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_.WingBlank,{size:"lg"},_react["default"].createElement(_.Steps,{current:1},_react["default"].createElement(Step,{key:0,title:"Finished",description:"This is description",status:"finish"}),_react["default"].createElement(Step,{key:1,title:"Progress",description:"This is description",status:"progress"}),_react["default"].createElement(Step,{key:2,title:"Wait",description:"This is description",status:"wait",icon:_react["default"].createElement(_.Icon,{name:"down",size:20,color:"white"})})))),_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_.WingBlank,{size:"lg"},_react["default"].createElement(_.Steps,{current:1},_react["default"].createElement(Step,{key:0,title:"Finished",description:"This is description",status:"finish",renderIcon:function renderIcon(_ref){var starting=_ref.starting,waiting=_ref.waiting,error=_ref.error;var icon;if(starting){icon=_react["default"].createElement(_.Icon,{name:"home"});}else if(waiting){icon=_react["default"].createElement(_.Icon,{name:"user"});}else if(error){icon=_react["default"].createElement(_.Icon,{name:"star"});}return icon;}}),_react["default"].createElement(Step,{key:1,title:"Progress",description:"This is description",status:"progress",renderIcon:function renderIcon(_ref2){var starting=_ref2.starting,waiting=_ref2.waiting,error=_ref2.error;var icon;if(starting){icon=_react["default"].createElement(_.Icon,{name:"home"});}else if(waiting){icon=_react["default"].createElement(_.Icon,{name:"user"});}else if(error){icon=_react["default"].createElement(_.Icon,{name:"star"});}return icon;}}),_react["default"].createElement(Step,{key:2,title:"Wait",description:"This is description",status:"wait",renderIcon:function renderIcon(_ref3){var starting=_ref3.starting,waiting=_ref3.waiting,error=_ref3.error;var icon;if(starting){icon=_react["default"].createElement(_.Icon,{name:"home"});}else if(waiting){icon=_react["default"].createElement(_.Icon,{name:"user"});}else if(error){icon=_react["default"].createElement(_.Icon,{name:"star"});}return icon;}}),_react["default"].createElement(Step,{key:3,title:"Wait",description:"This is description",status:"error",renderIcon:function renderIcon(_ref4){var starting=_ref4.starting,waiting=_ref4.waiting,error=_ref4.error;var icon;if(starting){icon=_react["default"].createElement(_.Icon,{name:"home"});}else if(waiting){icon=_react["default"].createElement(_.Icon,{name:"user"});}else if(error){icon=_react["default"].createElement(_.Icon,{name:"star"});}return icon;}})))));}}]);return BasicTimelineExample;}(_react["default"].Component);exports["default"]=BasicTimelineExample;