@ant-design/react-native/es/input-item/Input.js

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

"use client";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 _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");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 Input=function(_React$Component){function Input(props){var _this2;(0,_classCallCheck2.default)(this,Input);_this2=_callSuper(this,Input,[props]);_this2.focus=function(){if(_this2.inputRef){_this2.inputRef.focus();}};_this2.clear=function(){if(_this2.inputRef){_this2.inputRef.clear();}};_this2.state={focused:props.focused||false};return _this2;}(0,_inherits2.default)(Input,_React$Component);return(0,_createClass2.default)(Input,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){if(nextProps.focused!==this.state.focused){this.setState({focused:nextProps.focused});}}},{key:"componentDidMount",value:function componentDidMount(){if(this.inputRef&&(this.props.autoFocus||this.props.focused)){this.inputRef.focus();}}},{key:"componentDidUpdate",value:function componentDidUpdate(){if(this.inputRef&&this.props.focused){this.inputRef.focus();}}},{key:"render",value:function render(){var _this3=this;return _react.default.createElement(_reactNative.TextInput,(0,_extends2.default)({ref:function ref(el){return _this3.inputRef=el;},underlineColorAndroid:"transparent"},this.props));}}]);}(_react.default.Component);var _default=Input;exports.default=_default;