Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui-react
提交
f621e71c
N
nutui-react
项目概览
京东前端
/
nutui-react
通知
0
Star
2
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui-react
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
f621e71c
编写于
7月 19, 2022
作者:
V
vickyYe
提交者:
GitHub
7月 19, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: textarea 组件 change、focus、blur 事件改为 onChange、onFocus、onBlur (#163)
* fix: 修改textarea组件change、focus、blur事件为onChange、onFocus、onBlur
上级
d36d59ce
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
18 addition
and
25 deletion
+18
-25
src/packages/textarea/demo.tsx
src/packages/textarea/demo.tsx
+3
-3
src/packages/textarea/doc.md
src/packages/textarea/doc.md
+3
-3
src/packages/textarea/textarea.tsx
src/packages/textarea/textarea.tsx
+12
-19
未找到文件。
src/packages/textarea/demo.tsx
浏览文件 @
f621e71c
...
...
@@ -64,13 +64,13 @@ const TextAreaDemo = () => {
defaultValue
=
{
value1
}
className
=
"text-1"
style
=
{
{
fontSize
:
'
12px
'
}
}
c
hange
=
{
(
value
,
event
)
=>
{
onC
hange
=
{
(
value
,
event
)
=>
{
change
(
value
,
event
)
}
}
b
lur
=
{
()
=>
{
onB
lur
=
{
()
=>
{
console
.
log
(
'
blur
'
)
}
}
f
ocus
=
{
()
=>
{
onF
ocus
=
{
()
=>
{
console
.
log
(
'
focus
'
)
}
}
/>
...
...
src/packages/textarea/doc.md
浏览文件 @
f621e71c
...
...
@@ -63,6 +63,6 @@ const [value1, UpdateValue1] = useState('')
| 名称 | 说明 | 回调参数 |
| ------ | -------------- | -------- |
|
c
hange | 输入内容时触发 | val |
|
f
ocus | 聚焦时触发 | val |
|
b
lur | 失焦时触发 | val |
|
onC
hange | 输入内容时触发 | val |
|
onF
ocus | 聚焦时触发 | val |
|
onB
lur | 失焦时触发 | val |
src/packages/textarea/textarea.tsx
浏览文件 @
f621e71c
...
...
@@ -19,9 +19,9 @@ export interface TextAreaProps {
disabled
?:
boolean
autosize
?:
boolean
style
?:
CSSProperties
c
hange
?:
(
value
:
any
,
event
:
Event
)
=>
void
b
lur
?:
(
event
:
Event
)
=>
void
f
ocus
?:
(
event
:
Event
)
=>
void
onC
hange
?:
(
value
:
any
,
event
:
Event
)
=>
void
onB
lur
?:
(
event
:
Event
)
=>
void
onF
ocus
?:
(
event
:
Event
)
=>
void
}
const
defaultProps
=
{
defaultValue
:
''
,
...
...
@@ -35,7 +35,8 @@ const defaultProps = {
autosize
:
false
,
}
as
TextAreaProps
export
const
TextArea
:
FunctionComponent
<
Partial
<
TextAreaProps
>
&
React
.
HTMLAttributes
<
HTMLDivElement
>
Partial
<
TextAreaProps
>
&
Omit
<
React
.
HTMLAttributes
<
HTMLDivElement
>
,
'
onChange
'
>
>
=
(
props
)
=>
{
const
{
locale
}
=
useConfig
()
const
{
...
...
@@ -50,9 +51,9 @@ export const TextArea: FunctionComponent<
disabled
,
autosize
,
style
,
c
hange
,
b
lur
,
f
ocus
,
onC
hange
,
onB
lur
,
onF
ocus
,
}
=
{
...
defaultProps
,
...
props
}
const
textareaBem
=
bem
(
'
textarea
'
)
...
...
@@ -74,29 +75,21 @@ export const TextArea: FunctionComponent<
text
.
value
=
text
.
value
.
substring
(
0
,
Number
(
maxlength
))
}
SetInputValue
(
text
.
value
)
if
(
change
)
{
change
(
text
.
value
,
event
)
}
onChange
&&
onChange
(
text
.
value
,
event
)
}
const
textFocus
=
(
event
:
Event
)
=>
{
if
(
disabled
)
return
if
(
readonly
)
return
if
(
focus
)
{
focus
(
event
)
}
onFocus
&&
onFocus
(
event
)
}
const
textBlur
=
(
event
:
Event
)
=>
{
if
(
disabled
)
return
if
(
readonly
)
return
const
text
=
event
.
target
as
any
if
(
change
)
{
change
(
text
.
value
,
event
)
}
if
(
blur
)
{
blur
(
event
)
}
onChange
&&
onChange
(
text
.
value
,
event
)
onBlur
&&
onBlur
(
event
)
}
return
(
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录