mirror of
https://github.com/langgenius/dify.git
synced 2026-05-24 19:07:53 +08:00
0d5173f73f
- Reject invalid --mode values before HTTP (e.g. "chatbot" → clear error) - Add options field to FlagDefinition + validateFlagOptions in parseArgv - EPIPE exit-0 guard in run.ts catch block - tree:gen/tree:check diagnostic output redirected to stderr - Tailwind class sort in web/app/device/components/code-input.tsx
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
'use client'
|
|
|
|
import type { FC } from 'react'
|
|
import { useCallback } from 'react'
|
|
import { normaliseUserCodeInput } from '../utils/user-code'
|
|
|
|
type Props = {
|
|
value: string
|
|
onChange: (normalised: string) => void
|
|
disabled?: boolean
|
|
autoFocus?: boolean
|
|
}
|
|
|
|
/**
|
|
* CodeInput renders the user_code text field with live normalisation
|
|
* (uppercase, reduced alphabet, XXXX-XXXX hyphenation).
|
|
*
|
|
* The onChange callback receives the normalised value only — the parent does
|
|
* not need to run validation itself.
|
|
*/
|
|
const CodeInput: FC<Props> = ({ value, onChange, disabled, autoFocus }) => {
|
|
const handle = useCallback((raw: string) => {
|
|
onChange(normaliseUserCodeInput(raw))
|
|
}, [onChange])
|
|
|
|
return (
|
|
<input
|
|
type="text"
|
|
inputMode="text"
|
|
autoCapitalize="characters"
|
|
autoComplete="off"
|
|
spellCheck={false}
|
|
placeholder="ABCD-1234"
|
|
maxLength={9}
|
|
aria-label="one-time code"
|
|
className="border-components-input-border-normal w-full rounded-lg border bg-components-input-bg-normal px-4 py-3 text-center font-mono text-2xl tracking-wider text-text-primary focus:border-components-input-border-active focus:outline-none"
|
|
value={value}
|
|
disabled={disabled}
|
|
autoFocus={autoFocus}
|
|
onChange={e => handle(e.target.value)}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default CodeInput
|