Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
9ff63f52
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,发现更多精彩内容 >>
提交
9ff63f52
编写于
4月 19, 2018
作者:
D
dolymood
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
create-api support $props $events
上级
a2d9d852
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
59 addition
and
2 deletion
+59
-2
src/common/helpers/create-api-component.js
src/common/helpers/create-api-component.js
+59
-2
未找到文件。
src/common/helpers/create-api-component.js
浏览文件 @
9ff63f52
...
...
@@ -61,19 +61,76 @@ export default function createAPIComponent(Vue, Component, events = [], single =
},
create
(
config
,
renderFn
,
single
)
{
const
ownerInstance
=
this
const
component
=
api
.
open
(
parseRenderData
(
config
,
events
),
renderFn
,
single
)
const
renderData
=
parseRenderData
(
config
,
events
)
cancelWatchProps
()
processPropsAndEvents
()
const
component
=
api
.
open
(
renderData
,
renderFn
,
single
)
if
(
component
.
__cube__parent
!==
ownerInstance
)
{
component
.
__cube__parent
=
ownerInstance
const
beforeDestroy
=
function
()
{
cancelWatchProps
()
if
(
component
.
__cube__parent
===
ownerInstance
)
{
component
.
remove
()
}
ownerInstance
.
$off
(
'
hook:beforeDestroy
'
,
beforeDestroy
)
component
.
__cube__parent
=
null
}
ownerInstance
.
$on
(
'
hook:beforeDestroy
'
,
beforeDestroy
)
ownerInstance
.
$on
&&
ownerInstance
.
$on
(
'
hook:beforeDestroy
'
,
beforeDestroy
)
}
return
component
function
processPropsAndEvents
()
{
const
$props
=
renderData
.
props
.
$props
const
$events
=
renderData
.
props
.
$events
if
(
$props
)
{
delete
renderData
.
props
.
$props
const
watchKeys
=
[]
const
watchPropKeys
=
[]
Object
.
keys
(
$props
).
forEach
((
key
)
=>
{
const
propKey
=
$props
[
key
]
if
(
typeof
propKey
===
'
string
'
&&
propKey
in
ownerInstance
)
{
// get instance value
renderData
.
props
[
key
]
=
ownerInstance
[
propKey
]
watchKeys
.
push
(
key
)
watchPropKeys
.
push
(
propKey
)
}
else
{
renderData
.
props
[
key
]
=
propKey
}
})
if
(
ownerInstance
.
$watch
)
{
ownerInstance
.
__createAPI_watcher
=
ownerInstance
.
$watch
(
function
()
{
const
props
=
{}
watchKeys
.
forEach
((
key
,
i
)
=>
{
props
[
key
]
=
ownerInstance
[
watchPropKeys
[
i
]]
})
return
props
},
function
(
newProps
)
{
component
&&
component
.
$updateProps
(
newProps
)
})
}
}
if
(
$events
)
{
delete
renderData
.
props
.
$events
Object
.
keys
(
$events
).
forEach
((
event
)
=>
{
let
eventHandler
=
$events
[
event
]
if
(
typeof
eventHandler
===
'
string
'
&&
eventHandler
in
ownerInstance
)
{
eventHandler
=
ownerInstance
[
eventHandler
]
}
renderData
.
on
[
event
]
=
eventHandler
})
}
}
function
cancelWatchProps
()
{
if
(
ownerInstance
.
__createAPI_watcher
)
{
ownerInstance
.
__createAPI_watcher
()
ownerInstance
.
__createAPI_watcher
=
null
}
}
}
}
return
api
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录