Skip to content

Commit 58253d5

Browse files
luanraithzluanraithz
committed
fix linters
1 parent b6c92b1 commit 58253d5

File tree

3 files changed

+98
-102
lines changed

3 files changed

+98
-102
lines changed

‎examples/disabled.js‎

Lines changed: 89 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -1,101 +1,101 @@
1-
import React from 'react'
2-
import ReactDOM from 'react-dom'
1+
import React from 'react';
2+
import ReactDOM from 'react-dom';
33
import Trigger from 'rc-trigger';
44
import 'rc-trigger/assets/index.less';
5-
import './disabled.less'
6-
import { builtinPlacements } from './simple'
5+
import './disabled.less';
6+
import { builtinPlacements } from './simple';
77

88
class Test extends React.Component {
99

10-
constructor(props) {
11-
super(props)
12-
this.state = {
13-
disabled: false
14-
}
15-
this.handleDisabledChanged = this.handleDisabledChanged.bind(this)
16-
}
10+
constructor(props) {
11+
super(props);
12+
this.state = {
13+
disabled: false,
14+
};
15+
this.handleDisabledChanged = this.handleDisabledChanged.bind(this);
16+
}
1717

18-
handleDisabledChanged(event) {
19-
this.setState({ disabled: event.target.checked })
20-
}
21-
22-
render() {
23-
const { disabled } = this.state
24-
return (
25-
<div className="container">
26-
<div className="disabledWrapper">
27-
<input onChange={this.handleDisabledChanged} type="checkbox"/>
28-
<label> Disabled </label>
29-
</div>
30-
<div className="examples">
31-
<div className="trigger-example">
32-
<Trigger
33-
onPopupVisibleChange={() => console.log('Click popup visible changed')}
34-
popupPlacement={'bottom'}
35-
builtinPlacements={builtinPlacements}
36-
action={['click']}
37-
disabled={disabled}
38-
popup={
39-
<div>I'm a popup</div>
40-
}
41-
>
42-
<label>Click me {disabled && '(I\'m disabled)'}</label>
43-
</Trigger>
44-
</div>
45-
<div className="trigger-example">
46-
<Trigger
47-
onPopupVisibleChange={() => console.log('Hover popup visible changed')}
48-
popupPlacement={'bottom'}
49-
builtinPlacements={builtinPlacements}
50-
action={['hover']}
51-
disabled={disabled}
52-
popup={
53-
<div>
54-
I'm a popup
55-
</div>
56-
}
57-
>
58-
<label> Hover me {disabled && '(I\'m disabled)'} </label>
59-
</Trigger>
18+
handleDisabledChanged(event) {
19+
this.setState({ disabled: event.target.checked });
20+
}
21+
22+
render() {
23+
const { disabled } = this.state;
24+
return (
25+
<div className="container">
26+
<div className="disabledWrapper">
27+
<input onChange={this.handleDisabledChanged} type="checkbox"/>
28+
<label> Disabled </label>
29+
</div>
30+
<div className="examples">
31+
<div className="trigger-example">
32+
<Trigger
33+
onPopupVisibleChange={() => console.log('Click popup visible changed')}
34+
popupPlacement={'bottom'}
35+
builtinPlacements={builtinPlacements}
36+
action={['click']}
37+
disabled={disabled}
38+
popup={
39+
<div>I'm a popup</div>
40+
}
41+
>
42+
<label>Click me {disabled && '(I\'m disabled)'}</label>
43+
</Trigger>
44+
</div>
45+
<div className="trigger-example">
46+
<Trigger
47+
onPopupVisibleChange={() => console.log('Hover popup visible changed')}
48+
popupPlacement={'bottom'}
49+
builtinPlacements={builtinPlacements}
50+
action={['hover']}
51+
disabled={disabled}
52+
popup={
53+
<div>
54+
I'm a popup
6055
</div>
61-
<div className="trigger-example">
62-
<Trigger
63-
onPopupVisibleChange={() => console.log('Hover popup visible changed')}
64-
popupPlacement={'contextMenu'}
65-
builtinPlacements={builtinPlacements}
66-
action={['hover']}
67-
disabled={disabled}
68-
popupAlign={{
69-
points: ['tl', 'bl'],
70-
offset: [0, 3]
71-
}}
72-
popup={
73-
<div>
74-
I'm a popup
75-
</div>
76-
}
77-
>
78-
<label> Context Menu {disabled && '(I\'m disabled)'} </label>
79-
</Trigger>
56+
}
57+
>
58+
<label> Hover me {disabled && '(I\'m disabled)'} </label>
59+
</Trigger>
60+
</div>
61+
<div className="trigger-example">
62+
<Trigger
63+
onPopupVisibleChange={() => console.log('Hover popup visible changed')}
64+
popupPlacement={'contextMenu'}
65+
builtinPlacements={builtinPlacements}
66+
action={['hover']}
67+
disabled={disabled}
68+
popupAlign={{
69+
points: ['tl', 'bl'],
70+
offset: [0, 3],
71+
}}
72+
popup={
73+
<div>
74+
I'm a popup
8075
</div>
81-
<Trigger
82-
onPopupVisibleChange={() => console.log('Focus popup visible changed')}
83-
popupPlacement={'bottom'}
84-
builtinPlacements={builtinPlacements}
85-
action={['focus']}
86-
disabled={disabled}
87-
popup={
88-
<div>
89-
I'm a popup
90-
</div>
91-
}
92-
>
93-
<input placeholder={`Focus me ${disabled ? '(I\'m disabled)': ''}`} />
94-
</Trigger>
76+
}
77+
>
78+
<label> Context Menu {disabled && '(I\'m disabled)'} </label>
79+
</Trigger>
80+
</div>
81+
<Trigger
82+
onPopupVisibleChange={() => console.log('Focus popup visible changed')}
83+
popupPlacement={'bottom'}
84+
builtinPlacements={builtinPlacements}
85+
action={['focus']}
86+
disabled={disabled}
87+
popup={
88+
<div>
89+
I'm a popup
9590
</div>
96-
</div>
97-
)
98-
}
91+
}
92+
>
93+
<input placeholder={`Focus me ${disabled ? '(I\'m disabled)' : ''}`} />
94+
</Trigger>
95+
</div>
96+
</div>
97+
);
98+
}
9999
}
100100

101101
ReactDOM.render(<Test />, document.getElementById('__react-content'));

‎examples/simple.js‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,10 +46,6 @@ function preventDefault(e) {
4646
e.preventDefault();
4747
}
4848

49-
function getPopupContainer(trigger) {
50-
return trigger.parentNode;
51-
}
52-
5349
class Test extends React.Component {
5450
state = {
5551
mask: false,

‎src/index.js‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ export default class Trigger extends React.Component {
7878
maskAnimation: PropTypes.string,
7979
stretch: PropTypes.string,
8080
alignPoint: PropTypes.bool, // Maybe we can support user pass position in the future
81-
disabled: PropTypes.bool
81+
disabled: PropTypes.bool,
8282
};
8383

8484
static contextTypes = contextTypes;
@@ -106,7 +106,7 @@ export default class Trigger extends React.Component {
106106
action: [],
107107
showAction: [],
108108
hideAction: [],
109-
disabled: false
109+
disabled: false,
110110
};
111111

112112
constructor(props) {
@@ -211,7 +211,7 @@ export default class Trigger extends React.Component {
211211
}
212212

213213
onMouseEnter = (e) => {
214-
if (this.props.disabled) return
214+
if (this.props.disabled) return;
215215
const { mouseEnterDelay } = this.props;
216216
this.fireEvents('onMouseEnter', e);
217217
this.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e);
@@ -223,7 +223,7 @@ export default class Trigger extends React.Component {
223223
};
224224

225225
onMouseLeave = (e) => {
226-
if (this.props.disabled) return
226+
if (this.props.disabled) return;
227227
this.fireEvents('onMouseLeave', e);
228228
this.delaySetPopupVisible(false, this.props.mouseLeaveDelay);
229229
}
@@ -233,7 +233,7 @@ export default class Trigger extends React.Component {
233233
}
234234

235235
onPopupMouseLeave = (e) => {
236-
if (this.props.disabled) return
236+
if (this.props.disabled) return;
237237
// https://github.com/react-component/trigger/pull/13
238238
// react bug?
239239
if (e.relatedTarget && !e.relatedTarget.setTimeout &&
@@ -246,7 +246,7 @@ export default class Trigger extends React.Component {
246246
}
247247

248248
onFocus = (e) => {
249-
if (this.props.disabled) return
249+
if (this.props.disabled) return;
250250
this.fireEvents('onFocus', e);
251251
// incase focusin and focusout
252252
this.clearDelayTimer();
@@ -267,7 +267,7 @@ export default class Trigger extends React.Component {
267267
}
268268

269269
onBlur = (e) => {
270-
if (this.props.disabled) return
270+
if (this.props.disabled) return;
271271
this.fireEvents('onBlur', e);
272272
this.clearDelayTimer();
273273
if (this.isBlurToHide()) {
@@ -276,7 +276,7 @@ export default class Trigger extends React.Component {
276276
}
277277

278278
onContextMenu = (e) => {
279-
if (this.props.disabled) return
279+
if (this.props.disabled) return;
280280
e.preventDefault();
281281
this.fireEvents('onContextMenu', e);
282282
this.setPopupVisible(true, e);
@@ -289,7 +289,7 @@ export default class Trigger extends React.Component {
289289
}
290290

291291
onClick = (event) => {
292-
if (this.props.disabled) return
292+
if (this.props.disabled) return;
293293
this.fireEvents('onClick', event);
294294
// focus will trigger click
295295
if (this.focusTime) {

0 commit comments

Comments
 (0)