Function useInput

packages/react/src/composables/useInput.ts:193–549

(
  props: Props & Record<string, any>,
  options: FormKitOptions = {}
)

}

export function useInput<Props extends FormKitInputs<Props>>(
  props: Props & Record<string, any>,
  options: FormKitOptions = {}
): FormKitNode {
  const providedOptions = useContext(optionsSymbol)
  const config = Object.assign({}, providedOptions || {}, options)
  const __root = useContext(rootSymbol)
  const __cmpCallback = useContext(componentSymbol)
  const inheritedParent = useContext(parentSymbol)

  const listeners = onlyListeners(props)
  const isVModeled =
    props.modelValue !== undefined ||
    props.value !== undefined ||
    typeof props.onUpdateModelValue === 'function'

  const value: any =
    props.modelValue !== undefined
      ? props.modelValue
      : props.value !== undefined
      ? props.value
      : cloneAny(props.defaultValue)

  const createInitialProps = useMemo(() => {
    const initialProps: Record<string, any> = {
      ...nodeProps(props),
      ...listeners,
      type: props.type ?? 'text',
      __root,
      __slots: props.slots || {},
    }

    const allProps = nodeProps(props)
    const attrs = Object.keys(allProps).reduce((acc, key) => {
      if (
        runtimeOnlyProps.has(key) ||
        patternMatches(key, pseudoProps as Array<string | RegExp>)
      ) {
        return acc
      }
      acc[key] = allProps[key]
      return acc
    }, {} as Record<string, unknown>)

    if (!attrs.key) attrs.key = token()
    initialProps.attrs = attrs

    const propValues = only(allProps, pseudoProps)
    for (const propName in propValues) {
      if (boolProps.includes(propName) && propValues[propName] === '') {
        propValues[propName] = true
      }
      initialProps[camel(propName)] = propValues[propName]
    }

    const classesProps = { props: {} }
    classesToNodeProps(classesProps as FormKitNode, props)
    Object.assign(initialProps, classesProps.props)