versun/claude-code
1
0
Fork 0
mirror of https://github.com/claude-code-best/claude-code.git synced 2026-06-23 00:35:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 完成所有文件的lint

Browse Source
This commit is contained in:
claude-code-best
2026-05-01 21:39:30 +08:00
parent d136872cc9
commit 6182015005
1333 changed files with 68255 additions and 77882 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
packages/remote-control-server/web/components/model-selector/ModelSelectorPicker.tsx
View File

@@ -1,15 +1,8 @@
import { useState, useMemo } from "react";
import { Check } from "lucide-react";
import {
Command,
CommandInput,
CommandList,
CommandEmpty,
CommandGroup,
CommandItem,
} from "../ui/command";
import type { ModelInfo } from "../../src/acp/types";
import { cn } from "../../src/lib/utils";
import { useState, useMemo } from 'react';
import { Check } from 'lucide-react';
import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../ui/command';
import type { ModelInfo } from '../../src/acp/types';
import { cn } from '../../src/lib/utils';
interface ModelSelectorPickerProps {
models: ModelInfo[];
@@ -51,33 +44,24 @@ export function ModelSelectorPicker({
showSearch = true,
isMobile = false,
}: ModelSelectorPickerProps) {
const [search, setSearch] = useState("");
const [search, setSearch] = useState('');
// On mobile, don't auto-select first item (no keyboard navigation needed)
// Use a non-existent value to prevent any item from being selected
const [selectedValue, setSelectedValue] = useState(isMobile ? "__none__" : undefined);
const [selectedValue, setSelectedValue] = useState(isMobile ? '__none__' : undefined);
// Filter models using fuzzy search
const filteredModels = useMemo(() => {
if (!search) return models;
return models.filter((model) =>
fuzzyMatch(search, model.name) ||
fuzzyMatch(search, model.modelId)
);
return models.filter(model => fuzzyMatch(search, model.name) || fuzzyMatch(search, model.modelId));
}, [models, search]);
return (
<Command shouldFilter={false} value={selectedValue} onValueChange={setSelectedValue}>
{showSearch && (
<CommandInput
placeholder="Select a model…"
value={search}
onValueChange={setSearch}
/>
)}
{showSearch && <CommandInput placeholder="Select a model…" value={search} onValueChange={setSearch} />}
<CommandList>
<CommandEmpty>No models found.</CommandEmpty>
<CommandGroup>
{filteredModels.map((model) => (
{filteredModels.map(model => (
<CommandItem
key={model.modelId}
value={model.modelId}
@@ -87,16 +71,11 @@ export function ModelSelectorPicker({
<div className="flex flex-col gap-0.5 min-w-0">
<span className="truncate font-medium">{model.name}</span>
{model.description && (
<span className="text-xs text-muted-foreground truncate">
{model.description}
</span>
<span className="text-xs text-muted-foreground truncate">{model.description}</span>
)}
</div>
<Check
className={cn(
"h-4 w-4 shrink-0",
currentModelId === model.modelId ? "opacity-100" : "opacity-0"
)}
className={cn('h-4 w-4 shrink-0', currentModelId === model.modelId ? 'opacity-100' : 'opacity-0')}
/>
</CommandItem>
))}
@@ -105,4 +84,3 @@ export function ModelSelectorPicker({
</Command>
);
}