lingniu
d6b957dfc8
Add monitoring metrics, numeric sorting, report-time display, vehicle number labels, and map layout fixes. Include accumulated mileage, hydrogen, OneOS authentication, open platform, ingestion, deployment, and UI updates. Exclude temporary files, generated reports, and credentials. Validate frontend 632 tests and production build, API packages, vehicle-map tests, and release installer tests. Gateway suite has one pre-existing date-sensitive identity throttling test failure reproduced on the parent commit.
62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
import * as React from "react"
|
|
import { cn } from "@/lib/utils"
|
|
import { ChevronDownIcon } from "lucide-react"
|
|
|
|
function NativeSelect({
|
|
className,
|
|
size = "default",
|
|
...props
|
|
}: Omit<React.ComponentProps<"select">, "size"> & { size?: "sm" | "default" }) {
|
|
return (
|
|
<div
|
|
className="group/native-select relative w-fit has-[select:disabled]:opacity-50"
|
|
data-slot="native-select-wrapper"
|
|
>
|
|
<select
|
|
data-slot="native-select"
|
|
data-size={size}
|
|
className={cn(
|
|
"h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1 dark:bg-input/30 dark:hover:bg-input/50",
|
|
"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
|
|
"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
<ChevronDownIcon
|
|
className="pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground opacity-50 select-none"
|
|
aria-hidden="true"
|
|
data-slot="native-select-icon"
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function NativeSelectOption({
|
|
className,
|
|
...props
|
|
}: React.ComponentProps<"option">) {
|
|
return (
|
|
<option
|
|
data-slot="native-select-option"
|
|
className={cn("bg-[Canvas] text-[CanvasText]", className)}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
|
|
function NativeSelectOptGroup({
|
|
className,
|
|
...props
|
|
}: React.ComponentProps<"optgroup">) {
|
|
return (
|
|
<optgroup
|
|
data-slot="native-select-optgroup"
|
|
className={cn("bg-[Canvas] text-[CanvasText]", className)}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export { NativeSelect, NativeSelectOptGroup, NativeSelectOption }
|