Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
大大大太阳yt
driver.js
提交
b69e4676
D
driver.js
项目概览
大大大太阳yt
/
driver.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
driver.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
b69e4676
编写于
3月 11, 2018
作者:
K
Kamran Ahmed
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Fix - Conflicts when having multiple drivers on page
上级
1de52889
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
25 addition
and
5 deletion
+25
-5
src/index.js
src/index.js
+25
-5
未找到文件。
src/index.js
浏览文件 @
b69e4676
...
...
@@ -7,10 +7,12 @@ import {
CLASS_NEXT_STEP_BTN
,
CLASS_PREV_STEP_BTN
,
ESC_KEY_CODE
,
ID_POPOVER
,
LEFT_KEY_CODE
,
ID_POPOVER
,
LEFT_KEY_CODE
,
OVERLAY_ANIMATE
,
OVERLAY_OPACITY
,
OVERLAY_PADDING
,
RIGHT_KEY_CODE
,
OVERLAY_PADDING
,
RIGHT_KEY_CODE
,
}
from
'
./common/constants
'
;
/**
...
...
@@ -30,6 +32,7 @@ export default class Sholo {
this
.
document
=
document
;
this
.
window
=
window
;
this
.
isActivated
=
false
;
this
.
overlay
=
new
Overlay
(
this
.
options
,
this
.
window
,
this
.
document
);
this
.
steps
=
[];
// steps to be presented if any
...
...
@@ -62,7 +65,7 @@ export default class Sholo {
* @param e
*/
onClick
(
e
)
{
if
(
!
this
.
hasHighlightedElement
())
{
if
(
!
this
.
hasHighlightedElement
()
||
!
this
.
isActivated
)
{
// Has no highlighted element so ignore the click
return
;
}
...
...
@@ -75,7 +78,7 @@ export default class Sholo {
// Remove the overlay If clicked outside the highlighted element
if
(
!
clickedHighlightedElement
&&
!
clickedPopover
)
{
this
.
overlay
.
clear
();
this
.
reset
();
return
;
}
...
...
@@ -140,6 +143,7 @@ export default class Sholo {
*/
reset
()
{
this
.
currentStep
=
0
;
this
.
isActivated
=
false
;
this
.
steps
=
[];
this
.
overlay
.
clear
();
}
...
...
@@ -159,6 +163,10 @@ export default class Sholo {
* that the highlighted part travels with the scroll
*/
onScroll
()
{
if
(
!
this
.
isActivated
)
{
return
;
}
this
.
overlay
.
refresh
(
false
);
}
...
...
@@ -168,6 +176,10 @@ export default class Sholo {
* the highlighted part travels with the width change of window
*/
onResize
()
{
if
(
!
this
.
isActivated
)
{
return
;
}
// Refresh with animation
this
.
overlay
.
refresh
(
true
);
}
...
...
@@ -177,8 +189,12 @@ export default class Sholo {
* @param event
*/
onKeyUp
(
event
)
{
if
(
!
this
.
isActivated
)
{
return
;
}
if
(
event
.
keyCode
===
ESC_KEY_CODE
)
{
this
.
overlay
.
clear
();
this
.
reset
();
}
else
if
(
event
.
keyCode
===
RIGHT_KEY_CODE
&&
this
.
hasNextStep
())
{
this
.
moveNext
();
}
else
if
(
event
.
keyCode
===
LEFT_KEY_CODE
&&
this
.
hasPreviousStep
())
{
...
...
@@ -261,6 +277,8 @@ export default class Sholo {
throw
new
Error
(
'
There are no steps defined to iterate
'
);
}
this
.
isActivated
=
true
;
this
.
currentStep
=
index
;
this
.
overlay
.
highlight
(
this
.
steps
[
index
]);
}
...
...
@@ -270,6 +288,8 @@ export default class Sholo {
* @param {string|{element: string, popover: {}}} selector Query selector or a step definition
*/
highlight
(
selector
)
{
this
.
isActivated
=
true
;
const
element
=
this
.
prepareElementFromStep
(
selector
);
if
(
!
element
)
{
return
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录