Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
81333578
N
nutui
项目概览
京东前端
/
nutui
通知
37
Star
4
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
81333578
编写于
3月 17, 2021
作者:
richard_1015
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
upd: event name modify
上级
03f72a82
变更
12
隐藏空白更改
内联
并排
Showing
12 changed file
with
35 addition
and
48 deletion
+35
-48
src/packages/address/demo.vue
src/packages/address/demo.vue
+4
-4
src/packages/address/doc.md
src/packages/address/doc.md
+1
-1
src/packages/address/index.vue
src/packages/address/index.vue
+2
-2
src/packages/menu/demo.vue
src/packages/menu/demo.vue
+2
-4
src/packages/menu/doc.md
src/packages/menu/doc.md
+3
-3
src/packages/menuitem/index.vue
src/packages/menuitem/index.vue
+2
-2
src/packages/shortpassword/demo.vue
src/packages/shortpassword/demo.vue
+4
-4
src/packages/shortpassword/doc.md
src/packages/shortpassword/doc.md
+5
-5
src/packages/shortpassword/index.vue
src/packages/shortpassword/index.vue
+5
-12
src/packages/uploader/demo.vue
src/packages/uploader/demo.vue
+2
-6
src/packages/uploader/doc.md
src/packages/uploader/doc.md
+1
-1
src/packages/uploader/index.vue
src/packages/uploader/index.vue
+4
-4
未找到文件。
src/packages/address/demo.vue
浏览文件 @
81333578
...
@@ -14,7 +14,7 @@
...
@@ -14,7 +14,7 @@
:city=
"city"
:city=
"city"
:country=
"country"
:country=
"country"
:town=
"town"
:town=
"town"
@
on-
change=
"cal => onChange(cal, 'normal')"
@
change=
"cal => onChange(cal, 'normal')"
@
close=
"close1"
@
close=
"close1"
customAddressTitle=
"请选择所在地区"
customAddressTitle=
"请选择所在地区"
></nut-address>
></nut-address>
...
@@ -31,7 +31,7 @@
...
@@ -31,7 +31,7 @@
v-model:show=
"exist"
v-model:show=
"exist"
type=
"exist"
type=
"exist"
:existAddress=
"existAddress"
:existAddress=
"existAddress"
@
on-
change=
"cal => onChange(cal, 'exist')"
@
change=
"cal => onChange(cal, 'exist')"
@
close=
"close2"
@
close=
"close2"
:isShowCustomAddress=
"false"
:isShowCustomAddress=
"false"
@
selected=
"selected"
@
selected=
"selected"
...
@@ -50,7 +50,7 @@
...
@@ -50,7 +50,7 @@
v-model:show=
"customImg"
v-model:show=
"customImg"
type=
"exist"
type=
"exist"
:existAddress=
"existAddress"
:existAddress=
"existAddress"
@
on-
change=
"cal => onChange(cal, 'customImg')"
@
change=
"cal => onChange(cal, 'customImg')"
@
close=
"close3"
@
close=
"close3"
:isShowCustomAddress=
"false"
:isShowCustomAddress=
"false"
@
selected=
"selected"
@
selected=
"selected"
...
@@ -76,7 +76,7 @@
...
@@ -76,7 +76,7 @@
:country=
"country"
:country=
"country"
:town=
"town"
:town=
"town"
:backBtnIcon=
"backBtnIcon"
:backBtnIcon=
"backBtnIcon"
@
on-
change=
"cal => onChange(cal, 'other')"
@
change=
"cal => onChange(cal, 'other')"
@
close=
"close4"
@
close=
"close4"
@
selected=
"selected"
@
selected=
"selected"
customAndExistTitle=
"选择其他地址"
customAndExistTitle=
"选择其他地址"
...
...
src/packages/address/doc.md
浏览文件 @
81333578
...
@@ -29,7 +29,7 @@ app.use(Popup);
...
@@ -29,7 +29,7 @@ app.use(Popup);
:city=
"city"
:city=
"city"
:country=
"country"
:country=
"country"
:town=
"town"
:town=
"town"
@
on-
change=
"onChange"
@
change=
"onChange"
@
close=
"close"
@
close=
"close"
customAddressTitle=
"请选择所在地区"
customAddressTitle=
"请选择所在地区"
></nut-address>
></nut-address>
...
...
src/packages/address/index.vue
浏览文件 @
81333578
...
@@ -189,7 +189,7 @@ export default create({
...
@@ -189,7 +189,7 @@ export default create({
},
},
emits
:
[
emits
:
[
'
update:show
'
,
'
update:show
'
,
'
on-
change
'
,
'
change
'
,
'
selected
'
,
'
selected
'
,
'
close
'
,
'
close
'
,
'
close-mask
'
,
'
close-mask
'
,
...
@@ -290,7 +290,7 @@ export default create({
...
@@ -290,7 +290,7 @@ export default create({
// 切换下一个
// 切换下一个
calBack
.
next
=
tabName
.
value
[
tabIndex
.
value
];
calBack
.
next
=
tabName
.
value
[
tabIndex
.
value
];
calBack
.
value
=
item
;
calBack
.
value
=
item
;
emit
(
'
on-
change
'
,
calBack
);
emit
(
'
change
'
,
calBack
);
}
else
{
}
else
{
handClose
();
handClose
();
}
}
...
...
src/packages/menu/demo.vue
浏览文件 @
81333578
...
@@ -54,16 +54,14 @@
...
@@ -54,16 +54,14 @@
</nut-menu>
</nut-menu>
<h2>
点击事件
</h2>
<h2>
点击事件
</h2>
<p
class=
"tips"
<p
class=
"tips"
>
标题点击事件`menu-click`,菜单列表选择点击事件`change`
</p>
>
标题点击事件`menu-click`,菜单列表选择点击事件`on-change`
</p
>
<nut-menu>
<nut-menu>
<nut-menu-item
<nut-menu-item
:menu-list=
"menuList"
:menu-list=
"menuList"
title=
"选择菜单列表项"
title=
"选择菜单列表项"
multi-style=
"2"
multi-style=
"2"
@
menu-click=
"alertText($event, 'title')"
@
menu-click=
"alertText($event, 'title')"
@
on-
change=
"getChecked"
@
change=
"getChecked"
></nut-menu-item>
></nut-menu-item>
<nut-menu-item
<nut-menu-item
:menu-list=
"menuList2"
:menu-list=
"menuList2"
...
...
src/packages/menu/doc.md
浏览文件 @
81333578
...
@@ -82,7 +82,7 @@ app.use(Menu);
...
@@ -82,7 +82,7 @@ app.use(Menu);
### 点击事件
### 点击事件
`Menu`
的
`@menu-click`
事件返回点击的菜单标题,
`@
on-
change`
事件返回菜单列表选中的数据。
`Menu`
的
`@menu-click`
事件返回点击的菜单标题,
`@change`
事件返回菜单列表选中的数据。
```
html
```
html
<nut-menu>
<nut-menu>
...
@@ -91,7 +91,7 @@ app.use(Menu);
...
@@ -91,7 +91,7 @@ app.use(Menu);
title=
"选择菜单列表项"
title=
"选择菜单列表项"
multi-style=
"2"
multi-style=
"2"
@
menu-click=
"alertText($event, 'title')"
@
menu-click=
"alertText($event, 'title')"
@
on-
change=
"getChecked"
@
change=
"getChecked"
></nut-menu-item>
></nut-menu-item>
<nut-menu-item
<nut-menu-item
:menu-list=
"menuList2"
:menu-list=
"menuList2"
...
@@ -153,4 +153,4 @@ const alertText = (info, type) => {
...
@@ -153,4 +153,4 @@ const alertText = (info, type) => {
| 事件名 | 说明 | 回调参数 |
| 事件名 | 说明 | 回调参数 |
|--------|----------------|--------------|
|--------|----------------|--------------|
| menu-click | 点击菜单标题触发,返回菜单标题名称 | event: Event |
| menu-click | 点击菜单标题触发,返回菜单标题名称 | event: Event |
| on-change | 点击菜单列表选项触发,返回选中菜单项数据、名称 | event: Event |
| change | 点击菜单列表选项触发,返回选中菜单项数据、名称 | event: Event |
\ No newline at end of file
\ No newline at end of file
src/packages/menuitem/index.vue
浏览文件 @
81333578
...
@@ -77,7 +77,7 @@ export default create({
...
@@ -77,7 +77,7 @@ export default create({
default
:
''
default
:
''
}
}
},
},
emits
:
[
'
on-
change
'
,
'
menu-click
'
],
emits
:
[
'
change
'
,
'
menu-click
'
],
setup
(
props
,
{
emit
})
{
setup
(
props
,
{
emit
})
{
const
menuTitle
=
ref
(
props
.
title
);
const
menuTitle
=
ref
(
props
.
title
);
const
menu
=
inject
(
'
menuRelation
'
);
const
menu
=
inject
(
'
menuRelation
'
);
...
@@ -129,7 +129,7 @@ export default create({
...
@@ -129,7 +129,7 @@ export default create({
state
.
showMask
=
false
;
state
.
showMask
=
false
;
parent
.
handleMaskShow
(
false
);
parent
.
handleMaskShow
(
false
);
}
}
emit
(
'
on-
change
'
,
item
,
menuTitle
.
value
);
emit
(
'
change
'
,
item
,
menuTitle
.
value
);
};
};
onMounted
(()
=>
{
onMounted
(()
=>
{
document
.
addEventListener
(
document
.
addEventListener
(
...
...
src/packages/shortpassword/demo.vue
浏览文件 @
81333578
...
@@ -6,10 +6,10 @@
...
@@ -6,10 +6,10 @@
:no-button=
"state.noButton"
:no-button=
"state.noButton"
:length=
"state.length"
:length=
"state.length"
:error-msg=
"state.errorMsg"
:error-msg=
"state.errorMsg"
@
on-
change=
"methods.onChange"
@
change=
"methods.onChange"
@
on-
complete=
"methods.onComplete"
@
complete=
"methods.onComplete"
@
o
n-o
k=
"methods.onOk"
@
ok=
"methods.onOk"
@
on-
tips=
"methods.onTips"
@
tips=
"methods.onTips"
>
>
</nut-shortpassword>
</nut-shortpassword>
<nut-cell
title=
"基础用法"
is-link
@
click=
"state.visible = true"
></nut-cell>
<nut-cell
title=
"基础用法"
is-link
@
click=
"state.visible = true"
></nut-cell>
...
...
src/packages/shortpassword/doc.md
浏览文件 @
81333578
...
@@ -25,10 +25,10 @@ app.use(ShortPassword);
...
@@ -25,10 +25,10 @@ app.use(ShortPassword);
:no-button=
"state.noButton"
:no-button=
"state.noButton"
:length=
"state.length"
:length=
"state.length"
:error-msg=
"state.errorMsg"
:error-msg=
"state.errorMsg"
@
on-
change=
"methods.onChange"
@
change=
"methods.onChange"
@
on-
complete=
"methods.onComplete"
@
complete=
"methods.onComplete"
@
o
n-o
k=
"methods.onOk"
@
ok=
"methods.onOk"
@
on-
tips=
"methods.onTips"
>
@
tips=
"methods.onTips"
>
</nut-shortpassword>
</nut-shortpassword>
```
```
...
@@ -113,5 +113,5 @@ setup() {
...
@@ -113,5 +113,5 @@ setup() {
| 事件名称 | 说明 | 回调参数
| 事件名称 | 说明 | 回调参数
|----- | ----- | -----
|----- | ----- | -----
| change | 输入密码时触发事件 | --
| change | 输入密码时触发事件 | --
| o
n-o
k | 点击确实时触发事件 | value
| ok | 点击确实时触发事件 | value
| complete | 输入完成的回调 | value
| complete | 输入完成的回调 | value
src/packages/shortpassword/index.vue
浏览文件 @
81333578
...
@@ -81,14 +81,7 @@ export default create({
...
@@ -81,14 +81,7 @@ export default create({
default
:
6
default
:
6
}
}
},
},
emits
:
[
emits
:
[
'
update:value
'
,
'
update:visible
'
,
'
complete
'
,
'
change
'
,
'
ok
'
,
'
tips
'
],
'
update:value
'
,
'
update:visible
'
,
'
on-complete
'
,
'
on-change
'
,
'
on-ok
'
,
'
on-tips
'
],
setup
(
props
,
{
emit
})
{
setup
(
props
,
{
emit
})
{
const
realInput
=
ref
(
props
.
value
);
const
realInput
=
ref
(
props
.
value
);
const
realpwd
=
ref
();
const
realpwd
=
ref
();
...
@@ -96,7 +89,7 @@ export default create({
...
@@ -96,7 +89,7 @@ export default create({
// 方法
// 方法
function
sureClick
()
{
function
sureClick
()
{
emit
(
'
o
n-o
k
'
,
realInput
.
value
);
emit
(
'
ok
'
,
realInput
.
value
);
}
}
function
focus
()
{
function
focus
()
{
realpwd
.
value
.
focus
();
realpwd
.
value
.
focus
();
...
@@ -109,9 +102,9 @@ export default create({
...
@@ -109,9 +102,9 @@ export default create({
realInput
.
value
=
val
;
realInput
.
value
=
val
;
}
}
if
(
realInput
.
value
.
length
===
comLen
.
value
)
{
if
(
realInput
.
value
.
length
===
comLen
.
value
)
{
emit
(
'
on-
complete
'
,
val
);
emit
(
'
complete
'
,
val
);
}
}
emit
(
'
on-
change
'
,
val
);
emit
(
'
change
'
,
val
);
emit
(
'
update:value
'
,
val
);
emit
(
'
update:value
'
,
val
);
}
}
function
close
()
{
function
close
()
{
...
@@ -121,7 +114,7 @@ export default create({
...
@@ -121,7 +114,7 @@ export default create({
return
Math
.
min
(
Math
.
max
(
4
,
val
),
6
);
return
Math
.
min
(
Math
.
max
(
4
,
val
),
6
);
}
}
function
onTips
()
{
function
onTips
()
{
emit
(
'
on-
tips
'
);
emit
(
'
tips
'
);
}
}
return
{
return
{
comLen
,
comLen
,
...
...
src/packages/uploader/demo.vue
浏览文件 @
81333578
...
@@ -3,11 +3,7 @@
...
@@ -3,11 +3,7 @@
<h2>
基础用法
</h2>
<h2>
基础用法
</h2>
<nut-uploader
:url=
"uploadUrl"
></nut-uploader>
<nut-uploader
:url=
"uploadUrl"
></nut-uploader>
<h2>
上传状态
</h2>
<h2>
上传状态
</h2>
<nut-uploader
<nut-uploader
:url=
"uploadUrl"
multiple
@
delete=
"onDelete"
></nut-uploader>
:url=
"uploadUrl"
multiple
@
on-delete=
"onDelete"
></nut-uploader>
<h2>
限制上传数量5个
</h2>
<h2>
限制上传数量5个
</h2>
<nut-uploader
:url=
"uploadUrl"
multiple
max-count=
"5"
></nut-uploader>
<nut-uploader
:url=
"uploadUrl"
multiple
max-count=
"5"
></nut-uploader>
<h2>
限制上传大小(每个文件最大不超过 50kb)
</h2>
<h2>
限制上传大小(每个文件最大不超过 50kb)
</h2>
...
@@ -45,7 +41,7 @@ export default createDemo({
...
@@ -45,7 +41,7 @@ export default createDemo({
console
.
log
(
'
oversize 触发 文件大小不能超过 50kb
'
,
files
);
console
.
log
(
'
oversize 触发 文件大小不能超过 50kb
'
,
files
);
};
};
const
onDelete
=
(
file
:
FileItem
,
fileList
:
FileItem
[])
=>
{
const
onDelete
=
(
file
:
FileItem
,
fileList
:
FileItem
[])
=>
{
console
.
log
(
'
on-
delete 事件触发
'
,
file
,
fileList
);
console
.
log
(
'
delete 事件触发
'
,
file
,
fileList
);
};
};
return
{
return
{
onOversize
,
onOversize
,
...
...
src/packages/uploader/doc.md
浏览文件 @
81333578
...
@@ -105,7 +105,7 @@ setup() {
...
@@ -105,7 +105,7 @@ setup() {
| disabled | 是否禁用文件上传 | Boolean | fasle |
| disabled | 是否禁用文件上传 | Boolean | fasle |
| before-upload | 上传前的函数需要返回一个对象 | Function | input files |
| before-upload | 上传前的函数需要返回一个对象 | Function | input files |
| before-delete | 除文件时的回调,返回值为 false 时不移除。支持返回一个 Promise 对象,Promise 对象 resolve(false) 或 reject 时不移除 | Function(file): boolean 丨Promise | - |
| before-delete | 除文件时的回调,返回值为 false 时不移除。支持返回一个 Promise 对象,Promise 对象 resolve(false) 或 reject 时不移除 | Function(file): boolean 丨Promise | - |
|
on-
change | 上传文件改变时的状态,详见 | Function(fileList) 丨 Promise | - |
| change | 上传文件改变时的状态,详见 | Function(fileList) 丨 Promise | - |
| custom-request | 通过覆盖默认的上传行为,可以自定义自己的上传实现 | Function | - |
| custom-request | 通过覆盖默认的上传行为,可以自定义自己的上传实现 | Function | - |
### Event
### Event
...
...
src/packages/uploader/index.vue
浏览文件 @
81333578
...
@@ -91,8 +91,8 @@ export default create({
...
@@ -91,8 +91,8 @@ export default create({
'
oversize
'
,
'
oversize
'
,
'
success
'
,
'
success
'
,
'
failure
'
,
'
failure
'
,
'
on-
change
'
,
'
change
'
,
'
on-
delete
'
'
delete
'
],
],
setup
(
props
,
{
emit
})
{
setup
(
props
,
{
emit
})
{
const
fileList
=
reactive
(
props
.
fileList
)
as
Array
<
FileItem
>
;
const
fileList
=
reactive
(
props
.
fileList
)
as
Array
<
FileItem
>
;
...
@@ -201,7 +201,7 @@ export default create({
...
@@ -201,7 +201,7 @@ export default create({
const
onDelete
=
(
file
:
FileItem
,
index
:
number
)
=>
{
const
onDelete
=
(
file
:
FileItem
,
index
:
number
)
=>
{
if
(
props
.
beforeDelete
(
file
,
fileList
))
{
if
(
props
.
beforeDelete
(
file
,
fileList
))
{
fileList
.
splice
(
index
,
1
);
fileList
.
splice
(
index
,
1
);
emit
(
'
on-
delete
'
,
{
emit
(
'
delete
'
,
{
file
,
file
,
fileList
fileList
});
});
...
@@ -229,7 +229,7 @@ export default create({
...
@@ -229,7 +229,7 @@ export default create({
clearInput
(
$el
);
clearInput
(
$el
);
}
}
emit
(
'
on-
change
'
,
{
emit
(
'
change
'
,
{
fileList
,
fileList
,
event
event
});
});
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录