搜索框添加一键清除功能
This commit is contained in:
@@ -214,6 +214,7 @@ export function AddUserDialog({ onSuccess }: AddUserDialogProps) {
|
||||
{...field}
|
||||
placeholder="请输入用户名"
|
||||
autoComplete="off"
|
||||
clearable
|
||||
/>
|
||||
<FieldError>{fieldState.error?.message}</FieldError>
|
||||
</Field>
|
||||
@@ -225,7 +226,7 @@ export function AddUserDialog({ onSuccess }: AddUserDialogProps) {
|
||||
render={({ field, fieldState }) => (
|
||||
<Field data-invalid={fieldState.invalid}>
|
||||
<FieldLabel>手机号 *</FieldLabel>
|
||||
<Input {...field} placeholder="请输入手机号" />
|
||||
<Input {...field} placeholder="请输入手机号" clearable />
|
||||
<FieldError>{fieldState.error?.message}</FieldError>
|
||||
</Field>
|
||||
)}
|
||||
@@ -246,6 +247,7 @@ export function AddUserDialog({ onSuccess }: AddUserDialogProps) {
|
||||
{...field}
|
||||
type="password"
|
||||
placeholder="请输入密码(至少6位)"
|
||||
clearable
|
||||
/>
|
||||
<FieldError>{fieldState.error?.message}</FieldError>
|
||||
</Field>
|
||||
@@ -261,6 +263,7 @@ export function AddUserDialog({ onSuccess }: AddUserDialogProps) {
|
||||
{...field}
|
||||
type="password"
|
||||
placeholder="请再次输入密码"
|
||||
clearable
|
||||
/>
|
||||
<FieldError>{fieldState.error?.message}</FieldError>
|
||||
</Field>
|
||||
@@ -275,7 +278,7 @@ export function AddUserDialog({ onSuccess }: AddUserDialogProps) {
|
||||
render={({ field, fieldState }) => (
|
||||
<Field data-invalid={fieldState.invalid}>
|
||||
<FieldLabel>邮箱</FieldLabel>
|
||||
<Input {...field} placeholder="请输入邮箱" />
|
||||
<Input {...field} placeholder="请输入邮箱" clearable />
|
||||
<FieldError>{fieldState.error?.message}</FieldError>
|
||||
</Field>
|
||||
)}
|
||||
@@ -311,7 +314,7 @@ export function AddUserDialog({ onSuccess }: AddUserDialogProps) {
|
||||
render={({ field, fieldState }) => (
|
||||
<Field data-invalid={fieldState.invalid}>
|
||||
<FieldLabel>QQ联系方式</FieldLabel>
|
||||
<Input {...field} placeholder="请输入QQ联系方式" />
|
||||
<Input {...field} placeholder="请输入QQ联系方式" clearable />
|
||||
<FieldError>{fieldState.error?.message}</FieldError>
|
||||
</Field>
|
||||
)}
|
||||
@@ -322,7 +325,11 @@ export function AddUserDialog({ onSuccess }: AddUserDialogProps) {
|
||||
render={({ field, fieldState }) => (
|
||||
<Field data-invalid={fieldState.invalid}>
|
||||
<FieldLabel>微信/联系方式</FieldLabel>
|
||||
<Input {...field} placeholder="请输入微信或联系方式" />
|
||||
<Input
|
||||
{...field}
|
||||
placeholder="请输入微信或联系方式"
|
||||
clearable
|
||||
/>
|
||||
<FieldError>{fieldState.error?.message}</FieldError>
|
||||
</Field>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user