新建文件/目录时输入框自动获得焦点

This commit is contained in:
xintaofei
2026-03-15 22:46:19 +08:00
parent d03be55c6b
commit 7a3b32a9c6

View File

@@ -2299,7 +2299,13 @@ export function FileTreeTab() {
setCreateName("") setCreateName("")
}} }}
> >
<DialogContent> <DialogContent
onOpenAutoFocus={(e) => {
e.preventDefault()
const input = e.currentTarget.querySelector("input")
if (input) requestAnimationFrame(() => input.focus())
}}
>
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{createKind === "dir" {createKind === "dir"
@@ -2325,7 +2331,6 @@ export function FileTreeTab() {
<Input <Input
value={createName} value={createName}
onChange={(event) => setCreateName(event.target.value)} onChange={(event) => setCreateName(event.target.value)}
autoFocus
disabled={creating} disabled={creating}
placeholder={ placeholder={
createKind === "dir" createKind === "dir"
@@ -2361,7 +2366,13 @@ export function FileTreeTab() {
setRenameValue("") setRenameValue("")
}} }}
> >
<DialogContent> <DialogContent
onOpenAutoFocus={(e) => {
e.preventDefault()
const input = e.currentTarget.querySelector("input")
if (input) requestAnimationFrame(() => input.focus())
}}
>
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{renameTarget?.kind === "dir" {renameTarget?.kind === "dir"
@@ -2382,7 +2393,6 @@ export function FileTreeTab() {
<Input <Input
value={renameValue} value={renameValue}
onChange={(event) => setRenameValue(event.target.value)} onChange={(event) => setRenameValue(event.target.value)}
autoFocus
disabled={renaming} disabled={renaming}
placeholder={ placeholder={
renameTarget?.kind === "dir" renameTarget?.kind === "dir"