@ant-design/react-native/es/search-bar/index.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");var _getLocale=require("../_util/getLocale");var _icon=_interopRequireDefault(require("../icon"));var _localeProvider=require("../locale-provider");var _style=require("../style");var _PropsType=require("./PropsType");var _index=_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 __rest=this&&this.__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 SearchBar=function(_React$Component){function SearchBar(props){var _this2;(0,_classCallCheck2.default)(this,SearchBar);_this2=_callSuper(this,SearchBar,[props]);_this2.onSubmit=function(_){if(_this2.props.onSubmit){_this2.props.onSubmit(_this2.state.value||'');}};_this2.onChangeText=function(value){if(!('value'in _this2.props)){_this2.setState({value:value});}if(_this2.props.onChange){_this2.props.onChange(value);}};_this2.onCancel=function(){if(_this2.props.onCancel){_this2.props.onCancel(_this2.state.value||'');}};_this2.onFocus=function(e){_this2.setState({focus:true});if(_this2.props.onFocus){_this2.props.onFocus(e);}};_this2.onBlur=function(e){_this2.setState({focus:false});if(_this2.props.onBlur){_this2.props.onBlur(e);}};var value;if('value'in props){value=props.value;}else if('defaultValue'in props){value=props.defaultValue;}else{value='';}_this2.state={value:value,focus:false};return _this2;}(0,_inherits2.default)(SearchBar,_React$Component);return(0,_createClass2.default)(SearchBar,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){if('value'in nextProps){this.setState({value:nextProps.value});}}},{key:"render",value:function render(){var _this3=this;var _a=this.props,showCancelButton=_a.showCancelButton,styles=_a.styles,cancelText=_a.cancelText,_=_a.onChange,disabled=_a.disabled,style=_a.style,restProps=__rest(_a,["showCancelButton","styles","cancelText","onChange","disabled","style"]);var _locale=(0,_getLocale.getComponentLocale)(this.props,this.context,'SearchBar',function(){return require('./locale/zh_CN');});var _this$state=this.state,value=_this$state.value,focus=_this$state.focus;var _showCancelButton=showCancelButton||focus;return _react.default.createElement(_style.WithTheme,{styles:styles,themeStyles:_index.default},function(_styles,theme){return _react.default.createElement(_reactNative.View,{style:_styles.wrapper},_react.default.createElement(_reactNative.View,{style:_styles.inputWrapper},_react.default.createElement(_reactNative.TextInput,(0,_extends2.default)({clearButtonMode:"always",underlineColorAndroid:"transparent",placeholderTextColor:theme.color_text_placeholder,editable:!disabled},restProps,{style:[_styles.input,style],ref:function ref(el){return _this3.inputRef=el;},value:value,onChangeText:_this3.onChangeText,onSubmitEditing:_this3.onSubmit,onFocus:_this3.onFocus,onBlur:_this3.onBlur}))),_react.default.createElement(_icon.default,{name:"search",style:_styles.search}),_showCancelButton&&_react.default.createElement(_reactNative.View,{style:_styles.cancelTextContainer},_react.default.createElement(_reactNative.Text,{style:_styles.cancelText,onPress:_this3.onCancel},cancelText||_locale.cancelText)));});}}]);}(_react.default.Component);SearchBar.defaultProps=(0,_extends2.default)({},_PropsType.defaultProps);SearchBar.contextType=_localeProvider.LocaleContext;var _default=SearchBar;exports.default=_default;