f81ac5651a
1. Add eslint plugin spellcheck to check word spell 2. Fix word spell Change-Id: I73d39cf797ef5bdf993b0154816134a1e93f2ed4
73 lines
1.8 KiB
JavaScript
73 lines
1.8 KiB
JavaScript
// Copyright 2021 99cloud
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
import React, { Component } from 'react';
|
|
import { Select } from 'antd';
|
|
|
|
export default class Index extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
value: undefined,
|
|
inputVal: undefined,
|
|
};
|
|
}
|
|
|
|
onChange = (val) => {
|
|
this.setState(
|
|
{
|
|
value: val,
|
|
inputVal: undefined,
|
|
},
|
|
() => {
|
|
const { formRef, onChange, name } = this.props;
|
|
formRef.current && formRef.current.setFieldsValue({ [name]: val });
|
|
onChange && onChange(val);
|
|
}
|
|
);
|
|
};
|
|
|
|
onSearch = (value) => {
|
|
!!value &&
|
|
this.setState({
|
|
inputVal: value,
|
|
});
|
|
};
|
|
|
|
onBlur = () => {
|
|
const { inputVal } = this.state;
|
|
!!inputVal && this.onChange(inputVal);
|
|
};
|
|
|
|
render() {
|
|
const { options = [], filterOption = false } = this.props;
|
|
const { value } = this.state;
|
|
return (
|
|
<Select
|
|
showSearch
|
|
value={value}
|
|
style={{ width: '100%', height: '100%' }}
|
|
onChange={this.onChange}
|
|
onSearch={this.onSearch}
|
|
onBlur={this.onBlur}
|
|
filterOption={filterOption}
|
|
onFocus={this.onFocusSelect}
|
|
showArrow={false}
|
|
options={options}
|
|
getPopupContainer={() => document.body}
|
|
/>
|
|
);
|
|
}
|
|
}
|