diff --git a/src/packages/input/doc.en-US.md b/src/packages/input/doc.en-US.md index b619d0b76d..90d590e3a9 100644 --- a/src/packages/input/doc.en-US.md +++ b/src/packages/input/doc.en-US.md @@ -131,6 +131,7 @@ import { Input } from '@nutui/nutui-react' | defaultValue | default value | `string` | `-` | | value | input value | `string` | `-` | | type | input box type, supports all `type` attributes of native `input` tags, and also supports `number` `digit` | `string` | `text` | +| plain | Input box is plain | `boolean` | `false` | | name | Component name, used for form submission to get data | `string` | `-` | | placeholder | placeholder when the input box is empty | `string` | `-` | | align | Alignment of input box content, optional values `left`, `center`, `right` | `string` | `left` | @@ -157,7 +158,7 @@ You can get Ref of Input. | clear | clear the value of input | `-` | | focus | focus the input | `-` | | blur | blur the input | `-` | -| get | get the input ref | `-` | +| nativeElement | get the input ref | `-` | ## Theming diff --git a/src/packages/input/doc.md b/src/packages/input/doc.md index 4648149b74..40bc547ce3 100644 --- a/src/packages/input/doc.md +++ b/src/packages/input/doc.md @@ -131,6 +131,7 @@ import { Input } from '@nutui/nutui-react' | defaultValue | 初始默认值 | `string` | `-` | | value | 初始默认值 | `string` | `-` | | type | 输入框类型,支持原生 `input` 标签的所有 `type` 属性,另外还支持 `number` `digit` | `string` | `text` | +| plain | 输入框是容器型还是文本型,容器型一般都是带外边框的 | `boolean` | `false` | | name | 组件名字,用于表单提交获取数据 | `string` | `-` | | placeholder | 输入框为空时占位符 | `string` | `-` | | align | 输入框内容对齐方式,可选值 `left`、`center`、`right` | `string` | `left` | @@ -160,7 +161,7 @@ import { Input } from '@nutui/nutui-react' | clear | 清除容器中的数据 | `-` | | focus | 使容器获取焦点 | `-` | | blur | 使容器失去焦点 | `-` | -| get | 获取当前容器 | `-` | +| nativeElement | 获取当前容器 | `-` | ## 主题定制 diff --git a/src/packages/input/doc.taro.md b/src/packages/input/doc.taro.md index 4896dbd987..80da3714e3 100644 --- a/src/packages/input/doc.taro.md +++ b/src/packages/input/doc.taro.md @@ -131,6 +131,7 @@ import { Input } from '@nutui/nutui-react-taro' | defaultValue | 初始默认值 | `string` | `-` | | value | 初始默认值 | `string` | `-` | | type | 输入框类型,支持原生 `input` 标签的所有 `type` 属性,另外还支持 `number` `digit` | `string` | `text` | +| plain | 输入框是容器型还是文本型,容器型一般都是带外边框的 | `boolean` | `false` | | name | 组件名字,用于表单提交获取数据 | `string` | `-` | | placeholder | 输入框为空时占位符 | `string` | `-` | | align | 输入框内容对齐方式,可选值 `left`、`center`、`right` | `string` | `left` | @@ -160,7 +161,7 @@ import { Input } from '@nutui/nutui-react-taro' | clear | 清除容器中的数据 | `-` | | focus | 使容器获取焦点 | `-` | | blur | 使容器失去焦点 | `-` | -| get | 获取当前容器 | `-` | +| nativeElement | 获取当前容器 | `-` | ## 主题定制 diff --git a/src/packages/input/doc.zh-TW.md b/src/packages/input/doc.zh-TW.md index 16e85a7dca..9319429378 100644 --- a/src/packages/input/doc.zh-TW.md +++ b/src/packages/input/doc.zh-TW.md @@ -126,27 +126,28 @@ import { Input } from '@nutui/nutui-react' ### Props -| 属性 | 说明 | 类型 | 默认值 | +| 屬性 | 說明 | 類型 | 默認值 | | --- | --- | --- | --- | -| defaultValue | 初始默认值 | `string` | `-` | -| value | 初始默认值 | `string` | `-` | -| type | 输入框类型,支持原生 `input` 标签的所有 `type` 属性,另外还支持 `number` `digit` | `string` | `text` | -| name | 组件名字,用于表单提交获取数据 | `string` | `-` | -| placeholder | 输入框为空时占位符 | `string` | `-` | -| align | 输入框内容对齐方式,可选值 `left`、`center`、`right` | `string` | `left` | +| defaultValue | 初始默認值 | `string` | `-` | +| value | 初始默認值 | `string` | `-` | +| type | 輸入框類型,支持原生 `input` 標簽的所有 `type` 屬性,另外還支持 `number` `digit` | `string` | `text` | +| plain | 輸入框是容器型還是文本型,容器型一般都是帶外邊框的 | `boolean` | `false` | +| name | 組件名字,用於表單提交獲取數據 | `string` | `-` | +| placeholder | 輸入框為空時占位符 | `string` | `-` | +| align | 輸入框內容對齊方式,可選值 `left`、`center`、`right` | `string` | `left` | | disabled | 是否禁用 | `boolean` | `false` | -| readOnly | 是否只读 | `boolean` | `false` | -| autoFocus | 是否自动获得焦点,iOS 系统不支持该属性 | `boolean` | `false` | -| maxLength | 限制最长输入字符 | `string` \| `number` | `-` | +| readOnly | 是否只讀 | `boolean` | `false` | +| autoFocus | 是否自動獲得焦點,iOS 系統不支持該屬性 | `boolean` | `false` | +| maxLength | 限製最長輸入字符 | `string` \| `number` | `-` | | clearable | 展示清除 Icon | `boolean` | `false` | -| clearIcon | 清除图标 Icon 可参考 Icon | `ReactNode` | `MaskClose` | -| formatter | 输入内容格式化函数 | `(val: string) => string` | `-` | -| formatTrigger | 格式化函数触发的时机,可选值为 `onChange`、`onBlur` | `string` | `-` | -| onChange | 输入框内容变化时触发 | `(value: string) => void` | `-` | -| onBlur | 失去焦点后触发 | `(value: string) => void` | `-` | -| onFocus | 获得焦点后触发 | `(value: string) => void` | `-` | -| onClear | 点击清空按钮时触发 | `(value: string) => void` | `-` | -| onClick | 点击 input 容器触发 | `(value: MouseEvent) => void` | `-` | +| clearIcon | 清除圖標 Icon 可參考 Icon | `ReactNode` | `MaskClose` | +| formatter | 輸入內容格式化函數 | `(val: string) => string` | `-` | +| formatTrigger | 格式化函數觸發的時機,可選值為 `onChange`、`onBlur` | `string` | `-` | +| onChange | 輸入框內容變化時觸發 | `(value: string) => void` | `-` | +| onBlur | 失去焦點後觸發 | `(value: string) => void` | `-` | +| onFocus | 獲得焦點後觸發 | `(value: string) => void` | `-` | +| onClear | 點擊清空按鈕時觸發 | `(value: string) => void` | `-` | +| onClick | 點擊 input 容器觸發 | `(value: MouseEvent) => void` | `-` | ### Ref @@ -157,7 +158,7 @@ import { Input } from '@nutui/nutui-react' | clear | 清除容器中的數據 | `-` | | focus | 使容器獲取焦點 | `-` | | blur | 使容器失去焦點 | `-` | -| get | 獲取當前容器 | `-` | +| nativeElement | 獲取當前容器 | `-` | ## 主题定制 diff --git a/src/packages/input/input.taro.tsx b/src/packages/input/input.taro.tsx index e0adb98625..32e8a4e518 100644 --- a/src/packages/input/input.taro.tsx +++ b/src/packages/input/input.taro.tsx @@ -88,7 +88,6 @@ export const Input = forwardRef((props: Partial, ref) => { blur: () => { inputRef.current?.blur() }, - get: () => inputRef.current, get nativeElement() { return inputRef.current }, diff --git a/src/packages/input/input.tsx b/src/packages/input/input.tsx index 9d4d12b8a5..b81deac1e8 100644 --- a/src/packages/input/input.tsx +++ b/src/packages/input/input.tsx @@ -85,7 +85,6 @@ export const Input = forwardRef( clear: () => setValue(''), focus: () => inputRef.current?.focus(), blur: () => inputRef.current?.blur(), - get: () => inputRef.current, get nativeElement() { return inputRef.current },