# @beisen-phoenix/field-input

> > @beisen-phoenix/field-input

Latest version **3.3.55** (published 2019-11-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-phoenix/field-input
pnpm add @beisen-phoenix/field-input
yarn add @beisen-phoenix/field-input
bun add @beisen-phoenix/field-input
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.3.55 |
| Published | 2019-11-25 |
| First published | 2019-04-15 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 13.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | beisencorp |

## Links

- npm: https://www.npmjs.com/package/@beisen-phoenix/field-input
- npm.io page: https://npm.io/package/@beisen-phoenix/field-input

## Dependencies (2)

- [@beisen-phoenix/input](https://npm.io/package/@beisen-phoenix/input.md) ^3.3.55
- [@beisen-phoenix/form-control-preview](https://npm.io/package/@beisen-phoenix/form-control-preview.md) ^3.3.55

## Recent versions

- 3.3.55 (latest) — 2019-11-25
- 3.2.44-rc.1 (rc) — 2019-10-24
- 3.3.54 — 2019-11-25
- 3.3.53 — 2019-11-25
- 3.3.52 — 2019-11-24
- 3.3.51 — 2019-11-23
- 3.3.50 — 2019-11-22
- 3.3.49 — 2019-11-22
- 3.3.48 — 2019-11-22
- 3.3.46 — 2019-11-22
- 3.3.45 — 2019-11-21
- 3.3.43 — 2019-11-21
- 3.3.42 — 2019-11-21
- 3.3.41-beta.1 — 2019-11-21
- 3.3.41 — 2019-11-21
- … 378 more at https://npm.io/package/@beisen-phoenix/field-input/versions

## README

# 单行文本输入字段

> @beisen-phoenix/field-input


## API

| 参数 | 说明 | 类型 | 默认值 | 必须 |
| --- | --- | --- | --- | --- |
| value | 已输入的值 | string   | 无 | 否 |
| disabled | 该输入项是否禁用 | boolean | false | 否 |
| hasError | 是否显示错误 | boolean | false | 否 |
| placeholder   | 输入框的占位符  | string | `请输入` | 否 |
| type | 输入框类型，仅支持 `text` `password` `hidden` | string | text | 否 |
| size | 输入框尺寸，支持 `default` `large` `small` | string | default | 否 |
| readOnly | 只读状态，不能输入，不显示清除按钮 | boolean | false | 否 |
| isPreview | 是否用于展示态 | boolean   | false | 否 |
| maxLength | 最大输入字符，同原生input | number | - | 否 |
| prefix | 前缀图标，图标名称见 [@beisen-phoenix/icon] 否 |(http://cmp.italent-inc.cn/details?id=1095) PC端图标库 | string / React.ReactNode | - | 否 |
| suffix | 后缀图标，同prefix | string / React.ReactNode | - | 否 |
| onChange  | 输入框内容变化时的回调,负责将值传回form | (data) => void   | - | 否 |
| onFocus | 获取焦点时的回调 | function(value: string) | - | 否 |
| onBlur | 失去焦点时的回调 | function(value: string) | - | 否 |
| onEnter | 按下回车的回调 | function(value: string) | - | 否 |
| onClear | 按下清除图标的回调 | function() | - | 否 |
| onClick | 点击输入框时的回调 | function(event) | - | 否 |
| extraCls | 自定义组件容器class,一般用于覆盖组件默认样式使用| string | - | 否 |

---
_Source: https://npm.io/package/@beisen-phoenix/field-input · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._