Skip to content

fix(input): 不需要加 get 属性的，用 nativeElement 就可了 #3235

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
oasis-cloud merged 6 commits into from
May 30, 2025
Merged

fix(input): 不需要加 get 属性的，用 nativeElement 就可了 #3235

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
fbec7d3
feat(Textarea): 增加 ref 属性
xiaoyatong May 21, 2025
2729fb8
feat: add get functions
xiaoyatong May 21, 2025
3eb2820
fix: 暴露 nativeElement
xiaoyatong May 23, 2025
9c689ff
fix: input nativeElement
xiaoyatong May 23, 2025
d8d4501
fix(input): 不用 get 方法,直接使用 nativeElement
xiaoyatong May 23, 2025
08f01d3
fix(input): 去掉get方法
xiaoyatong May 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion src/packages/input/doc.en-US.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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` |
Expand All @@ -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

Expand Down
3 changes: 2 additions & 1 deletion src/packages/input/doc.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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` |
Expand Down Expand Up @@ -160,7 +161,7 @@ import { Input } from '@nutui/nutui-react'
| clear | 清除容器中的数据 | `-` |
| focus | 使容器获取焦点 | `-` |
| blur | 使容器失去焦点 | `-` |
| get | 获取当前容器 | `-` |
| nativeElement | 获取当前容器 | `-` |

## 主题定制

Expand Down
3 changes: 2 additions & 1 deletion src/packages/input/doc.taro.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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` |
Expand Down Expand Up @@ -160,7 +161,7 @@ import { Input } from '@nutui/nutui-react-taro'
| clear | 清除容器中的数据 | `-` |
| focus | 使容器获取焦点 | `-` |
| blur | 使容器失去焦点 | `-` |
| get | 获取当前容器 | `-` |
| nativeElement | 获取当前容器 | `-` |

## 主题定制

Expand Down
39 changes: 20 additions & 19 deletions src/packages/input/doc.zh-TW.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 <a href="#/icon">可参考 Icon </a> | `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<HTMLDivElement>) => void` | `-` |
| clearIcon | 清除圖標 Icon <a href="#/icon">可參考 Icon </a> | `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<HTMLDivElement>) => void` | `-` |

### Ref

Expand All @@ -157,7 +158,7 @@ import { Input } from '@nutui/nutui-react'
| clear | 清除容器中的數據 | `-` |
| focus | 使容器獲取焦點 | `-` |
| blur | 使容器失去焦點 | `-` |
| get | 獲取當前容器 | `-` |
| nativeElement | 獲取當前容器 | `-` |

## 主题定制

Expand Down
1 change: 0 additions & 1 deletion src/packages/input/input.taro.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,6 @@ export const Input = forwardRef((props: Partial<TaroInputProps>, ref) => {
blur: () => {
inputRef.current?.blur()
},
get: () => inputRef.current,
get nativeElement() {
return inputRef.current
},
Expand Down
1 change: 0 additions & 1 deletion src/packages/input/input.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
},
Expand Down