javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 11:17:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

lint(eslint): migrate to eslint and prettier (#25046)

Browse Source
This commit is contained in:
Liam DeBeasi
2022-04-04 11:12:53 -04:00
committed by GitHub
parent 12fd19dd4d
commit 5676bab316
826 changed files with 56539 additions and 52754 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
core/src/components/toggle/toggle.tsx
View File

@ -1,7 +1,8 @@
import { Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';
import type { ComponentInterface, EventEmitter } from '@stencil/core';
import { Component, Element, Event, Host, Prop, State, Watch, h } from '@stencil/core';
import { getIonMode } from '../../global/ionic-global';
import { Color, Gesture, GestureDetail, StyleEventDetail, ToggleChangeEventDetail } from '../../interface';
import type { Color, Gesture, GestureDetail, StyleEventDetail, ToggleChangeEventDetail } from '../../interface';
import { getAriaLabel, renderHiddenInput } from '../../utils/helpers';
import { hapticSelection } from '../../utils/native/haptic';
import { isRTL } from '../../utils/rtl';
@ -17,12 +18,11 @@ import { createColorClasses, hostContext } from '../../utils/theme';
tag: 'ion-toggle',
styleUrls: {
ios: 'toggle.ios.scss',
md: 'toggle.md.scss'
md: 'toggle.md.scss',
},
shadow: true
shadow: true,
})
export class Toggle implements ComponentInterface {
private inputId = `ion-tg-${toggleIds++}`;
private gesture?: Gesture;
private focusEl?: HTMLElement;
@ -88,7 +88,7 @@ export class Toggle implements ComponentInterface {
checkedChanged(isChecked: boolean) {
this.ionChange.emit({
checked: isChecked,
value: this.value
value: this.value,
});
}
@ -108,8 +108,8 @@ export class Toggle implements ComponentInterface {
threshold: 5,
passive: false,
onStart: () => this.onStart(),
onMove: ev => this.onMove(ev),
onEnd: ev => this.onEnd(ev),
onMove: (ev) => this.onMove(ev),
onEnd: (ev) => this.onEnd(ev),
});
this.disabledChanged();
}
@ -168,15 +168,15 @@ export class Toggle implements ComponentInterface {
if (this.lastDrag + 300 < Date.now()) {
this.checked = !this.checked;
}
}
};
private onFocus = () => {
this.ionFocus.emit();
}
};
private onBlur = () => {
this.ionBlur.emit();
}
};
render() {
const { activated, color, checked, disabled, el, inputId, name } = this;
@ -184,7 +184,7 @@ export class Toggle implements ComponentInterface {
const { label, labelId, labelText } = getAriaLabel(el, inputId);
const value = this.getValue();
renderHiddenInput(true, el, name, (checked ? value : ''), disabled);
renderHiddenInput(true, el, name, checked ? value : '', disabled);
return (
<Host
@ -199,7 +199,7 @@ export class Toggle implements ComponentInterface {
'toggle-activated': activated,
'toggle-checked': checked,
'toggle-disabled': disabled,
'interactive': true
interactive: true,
})}
>
<div class="toggle-icon" part="track">
@ -207,9 +207,7 @@ export class Toggle implements ComponentInterface {
<div class="toggle-inner" part="handle" />
</div>
</div>
<label htmlFor={inputId}>
{labelText}
</label>
<label htmlFor={inputId}>{labelText}</label>
<input
type="checkbox"
role="switch"
@ -218,7 +216,7 @@ export class Toggle implements ComponentInterface {
id={inputId}
onFocus={() => this.onFocus()}
onBlur={() => this.onBlur()}
ref={focusEl => this.focusEl = focusEl}
ref={(focusEl) => (this.focusEl = focusEl)}
/>
</Host>
);
@ -227,11 +225,9 @@ export class Toggle implements ComponentInterface {
const shouldToggle = (rtl: boolean, checked: boolean, deltaX: number, margin: number): boolean => {
if (checked) {
return (!rtl && (margin > deltaX)) ||
(rtl && (- margin < deltaX));
return (!rtl && margin > deltaX) || (rtl && -margin < deltaX);
} else {
return (!rtl && (- margin < deltaX)) ||
(rtl && (margin > deltaX));
return (!rtl && -margin < deltaX) || (rtl && margin > deltaX);
}
};