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

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

"use strict";"use client";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 _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _index=_interopRequireDefault(require("../button/index"));var _style=require("../style");var _index2=_interopRequireDefault(require("./style/index"));function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=(0,_getPrototypeOf2.default)(derived);return(0,_possibleConstructorReturn2.default)(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],(0,_getPrototypeOf2.default)(_this).constructor):derived.apply(_this,args));}var Result=function(_React$Component){function Result(){(0,_classCallCheck2.default)(this,Result);return _callSuper(this,Result,arguments);}(0,_inherits2.default)(Result,_React$Component);return(0,_createClass2.default)(Result,[{key:"render",value:function render(){var _this$props=this.props,style=_this$props.style,img=_this$props.img,imgUrl=_this$props.imgUrl,title=_this$props.title,message=_this$props.message,buttonText=_this$props.buttonText,onButtonClick=_this$props.onButtonClick,buttonType=_this$props.buttonType;return _react.default.createElement(_style.WithTheme,{styles:this.props.styles,themeStyles:_index2.default},function(styles){var imgContent=null;if(img){imgContent=_react.default.createElement(_reactNative.View,{style:styles.imgWrap},img);}else if(imgUrl){imgContent=_react.default.createElement(_reactNative.View,{style:styles.imgWrap},_react.default.createElement(_reactNative.Image,{source:imgUrl,style:styles.img}));}return _react.default.createElement(_reactNative.View,{style:[styles.result,style]},imgContent,title?_react.default.createElement(_reactNative.View,{style:styles.title},typeof title==='string'?_react.default.createElement(_reactNative.Text,{style:styles.titleText},title):title):null,message?_react.default.createElement(_reactNative.View,{style:styles.message},typeof message==='string'?_react.default.createElement(_reactNative.Text,{style:styles.messageText},message):message):null,buttonText?_react.default.createElement(_reactNative.View,{style:styles.buttonWrap},_react.default.createElement(_index.default,{style:styles.button,type:buttonType,onPress:onButtonClick},buttonText)):null);});}}]);}(_react.default.Component);exports.default=Result;