feat: add support for step

src/npm-fastui/src/components/FormField.tsx

@@ -24,7 +24,7 @@ interface FormFieldInputProps extends FormFieldInput {
 }
 
 export const FormFieldInputComp: FC<FormFieldInputProps> = (props) => {
- const { name, placeholder, required, htmlType, locked, autocomplete, onChange } = props
+ const { name, placeholder, required, htmlType, locked, autocomplete, onChange, step } = props
 
  return (
  <div className={useClassName(props)}>
@@ -39,6 +39,7 @@ export const FormFieldInputComp: FC<FormFieldInputProps> = (props) => {
  disabled={locked}
  placeholder={placeholder}
  autoComplete={autocomplete}
+ step={step}
  aria-describedby={descId(props)}
  onChange={onChange}
  />

src/npm-fastui/src/models.d.ts

@@ -433,6 +433,7 @@ export interface FormFieldInput {
  initial?: string | number
  placeholder?: string
  autocomplete?: string
+ step?: number | 'any'
  type: 'FormFieldInput'
 }
 /**

src/python-fastui/fastui/components/forms.py

@@ -58,6 +58,9 @@ class FormFieldInput(BaseFormField):
  autocomplete: _t.Union[str, None] = None
  """Autocomplete value for the field."""
 
+ step: _t.Union[float, _t.Literal['any'], None] = None
+ """Step value for the field."""
+
  type: _t.Literal['FormFieldInput'] = 'FormFieldInput'
  """The type of the component. Always 'FormFieldInput'."""
 

src/python-fastui/fastui/json_schema.py

@@ -198,6 +198,7 @@ def json_schema_field_to_field(
  autocomplete=schema.get('autocomplete'),
  description=schema.get('description'),
  placeholder=schema.get('placeholder'),
+ step=schema.get('step', _get_default_step(schema)),
  )
 
 
@@ -373,6 +374,14 @@ def input_html_type(schema: JsonSchemaField) -> InputHtmlType:
  raise ValueError(f'Unknown schema: {schema}') from e
 
 
+def _get_default_step(schema: JsonSchemaField) -> _t.Union[_t.Literal['any'], None]:
+ key = schema['type']
+ if key == 'integer':
+ return None
+ if key == 'number':
+ return 'any'
+
+
 def schema_is_field(schema: JsonSchemaConcrete) -> _ta.TypeGuard[JsonSchemaField]:
  """
  Determine if a schema is a field `JsonSchemaField`

src/python-fastui/tests/test_forms.py

@@ -547,3 +547,47 @@ def test_form_fields():
  'submitUrl': '/foobar/',
  'type': 'ModelForm',
  }
+
+
+class FormNumbersDefaultStep(BaseModel):
+ size: int
+ cost: float
+ fees: float = Field(json_schema_extra={'step': '0.01'})
+
+
+def test_form_numbers_default_step():
+ m = components.ModelForm(model=FormNumbersDefaultStep, submit_url='/foobar')
+
+ assert m.model_dump(by_alias=True, exclude_none=True) == {
+ 'submitUrl': '/foobar',
+ 'method': 'POST',
+ 'type': 'ModelForm',
+ 'formFields': [
+ {
+ 'name': 'size',
+ 'title': ['Size'],
+ 'required': True,
+ 'locked': False,
+ 'htmlType': 'number',
+ 'type': 'FormFieldInput',
+ },
+ {
+ 'name': 'cost',
+ 'title': ['Cost'],
+ 'required': True,
+ 'locked': False,
+ 'htmlType': 'number',
+ 'step': 'any',
+ 'type': 'FormFieldInput',
+ },
+ {
+ 'name': 'fees',
+ 'title': ['Fees'],
+ 'required': True,
+ 'locked': False,
+ 'htmlType': 'number',
+ 'step': 0.01,
+ 'type': 'FormFieldInput',
+ },
+ ],
+ }