Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
926c4bce
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,发现更多精彩内容 >>
提交
926c4bce
编写于
3月 17, 2021
作者:
S
suzigang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs: notify
上级
04273b3e
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
25 addition
and
21 deletion
+25
-21
src/packages/notify/demo.vue
src/packages/notify/demo.vue
+8
-11
src/packages/notify/doc.md
src/packages/notify/doc.md
+3
-3
src/packages/notify/index.scss
src/packages/notify/index.scss
+0
-1
src/packages/notify/index.vue
src/packages/notify/index.vue
+10
-2
src/packages/notify/notify.ts
src/packages/notify/notify.ts
+2
-4
src/packages/popup/index.vue
src/packages/popup/index.vue
+2
-0
未找到文件。
src/packages/notify/demo.vue
浏览文件 @
926c4bce
...
...
@@ -65,7 +65,7 @@ import { Notify } from './notify';
const
{
createDemo
}
=
createComponent
(
'
notify
'
);
export
default
createDemo
({
setup
()
{
const
baseNotify
=
msg
=>
{
const
baseNotify
=
(
msg
:
string
)
=>
{
Notify
.
text
(
msg
,
{
onClose
:
()
=>
{
console
.
log
(
'
close
'
);
...
...
@@ -75,22 +75,22 @@ export default createDemo({
}
});
};
const
primaryNotify
=
msg
=>
{
const
primaryNotify
=
(
msg
:
string
)
=>
{
Notify
.
primary
(
msg
);
};
const
successNotify
=
msg
=>
{
const
successNotify
=
(
msg
:
string
)
=>
{
Notify
.
success
(
msg
);
};
const
errorNotify
=
msg
=>
{
const
errorNotify
=
(
msg
:
string
)
=>
{
Notify
.
danger
(
msg
);
};
const
warningNotify
=
msg
=>
{
const
warningNotify
=
(
msg
:
string
)
=>
{
Notify
.
warn
(
msg
);
};
const
cusBgNotify
=
msg
=>
{
const
cusBgNotify
=
(
msg
:
string
)
=>
{
Notify
.
text
(
msg
,
{
color
:
'
#ad0000
'
,
background
:
'
#ffe1e1
'
});
};
const
timeNotify
=
msg
=>
{
const
timeNotify
=
(
msg
:
string
)
=>
{
Notify
.
text
(
msg
,
{
duration
:
10000
});
};
return
{
...
...
@@ -106,7 +106,4 @@ export default createDemo({
});
</
script
>
<
style
lang=
"scss"
scoped
>
.nut-temp
{
}
</
style
>
<
style
lang=
"scss"
scoped
></
style
>
src/packages/notify/doc.md
浏览文件 @
926c4bce
...
...
@@ -83,12 +83,12 @@ export default {
| duration | 展示时长(ms),值为 0 时,notify 不会消失 | String | 空 |
| color | 字体颜色 | String | 空 |
| background | 背景颜色 | String | 空 |
| class
N
ame | 自定义类名 | String/Number | 1 |
| class
-n
ame | 自定义类名 | String/Number | 1 |
### Events
| 事件名 | 说明 | 回调参数 |
|--------|----------------|--------------|
| on
C
lick | 点击事件回调 | 无 |
| on
C
lose | 关闭事件回调 | 无 |
| on
-c
lick | 点击事件回调 | 无 |
| on
-c
lose | 关闭事件回调 | 无 |
\ No newline at end of file
src/packages/notify/index.scss
浏览文件 @
926c4bce
@import
'../../styles/variables.scss'
;
.popup-top
{
position
:
fixed
;
top
:
0
;
...
...
src/packages/notify/index.vue
浏览文件 @
926c4bce
...
...
@@ -12,7 +12,12 @@
<
template
v-else
>
{{
msg
}}
</
template
>
</view>
</Transition>
<!-- </view> -->
<!-- <nut-popup v-model:show="state.mounted" position="top" :style="{ color: color, background: background }" :class="['popup-top', 'nut-notify', `nut-notify--${type}`, { className }]" overlay="false">
<template v-if="$slots.default">
<slot></slot>
</template>
<template v-else>{{ msg }}</template>
</nut-popup> -->
</template>
<
script
lang=
"ts"
>
import
{
toRefs
,
reactive
,
onMounted
,
watch
}
from
'
vue
'
;
...
...
@@ -21,6 +26,9 @@ import Popup from '@/packages/popup/index.vue';
const
{
componentName
,
create
}
=
createComponent
(
'
notify
'
);
export
default
create
({
components
:
{
[
Popup
.
name
]:
Popup
},
props
:
{
id
:
String
,
color
:
{
type
:
String
,
default
:
''
},
...
...
@@ -45,7 +53,7 @@ export default create({
},
setup
(
props
,
{
slots
})
{
let
timer
;
let
timer
:
null
|
number
=
null
;
const
state
=
reactive
({
mounted
:
false
});
...
...
src/packages/notify/notify.ts
浏览文件 @
926c4bce
...
...
@@ -47,7 +47,7 @@ const updateNotify = (opts: any) => {
}
else
{
opts
=
{
...
defaultOptions
,
...
opts
};
}
const
instance
:
any
=
createVNode
(
NotifyConstructor
,
opts
);
const
instance
:
any
=
createVNode
(
VueNotify
,
opts
);
render
(
instance
,
container
);
return
instance
.
component
.
ctx
;
}
...
...
@@ -68,15 +68,13 @@ const mountNotify = (opts: any) => {
opts
.
id
=
_id
;
idsMap
.
push
(
opts
.
id
);
optsMap
.
push
(
opts
);
const
container
=
document
.
createElement
(
'
div
'
);
const
container
=
document
.
createElement
(
'
view
'
);
container
.
id
=
opts
.
id
;
const
instance
:
any
=
createVNode
(
NotifyConstructor
,
opts
);
render
(
instance
,
container
);
document
.
body
.
appendChild
(
container
);
console
.
log
(
instance
.
component
);
setTimeout
(()
=>
{
instance
.
showPopup
=
true
;
console
.
log
(
instance
.
component
,
'
====
'
);
},
0
);
return
instance
.
component
.
ctx
;
};
...
...
src/packages/popup/index.vue
浏览文件 @
926c4bce
...
...
@@ -43,6 +43,7 @@ import {
}
from
'
vue
'
;
import
{
useLockScroll
}
from
'
./use-lock-scroll
'
;
import
{
overlayProps
}
from
'
./../overlay/index.vue
'
;
import
overlay
from
'
@/packages/overlay/index.vue
'
;
import
{
createComponent
}
from
'
@/utils/create
'
;
const
{
componentName
,
create
}
=
createComponent
(
'
popup
'
);
...
...
@@ -104,6 +105,7 @@ const popupProps = {
}
};
export
default
create
({
children
:
[
overlay
],
props
:
{
...
overlayProps
,
...
popupProps
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录