@ant-design/react-native/lib/flex/Flex.js

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

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));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");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 __rest=void 0&&(void 0).__rest||function(s,e){var t={};for(var p in s){if(Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0)t[p]=s[p];}if(s!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++){if(e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i]))t[p[i]]=s[p[i]];}return t;};var Flex=function(_React$Component){(0,_inherits2["default"])(Flex,_React$Component);var _super=_createSuper(Flex);function Flex(){(0,_classCallCheck2["default"])(this,Flex);return _super.apply(this,arguments);}(0,_createClass2["default"])(Flex,[{key:"render",value:function render(){var _a=this.props,style=_a.style,direction=_a.direction,wrap=_a.wrap,justify=_a.justify,align=_a.align,children=_a.children,restProps=__rest(_a,["style","direction","wrap","justify","align","children"]);var transferConst=[justify,align];var transferConstStyle=transferConst.map(function(el){var tempTxt;switch(el){case'start':tempTxt='flex-start';break;case'end':tempTxt='flex-end';break;case'between':tempTxt='space-between';break;case'around':tempTxt='space-around';break;default:tempTxt=el;break;}return tempTxt;});var flexStyle={flexDirection:direction,flexWrap:wrap,justifyContent:transferConstStyle[0],alignItems:transferConstStyle[1]};var inner=_react["default"].createElement(_reactNative.View,(0,_extends2["default"])({style:[flexStyle,style]},restProps),children);var shouldWrapInTouchableComponent=restProps.onPress||restProps.onLongPress||restProps.onPressIn||restProps.onPressOut;if(shouldWrapInTouchableComponent){return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({},restProps),inner);}else{return inner;}}}]);return Flex;}(_react["default"].Component);exports["default"]=Flex;Flex.defaultProps={direction:'row',wrap:'nowrap',justify:'start',align:'center'};