@egjs/flicking-plugins 4.7.1 → 4.8.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/declaration/Arrow.d.ts +51 -45
- package/declaration/AutoPlay.d.ts +44 -40
- package/declaration/Fade.d.ts +16 -16
- package/declaration/Parallax.d.ts +16 -16
- package/declaration/Perspective.d.ts +28 -28
- package/declaration/Sync.d.ts +37 -37
- package/declaration/const.d.ts +31 -31
- package/declaration/event.d.ts +5 -5
- package/declaration/index.d.ts +10 -10
- package/declaration/pagination/Pagination.d.ts +61 -61
- package/declaration/pagination/index.d.ts +3 -3
- package/declaration/pagination/renderer/BulletRenderer.d.ts +11 -11
- package/declaration/pagination/renderer/FractionRenderer.d.ts +9 -9
- package/declaration/pagination/renderer/Renderer.d.ts +19 -19
- package/declaration/pagination/renderer/ScrollBulletRenderer.d.ts +12 -12
- package/declaration/type.d.ts +9 -9
- package/declaration/utils.d.ts +3 -3
- package/dist/plugins.esm.js +124 -75
- package/dist/plugins.esm.js.map +1 -1
- package/dist/plugins.js +124 -75
- package/dist/plugins.js.map +1 -1
- package/dist/plugins.min.js +2 -2
- package/dist/plugins.min.js.map +1 -1
- package/package.json +3 -3
- package/src/Arrow.ts +37 -13
- package/src/AutoPlay.ts +10 -1
package/declaration/Arrow.d.ts
CHANGED
|
@@ -1,45 +1,51 @@
|
|
|
1
|
-
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
-
interface ArrowOptions {
|
|
3
|
-
parentEl: HTMLElement | null;
|
|
4
|
-
prevElSelector: string;
|
|
5
|
-
nextElSelector: string;
|
|
6
|
-
disabledClass: string;
|
|
7
|
-
moveCount: number;
|
|
8
|
-
moveByViewportSize: boolean;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
private
|
|
13
|
-
private
|
|
14
|
-
private
|
|
15
|
-
private
|
|
16
|
-
private
|
|
17
|
-
private
|
|
18
|
-
private
|
|
19
|
-
private
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
get
|
|
24
|
-
get
|
|
25
|
-
get
|
|
26
|
-
get
|
|
27
|
-
get
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
set
|
|
33
|
-
set
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
private
|
|
44
|
-
|
|
45
|
-
|
|
1
|
+
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
+
interface ArrowOptions {
|
|
3
|
+
parentEl: HTMLElement | null;
|
|
4
|
+
prevElSelector: string;
|
|
5
|
+
nextElSelector: string;
|
|
6
|
+
disabledClass: string;
|
|
7
|
+
moveCount: number;
|
|
8
|
+
moveByViewportSize: boolean;
|
|
9
|
+
interruptable: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare class Arrow implements Plugin {
|
|
12
|
+
private _flicking;
|
|
13
|
+
private _prevEl;
|
|
14
|
+
private _nextEl;
|
|
15
|
+
private _nextIndex;
|
|
16
|
+
private _parentEl;
|
|
17
|
+
private _prevElSelector;
|
|
18
|
+
private _nextElSelector;
|
|
19
|
+
private _disabledClass;
|
|
20
|
+
private _moveCount;
|
|
21
|
+
private _moveByViewportSize;
|
|
22
|
+
private _interruptable;
|
|
23
|
+
get prevEl(): HTMLElement;
|
|
24
|
+
get nextEl(): HTMLElement;
|
|
25
|
+
get parentEl(): ArrowOptions["parentEl"];
|
|
26
|
+
get prevElSelector(): ArrowOptions["prevElSelector"];
|
|
27
|
+
get nextElSelector(): ArrowOptions["nextElSelector"];
|
|
28
|
+
get disabledClass(): ArrowOptions["disabledClass"];
|
|
29
|
+
get moveCount(): ArrowOptions["moveCount"];
|
|
30
|
+
get moveByViewportSize(): ArrowOptions["moveByViewportSize"];
|
|
31
|
+
get interruptable(): ArrowOptions["interruptable"];
|
|
32
|
+
set parentEl(val: ArrowOptions["parentEl"]);
|
|
33
|
+
set prevElSelector(val: ArrowOptions["prevElSelector"]);
|
|
34
|
+
set nextElSelector(val: ArrowOptions["nextElSelector"]);
|
|
35
|
+
set disabledClass(val: ArrowOptions["disabledClass"]);
|
|
36
|
+
set moveCount(val: ArrowOptions["moveCount"]);
|
|
37
|
+
set moveByViewportSize(val: ArrowOptions["moveByViewportSize"]);
|
|
38
|
+
set interruptable(val: ArrowOptions["interruptable"]);
|
|
39
|
+
constructor({ parentEl, prevElSelector, nextElSelector, disabledClass, moveCount, moveByViewportSize, interruptable }?: Partial<ArrowOptions>);
|
|
40
|
+
init(flicking: Flicking): void;
|
|
41
|
+
destroy(): void;
|
|
42
|
+
update(): void;
|
|
43
|
+
private _preventInputPropagation;
|
|
44
|
+
private _onPrevClick;
|
|
45
|
+
private _onNextClick;
|
|
46
|
+
private _onAnimation;
|
|
47
|
+
private _onWillChange;
|
|
48
|
+
private _updateClass;
|
|
49
|
+
private _onCatch;
|
|
50
|
+
}
|
|
51
|
+
export default Arrow;
|
|
@@ -1,40 +1,44 @@
|
|
|
1
|
-
import Flicking, { Plugin, DIRECTION } from "@egjs/flicking";
|
|
2
|
-
interface AutoPlayOptions {
|
|
3
|
-
duration: number;
|
|
4
|
-
animationDuration: number | undefined;
|
|
5
|
-
direction: typeof DIRECTION["NEXT"] | typeof DIRECTION["PREV"];
|
|
6
|
-
stopOnHover: boolean;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
private
|
|
12
|
-
private
|
|
13
|
-
private
|
|
14
|
-
private
|
|
15
|
-
private
|
|
16
|
-
private
|
|
17
|
-
private
|
|
18
|
-
private
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
get
|
|
22
|
-
get
|
|
23
|
-
get
|
|
24
|
-
get
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
set
|
|
29
|
-
set
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
1
|
+
import Flicking, { Plugin, DIRECTION } from "@egjs/flicking";
|
|
2
|
+
interface AutoPlayOptions {
|
|
3
|
+
duration: number;
|
|
4
|
+
animationDuration: number | undefined;
|
|
5
|
+
direction: typeof DIRECTION["NEXT"] | typeof DIRECTION["PREV"];
|
|
6
|
+
stopOnHover: boolean;
|
|
7
|
+
stopOnInit: boolean;
|
|
8
|
+
delayAfterHover: number;
|
|
9
|
+
}
|
|
10
|
+
declare class AutoPlay implements Plugin {
|
|
11
|
+
private _duration;
|
|
12
|
+
private _animationDuration;
|
|
13
|
+
private _direction;
|
|
14
|
+
private _stopOnHover;
|
|
15
|
+
private _stopOnInit;
|
|
16
|
+
private _delayAfterHover;
|
|
17
|
+
private _flicking;
|
|
18
|
+
private _timerId;
|
|
19
|
+
private _mouseEntered;
|
|
20
|
+
private _playing;
|
|
21
|
+
get duration(): number;
|
|
22
|
+
get animationDuration(): number | undefined;
|
|
23
|
+
get direction(): AutoPlayOptions["direction"];
|
|
24
|
+
get stopOnHover(): boolean;
|
|
25
|
+
get stopOnInit(): boolean;
|
|
26
|
+
get delayAfterHover(): number;
|
|
27
|
+
get playing(): boolean;
|
|
28
|
+
set duration(val: number);
|
|
29
|
+
set animationDuration(val: number | undefined);
|
|
30
|
+
set direction(val: AutoPlayOptions["direction"]);
|
|
31
|
+
set stopOnHover(val: boolean);
|
|
32
|
+
set stopOnInit(val: boolean);
|
|
33
|
+
set delayAfterHover(val: number);
|
|
34
|
+
constructor({ duration, animationDuration, direction, stopOnHover, stopOnInit, delayAfterHover }?: Partial<AutoPlayOptions>);
|
|
35
|
+
init(flicking: Flicking): void;
|
|
36
|
+
destroy(): void;
|
|
37
|
+
update(): void;
|
|
38
|
+
play: () => void;
|
|
39
|
+
stop: () => void;
|
|
40
|
+
private _movePanel;
|
|
41
|
+
private _onMouseEnter;
|
|
42
|
+
private _onMouseLeave;
|
|
43
|
+
}
|
|
44
|
+
export default AutoPlay;
|
package/declaration/Fade.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
-
declare class Fade implements Plugin {
|
|
3
|
-
private _flicking;
|
|
4
|
-
private _selector;
|
|
5
|
-
private _scale;
|
|
6
|
-
get selector(): string;
|
|
7
|
-
get scale(): number;
|
|
8
|
-
set selector(val: string);
|
|
9
|
-
set scale(val: number);
|
|
10
|
-
constructor(selector?: string, scale?: number);
|
|
11
|
-
init(flicking: Flicking): void;
|
|
12
|
-
destroy(): void;
|
|
13
|
-
update: () => void;
|
|
14
|
-
private _onMove;
|
|
15
|
-
}
|
|
16
|
-
export default Fade;
|
|
1
|
+
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
+
declare class Fade implements Plugin {
|
|
3
|
+
private _flicking;
|
|
4
|
+
private _selector;
|
|
5
|
+
private _scale;
|
|
6
|
+
get selector(): string;
|
|
7
|
+
get scale(): number;
|
|
8
|
+
set selector(val: string);
|
|
9
|
+
set scale(val: number);
|
|
10
|
+
constructor(selector?: string, scale?: number);
|
|
11
|
+
init(flicking: Flicking): void;
|
|
12
|
+
destroy(): void;
|
|
13
|
+
update: () => void;
|
|
14
|
+
private _onMove;
|
|
15
|
+
}
|
|
16
|
+
export default Fade;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
-
declare class Parallax implements Plugin {
|
|
3
|
-
private _flicking;
|
|
4
|
-
private _selector;
|
|
5
|
-
private _scale;
|
|
6
|
-
get selector(): string;
|
|
7
|
-
get scale(): number;
|
|
8
|
-
set selector(val: string);
|
|
9
|
-
set scale(val: number);
|
|
10
|
-
constructor(selector?: string, scale?: number);
|
|
11
|
-
init(flicking: Flicking): void;
|
|
12
|
-
destroy(): void;
|
|
13
|
-
update: () => void;
|
|
14
|
-
private _onMove;
|
|
15
|
-
}
|
|
16
|
-
export default Parallax;
|
|
1
|
+
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
+
declare class Parallax implements Plugin {
|
|
3
|
+
private _flicking;
|
|
4
|
+
private _selector;
|
|
5
|
+
private _scale;
|
|
6
|
+
get selector(): string;
|
|
7
|
+
get scale(): number;
|
|
8
|
+
set selector(val: string);
|
|
9
|
+
set scale(val: number);
|
|
10
|
+
constructor(selector?: string, scale?: number);
|
|
11
|
+
init(flicking: Flicking): void;
|
|
12
|
+
destroy(): void;
|
|
13
|
+
update: () => void;
|
|
14
|
+
private _onMove;
|
|
15
|
+
}
|
|
16
|
+
export default Parallax;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
-
interface PerspectiveOptions {
|
|
3
|
-
selector: string;
|
|
4
|
-
scale: number;
|
|
5
|
-
rotate: number;
|
|
6
|
-
perspective: number;
|
|
7
|
-
}
|
|
8
|
-
declare class Perspective implements Plugin {
|
|
9
|
-
private _flicking;
|
|
10
|
-
private _selector;
|
|
11
|
-
private _scale;
|
|
12
|
-
private _rotate;
|
|
13
|
-
private _perspective;
|
|
14
|
-
get selector(): string;
|
|
15
|
-
get scale(): number;
|
|
16
|
-
get rotate(): number;
|
|
17
|
-
get perspective(): number;
|
|
18
|
-
set selector(val: string);
|
|
19
|
-
set scale(val: number);
|
|
20
|
-
set rotate(val: number);
|
|
21
|
-
set perspective(val: number);
|
|
22
|
-
constructor({ selector, scale, rotate, perspective }?: Partial<PerspectiveOptions>);
|
|
23
|
-
init(flicking: Flicking): void;
|
|
24
|
-
destroy(): void;
|
|
25
|
-
update: () => void;
|
|
26
|
-
private _onMove;
|
|
27
|
-
}
|
|
28
|
-
export default Perspective;
|
|
1
|
+
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
+
interface PerspectiveOptions {
|
|
3
|
+
selector: string;
|
|
4
|
+
scale: number;
|
|
5
|
+
rotate: number;
|
|
6
|
+
perspective: number;
|
|
7
|
+
}
|
|
8
|
+
declare class Perspective implements Plugin {
|
|
9
|
+
private _flicking;
|
|
10
|
+
private _selector;
|
|
11
|
+
private _scale;
|
|
12
|
+
private _rotate;
|
|
13
|
+
private _perspective;
|
|
14
|
+
get selector(): string;
|
|
15
|
+
get scale(): number;
|
|
16
|
+
get rotate(): number;
|
|
17
|
+
get perspective(): number;
|
|
18
|
+
set selector(val: string);
|
|
19
|
+
set scale(val: number);
|
|
20
|
+
set rotate(val: number);
|
|
21
|
+
set perspective(val: number);
|
|
22
|
+
constructor({ selector, scale, rotate, perspective }?: Partial<PerspectiveOptions>);
|
|
23
|
+
init(flicking: Flicking): void;
|
|
24
|
+
destroy(): void;
|
|
25
|
+
update: () => void;
|
|
26
|
+
private _onMove;
|
|
27
|
+
}
|
|
28
|
+
export default Perspective;
|
package/declaration/Sync.d.ts
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import Flicking from "@egjs/flicking";
|
|
2
|
-
import type { Plugin } from "@egjs/flicking";
|
|
3
|
-
import { SYNC } from "./const";
|
|
4
|
-
export interface SyncOptions {
|
|
5
|
-
type: typeof SYNC.TYPE.CAMERA | typeof SYNC.TYPE.INDEX;
|
|
6
|
-
synchronizedFlickingOptions: SychronizableFlickingOptions[];
|
|
7
|
-
}
|
|
8
|
-
export interface SychronizableFlickingOptions {
|
|
9
|
-
flicking: Flicking;
|
|
10
|
-
isClickable?: boolean;
|
|
11
|
-
isSlidable?: boolean;
|
|
12
|
-
activeClass?: string;
|
|
13
|
-
}
|
|
14
|
-
declare class Sync implements Plugin {
|
|
15
|
-
private _flicking;
|
|
16
|
-
private _type;
|
|
17
|
-
private _synchronizedFlickingOptions;
|
|
18
|
-
get type(): SyncOptions["type"];
|
|
19
|
-
get synchronizedFlickingOptions(): SyncOptions["synchronizedFlickingOptions"];
|
|
20
|
-
set type(val: SyncOptions["type"]);
|
|
21
|
-
set synchronizedFlickingOptions(val: SyncOptions["synchronizedFlickingOptions"]);
|
|
22
|
-
constructor({ type, synchronizedFlickingOptions }?: Partial<SyncOptions>);
|
|
23
|
-
init(flicking: Flicking): void;
|
|
24
|
-
destroy(): void;
|
|
25
|
-
update(): void;
|
|
26
|
-
private _preventEvent;
|
|
27
|
-
private _addEvents;
|
|
28
|
-
private _removeEvents;
|
|
29
|
-
private _onIndexChange;
|
|
30
|
-
private _onMove;
|
|
31
|
-
private _onMoveStart;
|
|
32
|
-
private _onMoveEnd;
|
|
33
|
-
private _onSelect;
|
|
34
|
-
private _synchronizeByIndex;
|
|
35
|
-
private _updateClass;
|
|
36
|
-
}
|
|
37
|
-
export default Sync;
|
|
1
|
+
import Flicking from "@egjs/flicking";
|
|
2
|
+
import type { Plugin } from "@egjs/flicking";
|
|
3
|
+
import { SYNC } from "./const";
|
|
4
|
+
export interface SyncOptions {
|
|
5
|
+
type: typeof SYNC.TYPE.CAMERA | typeof SYNC.TYPE.INDEX;
|
|
6
|
+
synchronizedFlickingOptions: SychronizableFlickingOptions[];
|
|
7
|
+
}
|
|
8
|
+
export interface SychronizableFlickingOptions {
|
|
9
|
+
flicking: Flicking;
|
|
10
|
+
isClickable?: boolean;
|
|
11
|
+
isSlidable?: boolean;
|
|
12
|
+
activeClass?: string;
|
|
13
|
+
}
|
|
14
|
+
declare class Sync implements Plugin {
|
|
15
|
+
private _flicking;
|
|
16
|
+
private _type;
|
|
17
|
+
private _synchronizedFlickingOptions;
|
|
18
|
+
get type(): SyncOptions["type"];
|
|
19
|
+
get synchronizedFlickingOptions(): SyncOptions["synchronizedFlickingOptions"];
|
|
20
|
+
set type(val: SyncOptions["type"]);
|
|
21
|
+
set synchronizedFlickingOptions(val: SyncOptions["synchronizedFlickingOptions"]);
|
|
22
|
+
constructor({ type, synchronizedFlickingOptions }?: Partial<SyncOptions>);
|
|
23
|
+
init(flicking: Flicking): void;
|
|
24
|
+
destroy(): void;
|
|
25
|
+
update(): void;
|
|
26
|
+
private _preventEvent;
|
|
27
|
+
private _addEvents;
|
|
28
|
+
private _removeEvents;
|
|
29
|
+
private _onIndexChange;
|
|
30
|
+
private _onMove;
|
|
31
|
+
private _onMoveStart;
|
|
32
|
+
private _onMoveEnd;
|
|
33
|
+
private _onSelect;
|
|
34
|
+
private _synchronizeByIndex;
|
|
35
|
+
private _updateClass;
|
|
36
|
+
}
|
|
37
|
+
export default Sync;
|
package/declaration/const.d.ts
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
export declare const ARROW: {
|
|
2
|
-
readonly PREV_SELECTOR: ".flicking-arrow-prev";
|
|
3
|
-
readonly NEXT_SELECTOR: ".flicking-arrow-next";
|
|
4
|
-
readonly DISABLED_CLASS: "flicking-arrow-disabled";
|
|
5
|
-
};
|
|
6
|
-
export declare const PAGINATION: {
|
|
7
|
-
readonly SELECTOR: ".flicking-pagination";
|
|
8
|
-
readonly PREFIX: "flicking-pagination";
|
|
9
|
-
readonly BULLET_WRAPPER_SUFFIX: "bullets";
|
|
10
|
-
readonly BULLET_SUFFIX: "bullet";
|
|
11
|
-
readonly BULLET_ACTIVE_SUFFIX: "bullet-active";
|
|
12
|
-
readonly FRACTION_WRAPPER_SUFFIX: "fraction";
|
|
13
|
-
readonly FRACTION_CURRENT_SUFFIX: "fraction-current";
|
|
14
|
-
readonly FRACTION_TOTAL_SUFFIX: "fraction-total";
|
|
15
|
-
readonly SCROLL_UNINIT_SUFFIX: "uninitialized";
|
|
16
|
-
readonly SCROLL_WRAPPER_SUFFIX: "scroll";
|
|
17
|
-
readonly SCROLL_SLIDER_SUFFIX: "slider";
|
|
18
|
-
readonly SCROLL_PREV_SUFFIX: "bullet-prev";
|
|
19
|
-
readonly SCROLL_NEXT_SUFFIX: "bullet-next";
|
|
20
|
-
readonly TYPE: {
|
|
21
|
-
readonly BULLET: "bullet";
|
|
22
|
-
readonly FRACTION: "fraction";
|
|
23
|
-
readonly SCROLL: "scroll";
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export declare const SYNC: {
|
|
27
|
-
readonly TYPE: {
|
|
28
|
-
readonly CAMERA: "camera";
|
|
29
|
-
readonly INDEX: "index";
|
|
30
|
-
};
|
|
31
|
-
};
|
|
1
|
+
export declare const ARROW: {
|
|
2
|
+
readonly PREV_SELECTOR: ".flicking-arrow-prev";
|
|
3
|
+
readonly NEXT_SELECTOR: ".flicking-arrow-next";
|
|
4
|
+
readonly DISABLED_CLASS: "flicking-arrow-disabled";
|
|
5
|
+
};
|
|
6
|
+
export declare const PAGINATION: {
|
|
7
|
+
readonly SELECTOR: ".flicking-pagination";
|
|
8
|
+
readonly PREFIX: "flicking-pagination";
|
|
9
|
+
readonly BULLET_WRAPPER_SUFFIX: "bullets";
|
|
10
|
+
readonly BULLET_SUFFIX: "bullet";
|
|
11
|
+
readonly BULLET_ACTIVE_SUFFIX: "bullet-active";
|
|
12
|
+
readonly FRACTION_WRAPPER_SUFFIX: "fraction";
|
|
13
|
+
readonly FRACTION_CURRENT_SUFFIX: "fraction-current";
|
|
14
|
+
readonly FRACTION_TOTAL_SUFFIX: "fraction-total";
|
|
15
|
+
readonly SCROLL_UNINIT_SUFFIX: "uninitialized";
|
|
16
|
+
readonly SCROLL_WRAPPER_SUFFIX: "scroll";
|
|
17
|
+
readonly SCROLL_SLIDER_SUFFIX: "slider";
|
|
18
|
+
readonly SCROLL_PREV_SUFFIX: "bullet-prev";
|
|
19
|
+
readonly SCROLL_NEXT_SUFFIX: "bullet-next";
|
|
20
|
+
readonly TYPE: {
|
|
21
|
+
readonly BULLET: "bullet";
|
|
22
|
+
readonly FRACTION: "fraction";
|
|
23
|
+
readonly SCROLL: "scroll";
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export declare const SYNC: {
|
|
27
|
+
readonly TYPE: {
|
|
28
|
+
readonly CAMERA: "camera";
|
|
29
|
+
readonly INDEX: "index";
|
|
30
|
+
};
|
|
31
|
+
};
|
package/declaration/event.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export declare const BROWSER: {
|
|
2
|
-
CLICK: string;
|
|
3
|
-
MOUSE_DOWN: string;
|
|
4
|
-
TOUCH_START: string;
|
|
5
|
-
};
|
|
1
|
+
export declare const BROWSER: {
|
|
2
|
+
CLICK: string;
|
|
3
|
+
MOUSE_DOWN: string;
|
|
4
|
+
TOUCH_START: string;
|
|
5
|
+
};
|
package/declaration/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import Parallax from "./Parallax";
|
|
2
|
-
import Fade from "./Fade";
|
|
3
|
-
import AutoPlay from "./AutoPlay";
|
|
4
|
-
import Arrow from "./Arrow";
|
|
5
|
-
import Sync, { SyncOptions, SychronizableFlickingOptions } from "./Sync";
|
|
6
|
-
import Perspective from "./Perspective";
|
|
7
|
-
export * from "./pagination";
|
|
8
|
-
export { Parallax, Fade, AutoPlay, Arrow, Sync, Perspective };
|
|
9
|
-
export type { SyncOptions, SychronizableFlickingOptions };
|
|
10
|
-
export * from "./const";
|
|
1
|
+
import Parallax from "./Parallax";
|
|
2
|
+
import Fade from "./Fade";
|
|
3
|
+
import AutoPlay from "./AutoPlay";
|
|
4
|
+
import Arrow from "./Arrow";
|
|
5
|
+
import Sync, { SyncOptions, SychronizableFlickingOptions } from "./Sync";
|
|
6
|
+
import Perspective from "./Perspective";
|
|
7
|
+
export * from "./pagination";
|
|
8
|
+
export { Parallax, Fade, AutoPlay, Arrow, Sync, Perspective };
|
|
9
|
+
export type { SyncOptions, SychronizableFlickingOptions };
|
|
10
|
+
export * from "./const";
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
-
import ScrollContext from "../type";
|
|
3
|
-
export interface PaginationOptions {
|
|
4
|
-
parentEl: HTMLElement | null;
|
|
5
|
-
selector: string;
|
|
6
|
-
type: "bullet" | "fraction" | "scroll";
|
|
7
|
-
classPrefix: string;
|
|
8
|
-
bulletCount: number;
|
|
9
|
-
renderBullet: (className: string, index: number) => string;
|
|
10
|
-
renderFraction: (currentClass: string, totalClass: string) => string;
|
|
11
|
-
renderActiveBullet: ((className: string, index: number) => string) | null;
|
|
12
|
-
fractionCurrentFormat: (index: number) => string;
|
|
13
|
-
fractionTotalFormat: (total: number) => string;
|
|
14
|
-
scrollOnChange: (index: number, ctx: ScrollContext) => any;
|
|
15
|
-
}
|
|
16
|
-
declare class Pagination implements Plugin {
|
|
17
|
-
private _flicking;
|
|
18
|
-
private _renderer;
|
|
19
|
-
private _wrapper;
|
|
20
|
-
private _parentEl;
|
|
21
|
-
private _selector;
|
|
22
|
-
private _type;
|
|
23
|
-
private _classPrefix;
|
|
24
|
-
private _bulletCount;
|
|
25
|
-
private _renderBullet;
|
|
26
|
-
private _renderActiveBullet;
|
|
27
|
-
private _renderFraction;
|
|
28
|
-
private _fractionCurrentFormat;
|
|
29
|
-
private _fractionTotalFormat;
|
|
30
|
-
private _scrollOnChange;
|
|
31
|
-
get parentEl(): PaginationOptions["parentEl"];
|
|
32
|
-
get selector(): PaginationOptions["selector"];
|
|
33
|
-
get type(): PaginationOptions["type"];
|
|
34
|
-
get classPrefix(): string;
|
|
35
|
-
get bulletCount(): PaginationOptions["bulletCount"];
|
|
36
|
-
get renderBullet(): PaginationOptions["renderBullet"];
|
|
37
|
-
get renderActiveBullet(): PaginationOptions["renderActiveBullet"];
|
|
38
|
-
get renderFraction(): PaginationOptions["renderFraction"];
|
|
39
|
-
get fractionCurrentFormat(): PaginationOptions["fractionCurrentFormat"];
|
|
40
|
-
get fractionTotalFormat(): PaginationOptions["fractionTotalFormat"];
|
|
41
|
-
get scrollOnChange(): PaginationOptions["scrollOnChange"];
|
|
42
|
-
set parentEl(val: PaginationOptions["parentEl"]);
|
|
43
|
-
set selector(val: PaginationOptions["selector"]);
|
|
44
|
-
set type(val: PaginationOptions["type"]);
|
|
45
|
-
set bulletWrapperclassPrefixClass(val: PaginationOptions["classPrefix"]);
|
|
46
|
-
set bulletCount(val: PaginationOptions["bulletCount"]);
|
|
47
|
-
set renderBullet(val: PaginationOptions["renderBullet"]);
|
|
48
|
-
set renderActiveBullet(val: PaginationOptions["renderActiveBullet"]);
|
|
49
|
-
set renderFraction(val: PaginationOptions["renderFraction"]);
|
|
50
|
-
set fractionCurrentFormat(val: PaginationOptions["fractionCurrentFormat"]);
|
|
51
|
-
set fractionTotalFormat(val: PaginationOptions["fractionTotalFormat"]);
|
|
52
|
-
set scrollOnChange(val: PaginationOptions["scrollOnChange"]);
|
|
53
|
-
constructor({ parentEl, selector, type, classPrefix, bulletCount, renderBullet, renderActiveBullet, renderFraction, fractionCurrentFormat, fractionTotalFormat, scrollOnChange }?: Partial<PaginationOptions>);
|
|
54
|
-
init(flicking: Flicking): void;
|
|
55
|
-
destroy(): void;
|
|
56
|
-
update: () => void;
|
|
57
|
-
private _createRenderer;
|
|
58
|
-
private _onIndexChange;
|
|
59
|
-
private _removeAllChilds;
|
|
60
|
-
}
|
|
61
|
-
export default Pagination;
|
|
1
|
+
import Flicking, { Plugin } from "@egjs/flicking";
|
|
2
|
+
import ScrollContext from "../type";
|
|
3
|
+
export interface PaginationOptions {
|
|
4
|
+
parentEl: HTMLElement | null;
|
|
5
|
+
selector: string;
|
|
6
|
+
type: "bullet" | "fraction" | "scroll";
|
|
7
|
+
classPrefix: string;
|
|
8
|
+
bulletCount: number;
|
|
9
|
+
renderBullet: (className: string, index: number) => string;
|
|
10
|
+
renderFraction: (currentClass: string, totalClass: string) => string;
|
|
11
|
+
renderActiveBullet: ((className: string, index: number) => string) | null;
|
|
12
|
+
fractionCurrentFormat: (index: number) => string;
|
|
13
|
+
fractionTotalFormat: (total: number) => string;
|
|
14
|
+
scrollOnChange: (index: number, ctx: ScrollContext) => any;
|
|
15
|
+
}
|
|
16
|
+
declare class Pagination implements Plugin {
|
|
17
|
+
private _flicking;
|
|
18
|
+
private _renderer;
|
|
19
|
+
private _wrapper;
|
|
20
|
+
private _parentEl;
|
|
21
|
+
private _selector;
|
|
22
|
+
private _type;
|
|
23
|
+
private _classPrefix;
|
|
24
|
+
private _bulletCount;
|
|
25
|
+
private _renderBullet;
|
|
26
|
+
private _renderActiveBullet;
|
|
27
|
+
private _renderFraction;
|
|
28
|
+
private _fractionCurrentFormat;
|
|
29
|
+
private _fractionTotalFormat;
|
|
30
|
+
private _scrollOnChange;
|
|
31
|
+
get parentEl(): PaginationOptions["parentEl"];
|
|
32
|
+
get selector(): PaginationOptions["selector"];
|
|
33
|
+
get type(): PaginationOptions["type"];
|
|
34
|
+
get classPrefix(): string;
|
|
35
|
+
get bulletCount(): PaginationOptions["bulletCount"];
|
|
36
|
+
get renderBullet(): PaginationOptions["renderBullet"];
|
|
37
|
+
get renderActiveBullet(): PaginationOptions["renderActiveBullet"];
|
|
38
|
+
get renderFraction(): PaginationOptions["renderFraction"];
|
|
39
|
+
get fractionCurrentFormat(): PaginationOptions["fractionCurrentFormat"];
|
|
40
|
+
get fractionTotalFormat(): PaginationOptions["fractionTotalFormat"];
|
|
41
|
+
get scrollOnChange(): PaginationOptions["scrollOnChange"];
|
|
42
|
+
set parentEl(val: PaginationOptions["parentEl"]);
|
|
43
|
+
set selector(val: PaginationOptions["selector"]);
|
|
44
|
+
set type(val: PaginationOptions["type"]);
|
|
45
|
+
set bulletWrapperclassPrefixClass(val: PaginationOptions["classPrefix"]);
|
|
46
|
+
set bulletCount(val: PaginationOptions["bulletCount"]);
|
|
47
|
+
set renderBullet(val: PaginationOptions["renderBullet"]);
|
|
48
|
+
set renderActiveBullet(val: PaginationOptions["renderActiveBullet"]);
|
|
49
|
+
set renderFraction(val: PaginationOptions["renderFraction"]);
|
|
50
|
+
set fractionCurrentFormat(val: PaginationOptions["fractionCurrentFormat"]);
|
|
51
|
+
set fractionTotalFormat(val: PaginationOptions["fractionTotalFormat"]);
|
|
52
|
+
set scrollOnChange(val: PaginationOptions["scrollOnChange"]);
|
|
53
|
+
constructor({ parentEl, selector, type, classPrefix, bulletCount, renderBullet, renderActiveBullet, renderFraction, fractionCurrentFormat, fractionTotalFormat, scrollOnChange }?: Partial<PaginationOptions>);
|
|
54
|
+
init(flicking: Flicking): void;
|
|
55
|
+
destroy(): void;
|
|
56
|
+
update: () => void;
|
|
57
|
+
private _createRenderer;
|
|
58
|
+
private _onIndexChange;
|
|
59
|
+
private _removeAllChilds;
|
|
60
|
+
}
|
|
61
|
+
export default Pagination;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Pagination, { PaginationOptions } from "./Pagination";
|
|
2
|
-
export { Pagination };
|
|
3
|
-
export type { PaginationOptions };
|
|
1
|
+
import Pagination, { PaginationOptions } from "./Pagination";
|
|
2
|
+
export { Pagination };
|
|
3
|
+
export type { PaginationOptions };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import Renderer from "./Renderer";
|
|
2
|
-
declare class BulletRenderer extends Renderer {
|
|
3
|
-
private _bullets;
|
|
4
|
-
private _prevIndex;
|
|
5
|
-
private get _bulletClass();
|
|
6
|
-
private get _activeClass();
|
|
7
|
-
destroy(): void;
|
|
8
|
-
render(): void;
|
|
9
|
-
update(index: number): void;
|
|
10
|
-
}
|
|
11
|
-
export default BulletRenderer;
|
|
1
|
+
import Renderer from "./Renderer";
|
|
2
|
+
declare class BulletRenderer extends Renderer {
|
|
3
|
+
private _bullets;
|
|
4
|
+
private _prevIndex;
|
|
5
|
+
private get _bulletClass();
|
|
6
|
+
private get _activeClass();
|
|
7
|
+
destroy(): void;
|
|
8
|
+
render(): void;
|
|
9
|
+
update(index: number): void;
|
|
10
|
+
}
|
|
11
|
+
export default BulletRenderer;
|