Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
dddedd2b
C
cube-ui
项目概览
DiDi
/
cube-ui
12 个月 前同步成功
通知
34
Star
9078
Fork
1508
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
cube-ui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
dddedd2b
编写于
4月 18, 2018
作者:
D
dolymood
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
input support change event
上级
eaf623c1
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
42 addition
and
0 deletion
+42
-0
src/components/input/input.vue
src/components/input/input.vue
+5
-0
test/unit/specs/input.spec.js
test/unit/specs/input.spec.js
+37
-0
未找到文件。
src/components/input/input.vue
浏览文件 @
dddedd2b
...
...
@@ -15,6 +15,7 @@
:autofocus=
"autofocus"
@
focus=
"handleFocus"
@
blur=
"handleBlur"
@
change=
"changeHander"
>
<div
class=
"cube-input-append"
v-if=
"$slots.append || _showClear || _showPwdEye"
>
<div
class=
"cube-input-clear"
v-if=
"_showClear"
@
click=
"handleClear"
>
...
...
@@ -31,6 +32,7 @@
<
script
type=
"text/ecmascript-6"
>
const
COMPONENT_NAME
=
'
cube-input
'
const
EVENT_INPUT
=
'
input
'
const
EVENT_CHANGE
=
'
change
'
const
EVENT_BLUR
=
'
blur
'
const
EVENT_FOCUS
=
'
focus
'
...
...
@@ -118,6 +120,9 @@
this
.
_computedPwdVisible
()
},
methods
:
{
changeHander
(
e
)
{
this
.
$emit
(
EVENT_CHANGE
,
e
)
},
_computedPwdVisible
()
{
if
(
typeof
this
.
eye
===
'
boolean
'
)
{
this
.
pwdVisible
=
this
.
eye
...
...
test/unit/specs/input.spec.js
浏览文件 @
dddedd2b
import
Vue
from
'
vue2
'
import
Input
from
'
@/modules/input
'
import
createVue
from
'
../utils/create-vue
'
import
{
createEvent
}
from
'
../utils/event
'
describe
(
'
Input.vue
'
,
()
=>
{
let
vm
...
...
@@ -104,6 +105,42 @@ describe('Input.vue', () => {
})
})
})
it
(
'
should trigger events
'
,
(
done
)
=>
{
const
focusHandler
=
sinon
.
spy
()
const
blurHandler
=
sinon
.
spy
()
const
changeHandler
=
sinon
.
spy
()
vm
=
createVue
({
template
:
`
<cube-input type="password" v-model="value" @focus="focusHandler" @blur="blurHandler" @change="changeHandler" />
`
,
data
:
{
value
:
'
value
'
},
methods
:
{
focusHandler
:
focusHandler
,
blurHandler
:
blurHandler
,
changeHandler
:
changeHandler
}
})
const
input
=
vm
.
$el
.
querySelector
(
'
input
'
)
input
.
focus
()
setTimeout
(()
=>
{
expect
(
focusHandler
)
.
to
.
be
.
calledOnce
input
.
value
=
'
new value
'
input
.
blur
()
const
e
=
createEvent
(
''
,
'
change
'
)
input
.
dispatchEvent
(
e
)
setTimeout
(()
=>
{
expect
(
blurHandler
)
.
to
.
be
.
calledOnce
expect
(
changeHandler
)
.
to
.
be
.
calledOnce
done
()
})
})
})
})
function
createInput
(
value
)
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录