llvy.ltd/casdoor
1
0
Fork 0
mirror of https://github.com/casdoor/casdoor.git synced 2025-07-04 13:20:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Can search country code

Browse Source
This commit is contained in:
Gucheng Wang
2023-02-25 14:57:23 +08:00
parent 0e9a3b0f30
commit 9acb3c499e
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/common/PhoneNumberInput.js
View File

@ -19,7 +19,7 @@ import React from "react";
const {Option} = Select;
export default function PhoneNumberInput(props) {
const {onChange, style, disabled, showSearch} = props;
const {onChange, style, disabled} = props;
const value = props.value ?? "CN";
const countryCodes = props.countryCodes ?? [];
@ -30,20 +30,20 @@ export default function PhoneNumberInput(props) {
return (
<Select
virtual={false}
showSearch
style={style}
disabled={disabled}
value={value}
dropdownMatchSelectWidth={false}
optionLabelProp={"label"}
showSearch={showSearch}
onChange={handleOnChange}
filterOption={(input, option) =>
(option?.label ?? "").toLowerCase().includes(input.toLowerCase())
(option?.text ?? "").toLowerCase().includes(input.toLowerCase())
}
>
{
Setting.getCountriesData(countryCodes).map((country) => (
<Option key={country.code} value={country.code} label={`+${country.phone}`} >
<Option key={country.code} value={country.code} label={`+${country.phone}`} text={`${country.name}, ${country.code}, ${country.phone}`} >
<div style={{display: "flex", justifyContent: "space-between"}}>
<div>
{Setting.countryFlag(country)}