@ant-design/react-native/lib/input-item/demo/basic.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 _=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 BasicInputItemExample=function(_React$Component){(0,_inherits2["default"])(BasicInputItemExample,_React$Component);var _super=_createSuper(BasicInputItemExample);function BasicInputItemExample(props){var _this;(0,_classCallCheck2["default"])(this,BasicInputItemExample);_this=_super.call(this,props);_this.state={value:'',value1:'',value2:'',value3:'',value4:'',labelnum1:'',labelnum2:'',labelnum3:'',text:'',bankCard:'',phone:'',password:'',number:''};return _this;}(0,_createClass2["default"])(BasicInputItemExample,[{key:"render",value:function render(){var _this2=this;return _react["default"].createElement(_reactNative.ScrollView,{style:{flex:1},automaticallyAdjustContentInsets:false,showsHorizontalScrollIndicator:false,showsVerticalScrollIndicator:false,keyboardShouldPersistTaps:'handled'},_react["default"].createElement(_.List,{renderHeader:'基本'},_react["default"].createElement(_.InputItem,{clear:true,error:true,value:this.state.value,onChange:function onChange(value){_this2.setState({value:value});},extra:"\u5143",placeholder:"\u6709\u6807\u7B7E"},"\u8F93\u5165\u6846"),_react["default"].createElement(_.InputItem,{clear:true,value:"\u4E0D\u53EF\u7F16\u8F91",onChange:function onChange(value){_this2.setState({value:value});},extra:_react["default"].createElement(_reactNative.Text,null,"\u5143"),placeholder:"\u4E0D\u53EF\u7F16\u8F91",editable:false},"\u8F93\u5165\u6846"),_react["default"].createElement(_.InputItem,{clear:true,value:"disabled",onChange:function onChange(value){_this2.setState({value:value});},extra:_react["default"].createElement(_reactNative.Text,null,"\u5143"),placeholder:"disabled",disabled:true},"\u8F93\u5165\u6846"),_react["default"].createElement(_.InputItem,{clear:true,value:this.state.value1,onChange:function onChange(value){_this2.setState({value1:value});},placeholder:"\u65E0\u6807\u7B7E"}),_react["default"].createElement(_.InputItem,{defaultValue:"xx",clear:true,placeholder:"\u81EA\u52A8\u83B7\u53D6\u5149\u6807",autoFocus:typeof jest==='undefined'},"\u6807\u9898"),_react["default"].createElement(_.InputItem,{clear:true,placeholder:"\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u8BE5\u8F93\u5165\u6846\u4F1A\u83B7\u53D6\u5149\u6807",ref:function ref(el){return _this2.inputRef=el;}},"\u6807\u9898"),_react["default"].createElement(_.List.Item,null,_react["default"].createElement(_.Button,{onPress:function onPress(){_this2.inputRef.focus();},type:"primary"},"\u70B9\u51FB\u83B7\u53D6\u5149\u6807"))),_react["default"].createElement(_.List,{renderHeader:'固定标签字数'},_react["default"].createElement(_.InputItem,{clear:true,value:this.state.labelnum1,onChange:function onChange(value){_this2.setState({labelnum1:value});},labelNumber:2,placeholder:"\u4E24\u4E2A\u5B57\u6807\u7B7E"},"\u59D3\u540D"),_react["default"].createElement(_.InputItem,{clear:true,value:this.state.labelnum2,onChange:function onChange(value){_this2.setState({labelnum2:value});},labelNumber:3,placeholder:"\u4E09\u4E2A\u5B57\u6807\u7B7E"},"\u6821\u9A8C\u7801"),_react["default"].createElement(_.InputItem,{clear:true,value:this.state.labelnum3,onChange:function onChange(value){_this2.setState({labelnum3:value});},labelNumber:4,placeholder:"\u56DB\u4E2A\u5B57\u6807\u7B7E\uFF08\u9ED8\u8BA4\uFF09"},"\u56DB\u5B57\u6807\u7B7E")),_react["default"].createElement(_.List,{renderHeader:'格式'},_react["default"].createElement(_.InputItem,{clear:true,error:true,value:this.state.text,onChange:function onChange(value){_this2.setState({text:value});},placeholder:"text"},"\u6587\u672C\u8F93\u5165"),_react["default"].createElement(_.InputItem,{clear:true,type:"bankCard",value:this.state.bankcard,onChange:function onChange(value){_this2.setState({bankcard:value});},placeholder:"bankCard"},"\u94F6\u884C\u5361"),_react["default"].createElement(_.InputItem,{clear:true,type:"phone",value:this.state.phone,onChange:function onChange(value){_this2.setState({phone:value});},placeholder:"phone"},"\u624B\u673A\u53F7"),_react["default"].createElement(_.InputItem,{clear:true,type:"password",value:this.state.password,onChange:function onChange(value){_this2.setState({password:value});},placeholder:"password"},"\u5BC6\u7801"),_react["default"].createElement(_.InputItem,{clear:true,type:"number",value:this.state.number,onChange:function onChange(value){_this2.setState({number:value});},placeholder:"number"},"\u6570\u5B57")));}}]);return BasicInputItemExample;}(_react["default"].Component);exports["default"]=BasicInputItemExample;