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

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

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");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 _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _antdMobileDemoData=require("antd-mobile-demo-data");var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _=require("../../");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);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}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 data=require('./data.json');var CustomChildren=function CustomChildren(props){return _react["default"].createElement(_reactNative.TouchableOpacity,{onPress:props.onPress},_react["default"].createElement(_reactNative.View,{style:{height:36,paddingLeft:15,flexDirection:'row',alignItems:'center'}},_react["default"].createElement(_reactNative.Text,{style:{flex:1}},props.children),_react["default"].createElement(_reactNative.Text,{style:{textAlign:'right',color:'#888',marginRight:15}},props.extra)));};function BasicDemo(){var _a;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),visible=_useState2[0],setVisible=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2["default"])(_useState3,2),value=_useState4[0],setValue=_useState4[1];var _useState5=(0,_react.useState)(),_useState6=(0,_slicedToArray2["default"])(_useState5,2),extend=_useState6[0],setExtend=_useState6[1];return _react["default"].createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',backgroundColor:'#fff',paddingVertical:5,paddingLeft:16}},_react["default"].createElement(_.Button,{type:"primary",onPress:function onPress(){setVisible(true);}},"\u9009\u62E9"),_react["default"].createElement(_reactNative.Text,null,((_a=extend===null||extend===void 0?void 0:extend.items)===null||_a===void 0?void 0:_a.map(function(item){return item.label;}).join(','))||' 未选择'),_react["default"].createElement(_.Picker,{data:data,cols:3,onChange:setValue,onClose:function onClose(){setVisible(false);},visible:visible,value:value,onOk:function onOk(v,ext){setValue(v);setExtend(ext);}}));}var PopupExample=function(_React$Component){(0,_inherits2["default"])(PopupExample,_React$Component);var _super=_createSuper(PopupExample);function PopupExample(props){var _this;(0,_classCallCheck2["default"])(this,PopupExample);_this=_super.call(this,props);_this.onPress=function(){setTimeout(function(){_this.setState({data:_antdMobileDemoData.district});},500);};_this.onChange=function(value){_this.setState({value:value});};_this.state={data:[],value:[],pickerValue:[]};return _this;}(0,_createClass2["default"])(PopupExample,[{key:"render",value:function render(){var _this2=this;return _react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"List Children"),_react["default"].createElement(_.List,null,_react["default"].createElement(_.Picker,{visible:this.state.visible,data:data,cols:3,value:this.state.value,onChange:this.onChange},_react["default"].createElement(_.List.Item,{arrow:"horizontal"},"\u7701\u5E02\u9009\u62E9")),_react["default"].createElement(_.Picker,{data:this.state.data,cols:2,value:this.state.value,onChange:this.onChange},_react["default"].createElement(_.List.Item,{arrow:"horizontal",onPress:this.onPress},"\u7701\u5E02\u9009\u62E9(\u5F02\u6B65\u52A0\u8F7D)")),_react["default"].createElement(_.Picker,{title:"\u9009\u62E9\u5730\u533A",data:_antdMobileDemoData.district,cols:2,value:this.state.pickerValue,onChange:function onChange(v){return _this2.setState({pickerValue:v});},onOk:function onOk(v){return _this2.setState({pickerValue:v});}},_react["default"].createElement(CustomChildren,null,"Customized children"))),_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"visible \u63A7\u5236\u663E\u793A/\u9690\u85CF"),_react["default"].createElement(BasicDemo,null));}}]);return PopupExample;}(_react["default"].Component);exports["default"]=PopupExample;