forked from naver/egjs-flicking
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
121 changed files
with
17,353 additions
and
99 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
21 changes: 21 additions & 0 deletions
21
docs/i18n/ko/docusaurus-plugin-content-docs/current/api/MOVE_DIRECTION.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
--- | ||
custom_edit_url: null | ||
--- | ||
|
||
```ts | ||
const MOVE_DIRECTION | ||
``` | ||
|
||
<div> | ||
|
||
</div> | ||
|
||
[Flicking](Flicking)이 움직이는 방향을 담고 있는 객체 | ||
|
||
**Type**: object | ||
|
||
|PROPERTY|TYPE|DESCRIPTION| | ||
|:---:|:---:|:---:| | ||
|HORIZONTAL|"horizontal"|수평 방향| | ||
|VERTICAL|"vertical"|수직 방향| | ||
|
22 changes: 22 additions & 0 deletions
22
docs/i18n/ko/docusaurus-plugin-content-docs/version-4.12.0/api/ALIGN.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
--- | ||
custom_edit_url: null | ||
--- | ||
|
||
```ts | ||
const ALIGN | ||
``` | ||
|
||
<div> | ||
|
||
</div> | ||
|
||
[align](Flicking#align) 옵션에 사용되는 미리 정의된 리터럴 상수들을 담고 있는 객체 | ||
|
||
**Type**: object | ||
|
||
|PROPERTY|TYPE|DESCRIPTION| | ||
|:---:|:---:|:---:| | ||
|PREV|"prev"|좌/상 정렬| | ||
|CENTER|"center"|중앙 정렬| | ||
|NEXT|"next"|우/하 정렬| | ||
|
67 changes: 67 additions & 0 deletions
67
docs/i18n/ko/docusaurus-plugin-content-docs/version-4.12.0/api/AnchorPoint.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,67 @@ | ||
--- | ||
custom_edit_url: null | ||
--- | ||
|
||
```ts | ||
class AnchorPoint | ||
``` | ||
|
||
<div> | ||
|
||
</div> | ||
|
||
카메라가 정지해야하는 실제 위치를 담고 있는 데이터 컴포넌트 | ||
|
||
<div className="container"> | ||
<div className="row mb-2"><div className="col col--12"><strong>Properties</strong></div></div> | ||
<div className="row"><div className="col col--12"><a href="#index">index</a><br/><a href="#position">position</a><br/><a href="#panel">panel</a></div></div> | ||
</div> | ||
|
||
## constructor | ||
```ts | ||
new AnchorPoint(options, options.index, options.position, options.panel) | ||
``` | ||
|
||
<div> | ||
|
||
</div> | ||
|
||
|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION| | ||
|:---:|:---:|:---:|:---:|:---:| | ||
|options|object|||옵션 객체| | ||
|options.index|number|✔️||AnchorPoint의 인덱스| | ||
|options.position|number|✔️||AnchorPoint의 좌표| | ||
|options.panel|[Panel](Panel)|✔️||AnchorPoint가 참조하고 있는 [Panel](Panel)| | ||
|
||
## Properties | ||
|
||
### index {#index} | ||
|
||
<div> | ||
<span className="badge badge--warning">readonly</span> | ||
</div> | ||
|
||
AnchorPoint의 인덱스 | ||
|
||
**Type**: number | ||
|
||
### position {#position} | ||
|
||
<div> | ||
<span className="badge badge--warning">readonly</span> | ||
</div> | ||
|
||
AnchorPoint의 좌표 | ||
|
||
**Type**: number | ||
|
||
### panel {#panel} | ||
|
||
<div> | ||
<span className="badge badge--warning">readonly</span> | ||
</div> | ||
|
||
AnchorPoint가 참조하고 있는 [Panel](Panel) | ||
|
||
**Type**: [Panel](Panel) | ||
|
166 changes: 166 additions & 0 deletions
166
docs/i18n/ko/docusaurus-plugin-content-docs/version-4.12.0/api/AnimatingState.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,166 @@ | ||
--- | ||
custom_edit_url: null | ||
--- | ||
|
||
<div className="notification is-warning my-2">⚠️ This class is for <strong>internal</strong> use only.</div> | ||
|
||
```ts | ||
class AnimatingState extends State | ||
``` | ||
<div> | ||
</div> | ||
사용자 입력이나 메소드 호출에 의해 Flicking의 애니메이션이 동작중인 상태 | ||
<div className="container"> | ||
<div className="row mb-2"><div className="col col--6"><strong>Properties</strong></div><div className="col col--6"><strong>Methods</strong></div></div> | ||
<div className="row"><div className="col col--6"><a href="#holding">holding</a><br/><a href="#animating">animating</a><br/><a href="#delta">delta</a><br/><a href="#targetPanel">targetPanel</a></div><div className="col col--6"><a href="#onEnter">onEnter</a><br/><a href="#onHold">onHold</a><br/><a href="#onChange">onChange</a><br/><a href="#onRelease">onRelease</a><br/><a href="#onAnimationEnd">onAnimationEnd</a><br/><a href="#onFinish">onFinish</a></div></div> | ||
</div> | ||
## Properties | ||
### holding {#holding} | ||
<div> | ||
<span className="badge badge--warning">readonly</span> | ||
</div> | ||
현재 사용자가 클릭/터치중인지 여부 | ||
**Type**: false | ||
### animating {#animating} | ||
<div> | ||
<span className="badge badge--warning">readonly</span> | ||
</div> | ||
현재 애니메이션 동작 여부 | ||
**Type**: true | ||
### delta {#delta} | ||
<div> | ||
<span className="badge badge--warning">readonly</span> | ||
<span className="badge badge--danger">inherited</span> | ||
</div> | ||
이전 hold이벤트부터 change에 의해 발생한 이동 delta값의 합산 | ||
**Type**: number | ||
### targetPanel {#targetPanel} | ||
<div> | ||
<span className="badge badge--warning">readonly</span> | ||
<span className="badge badge--danger">inherited</span> | ||
</div> | ||
애니메이션 종료시 [Control#activePanel](Control#activePanel)로 설정할 패널 | ||
**Type**: number | ||
## Methods | ||
### onEnter {#onEnter} | ||
<div> | ||
<span className="badge badge--danger">inherited</span> | ||
</div> | ||
현재 상태로 돌입했을때 호출되는 콜백 함수 | ||
**Returns**: void | ||
|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION| | ||
|:---:|:---:|:---:|:---:|:---:| | ||
|prevState|[State](State)|||이전 상태값| | ||
### onHold {#onHold} | ||
<div> | ||
<span className="badge badge--danger">inherited</span> | ||
</div> | ||
Axes의 [hold](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:hold) 이벤트 핸들러 | ||
**Returns**: void | ||
|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION| | ||
|:---:|:---:|:---:|:---:|:---:| | ||
|ctx|object|✔️||이벤트 콘텍스트| | ||
|ctx.flicking|[Flicking](Flicking)|✔️||Flicking 인스턴스| | ||
|ctx.axesEvent|object|✔️||Axes의 [hold](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:hold) 이벤트| | ||
|ctx.transitTo|function|✔️||다른 상태로 변경하기 위한 함수| | ||
### onChange {#onChange} | ||
<div> | ||
<span className="badge badge--danger">inherited</span> | ||
</div> | ||
Axes의 [change](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:change) 이벤트 핸들러 | ||
**Returns**: void | ||
|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION| | ||
|:---:|:---:|:---:|:---:|:---:| | ||
|ctx|object|✔️||이벤트 콘텍스트| | ||
|ctx.flicking|[Flicking](Flicking)|✔️||Flicking 인스턴스| | ||
|ctx.axesEvent|object|✔️||Axes의 [change](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:change) 이벤트| | ||
|ctx.transitTo|function|✔️||다른 상태로 변경하기 위한 함수| | ||
### onRelease {#onRelease} | ||
<div> | ||
<span className="badge badge--danger">inherited</span> | ||
</div> | ||
Axes의 [release](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:release) 이벤트 핸들러 | ||
**Returns**: void | ||
|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION| | ||
|:---:|:---:|:---:|:---:|:---:| | ||
|ctx|object|✔️||이벤트 콘텍스트| | ||
|ctx.flicking|[Flicking](Flicking)|✔️||Flicking 인스턴스| | ||
|ctx.axesEvent|object|✔️||Axes의 [release](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:release) 이벤트| | ||
|ctx.transitTo|function|✔️||다른 상태로 변경하기 위한 함수| | ||
### onAnimationEnd {#onAnimationEnd} | ||
<div> | ||
<span className="badge badge--danger">inherited</span> | ||
</div> | ||
Axes의 [animationEnd](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:animationEnd) 이벤트 핸들러 | ||
**Returns**: void | ||
|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION| | ||
|:---:|:---:|:---:|:---:|:---:| | ||
|ctx|object|✔️||이벤트 콘텍스트| | ||
|ctx.flicking|[Flicking](Flicking)|✔️||Flicking 인스턴스| | ||
|ctx.axesEvent|object|✔️||Axes의 [animationEnd](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:animationEnd) 이벤트| | ||
|ctx.transitTo|function|✔️||다른 상태로 변경하기 위한 함수| | ||
### onFinish {#onFinish} | ||
<div> | ||
<span className="badge badge--danger">inherited</span> | ||
</div> | ||
Axes의 [finish](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:finish) 이벤트 핸들러 | ||
**Returns**: void | ||
|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION| | ||
|:---:|:---:|:---:|:---:|:---:| | ||
|ctx|object|✔️||이벤트 콘텍스트| | ||
|ctx.flicking|[Flicking](Flicking)|✔️||Flicking 인스턴스| | ||
|ctx.axesEvent|object|✔️||Axes의 [finish](https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html#event:finish) 이벤트| | ||
|ctx.transitTo|function|✔️||다른 상태로 변경하기 위한 함수| | ||
Oops, something went wrong.