chore: Release 4.10.0

naver · May 26, 2023 · e692d4f · e692d4f
1 parent dce9a8c
commit e692d4f
Show file tree

Hide file tree

Showing 81 changed files with 8,906 additions and 2,143 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,37 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.10.0](https://github.com/naver/egjs-infinitegrid/compare/4.9.0...4.10.0) (2023-05-26)
+### :sparkles: Packages
+* `@egjs/infinitegrid` 4.10.0
+* `@egjs/react-infinitegrid` 4.10.0
+* `@egjs/svelte-infinitegrid` 4.10.0
+* `@egjs/vue-infinitegrid` 4.10.0
+* `@egjs/vue3-infinitegrid` 4.10.0
+* `@egjs/ngx-infinitegrid` 4.10.0
+
+
+### :rocket: New Features
+
+* All
+    * add infoBy prop for frameworks (#538) ([6fd5c0b](https://github.com/naver/egjs-infinitegrid/commit/6fd5c0b36f2aded59d3fce54d880f8882b2a3ec6))
+* `@egjs/ngx-infinitegrid`
+    * upgrade to Angular 15 and enable partial compilation (#527) ([2f05376](https://github.com/naver/egjs-infinitegrid/commit/2f05376864f2021e10f4074621bb59911046c002))
+
+
+### :bug: Bug Fix
+
+* `@egjs/ngx-infinitegrid`
+    * fix zone inside run #535 (#537) ([a2d9dd5](https://github.com/naver/egjs-infinitegrid/commit/a2d9dd5b7195342eb118a4ae17052d5cf3377974))
+
+
+### :mega: Other
+
+* All
+    * update packages versions ([dce9a8c](https://github.com/naver/egjs-infinitegrid/commit/dce9a8c79342d01190b59197b82bf11d25c5665c))
+
+
+
 ## [4.9.0](https://github.com/naver/egjs-infinitegrid/compare/4.8.1...4.9.0) (2023-03-17)
 ### :sparkles: Packages
 * `@egjs/infinitegrid` 4.9.0

diff --git a/packages/docs/docs/api/FrameInfiniteGrid.mdx b/packages/docs/docs/api/FrameInfiniteGrid.mdx
@@ -14,7 +14,7 @@ class FrameInfiniteGrid
 
 <div className="container">
   <div className="row mb-2"><div className="col col--6"><strong>Methods</strong></div><div className="col col--6"><strong>Events</strong></div></div>
-  <div className="row"><div className="col col--6"><a href="#renderItems">renderItems</a><br/><a href="#getWrapperElement">getWrapperElement</a><br/><a href="#getScrollContainerElement">getScrollContainerElement</a><br/><a href="#getContainerElement">getContainerElement</a><br/><a href="#syncItems">syncItems</a><br/><a href="#setCursors">setCursors</a><br/><a href="#getStartCursor">getStartCursor</a><br/><a href="#getEndCursor">getEndCursor</a><br/><a href="#append">append</a><br/><a href="#prepend">prepend</a><br/><a href="#insert">insert</a><br/><a href="#insertByGroupIndex">insertByGroupIndex</a><br/><a href="#getStatus">getStatus</a><br/><a href="#setPlaceholder">setPlaceholder</a><br/><a href="#setLoading">setLoading</a><br/><a href="#appendPlaceholders">appendPlaceholders</a><br/><a href="#prependPlaceholders">prependPlaceholders</a><br/><a href="#removePlaceholders">removePlaceholders</a><br/><a href="#setStatus">setStatus</a><br/><a href="#removeGroupByIndex">removeGroupByIndex</a><br/><a href="#removeGroupByKey">removeGroupByKey</a><br/><a href="#removeByIndex">removeByIndex</a><br/><a href="#removeByKey">removeByKey</a><br/><a href="#updateItems">updateItems</a><br/><a href="#getItems">getItems</a><br/><a href="#getVisibleItems">getVisibleItems</a><br/><a href="#getRenderingItems">getRenderingItems</a><br/><a href="#getGroups">getGroups</a><br/><a href="#getVisibleGroups">getVisibleGroups</a><br/><a href="#wait">wait</a><br/><a href="#ready">ready</a><br/><a href="#isWait">isWait</a><br/><a href="#destroy">destroy</a><br/><a href="#trigger">trigger</a><br/><a href="#once">once</a><br/><a href="#hasOn">hasOn</a><br/><a href="#on">on</a><br/><a href="#off">off</a></div><div className="col col--6"><a href="#event-changeScroll">changeScroll</a><br/><a href="#event-requestAppend">requestAppend</a><br/><a href="#event-requestPrepend">requestPrepend</a><br/><a href="#event-contentError">contentError</a><br/><a href="#event-renderComplete">renderComplete</a></div></div>
+  <div className="row"><div className="col col--6"><a href="#renderItems">renderItems</a><br/><a href="#getWrapperElement">getWrapperElement</a><br/><a href="#getScrollContainerElement">getScrollContainerElement</a><br/><a href="#getContainerElement">getContainerElement</a><br/><a href="#syncItems">syncItems</a><br/><a href="#setCursors">setCursors</a><br/><a href="#getStartCursor">getStartCursor</a><br/><a href="#getEndCursor">getEndCursor</a><br/><a href="#append">append</a><br/><a href="#prepend">prepend</a><br/><a href="#insert">insert</a><br/><a href="#insertByGroupIndex">insertByGroupIndex</a><br/><a href="#getStatus">getStatus</a><br/><a href="#setPlaceholder">setPlaceholder</a><br/><a href="#setLoading">setLoading</a><br/><a href="#appendPlaceholders">appendPlaceholders</a><br/><a href="#prependPlaceholders">prependPlaceholders</a><br/><a href="#removePlaceholders">removePlaceholders</a><br/><a href="#setStatus">setStatus</a><br/><a href="#removeGroupByIndex">removeGroupByIndex</a><br/><a href="#removeGroupByKey">removeGroupByKey</a><br/><a href="#removeByIndex">removeByIndex</a><br/><a href="#removeByKey">removeByKey</a><br/><a href="#updateItems">updateItems</a><br/><a href="#getItems">getItems</a><br/><a href="#getVisibleItems">getVisibleItems</a><br/><a href="#getRenderingItems">getRenderingItems</a><br/><a href="#getGroups">getGroups</a><br/><a href="#getVisibleGroups">getVisibleGroups</a><br/><a href="#wait">wait</a><br/><a href="#ready">ready</a><br/><a href="#isWait">isWait</a><br/><a href="#destroy">destroy</a></div><div className="col col--6"><a href="#event-changeScroll">changeScroll</a><br/><a href="#event-requestAppend">requestAppend</a><br/><a href="#event-requestPrepend">requestPrepend</a><br/><a href="#event-contentError">contentError</a><br/><a href="#event-renderComplete">renderComplete</a></div></div>
 </div>
 
 ## constructor
@@ -492,183 +492,6 @@ ig.insertByGroupIndex(4, [HTMLElement1, HTMLElement2]);
 
 **Returns**: void
 
-### trigger {#trigger}
-
-<div>
-  <span className="badge badge--danger">inherited</span>
-</div>
-
-<p>Trigger a custom event.</p>
-
-**Returns**: this
-- <p>An instance of the component itself</p>
-
-|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION|
-|:---:|:---:|:---:|:---:|:---:|
-|event|string \| ComponentEvent|||<p>The name of the custom event to be triggered or an instance of the ComponentEvent</p>|
-|params|Array&lt;any&gt; \| $ts:...|||<p>Event data to be sent when triggering a custom event </p>|
-
-```ts
-import Component, { ComponentEvent } from "@egjs/component";
-
-class Some extends Component<{
-  beforeHi: ComponentEvent<{ foo: number; bar: string }>;
-  hi: { foo: { a: number; b: boolean } };
-  someEvent: (foo: number, bar: string) => void;
-  someOtherEvent: void; // When there's no event argument
-}> {
-  some(){
-    if(this.trigger("beforeHi")){ // When event call to stop return false.
-      this.trigger("hi");// fire hi event.
-    }
-  }
-}
-
-const some = new Some();
-some.on("beforeHi", e => {
-  if(condition){
-    e.stop(); // When event call to stop, `hi` event not call.
-  }
-  // `currentTarget` is component instance.
-  console.log(some === e.currentTarget); // true
-
-  typeof e.foo; // number
-  typeof e.bar; // string
-});
-some.on("hi", e => {
-  typeof e.foo.b; // boolean
-});
-// If you want to more know event design. You can see article.
-// https://github.com/naver/egjs-component/wiki/How-to-make-Component-event-design%3F
-```
-
-### once {#once}
-
-<div>
-  <span className="badge badge--danger">inherited</span>
-</div>
-
-<p>Executed event just one time.</p>
-
-**Returns**: this
-- <p>An instance of the component itself</p>
-
-|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION|
-|:---:|:---:|:---:|:---:|:---:|
-|eventName|string \| $ts:...|||<p>The name of the event to be attached or an event name - event handler mapped object.</p>|
-|handlerToAttach|function \| $ts:...|✔️||<p>The handler function of the event to be attached </p>|
-
-```ts
-import Component, { ComponentEvent } from "@egjs/component";
-
-class Some extends Component<{
-  hi: ComponentEvent;
-}> {
-  hi() {
-    alert("hi");
-  }
-  thing() {
-    this.once("hi", this.hi);
-  }
-}
-
-var some = new Some();
-some.thing();
-some.trigger(new ComponentEvent("hi"));
-// fire alert("hi");
-some.trigger(new ComponentEvent("hi"));
-// Nothing happens
-```
-
-### hasOn {#hasOn}
-
-<div>
-  <span className="badge badge--danger">inherited</span>
-</div>
-
-<p>Checks whether an event has been attached to a component.</p>
-
-**Returns**: boolean
-- <p>Indicates whether the event is attached. </p>
-
-|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION|
-|:---:|:---:|:---:|:---:|:---:|
-|eventName|string|||<p>The name of the event to be attached </p>|
-
-```ts
-import Component from "@egjs/component";
-
-class Some extends Component<{
-  hi: void;
-}> {
-  some() {
-    this.hasOn("hi");// check hi event.
-  }
-}
-```
-
-### on {#on}
-
-<div>
-  <span className="badge badge--danger">inherited</span>
-</div>
-
-<p>Attaches an event to a component.</p>
-
-**Returns**: this
-- <p>An instance of a component itself</p>
-
-|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION|
-|:---:|:---:|:---:|:---:|:---:|
-|eventName|string \| $ts:...|||<p>The name of the event to be attached or an event name - event handler mapped object.</p>|
-|handlerToAttach|function \| $ts:...|✔️||<p>The handler function of the event to be attached </p>|
-
-```ts
-import Component, { ComponentEvent } from "@egjs/component";
-
-class Some extends Component<{
-  hi: void;
-}> {
-  hi() {
-    console.log("hi");
-  }
-  some() {
-    this.on("hi",this.hi); //attach event
-  }
-}
-```
-
-### off {#off}
-
-<div>
-  <span className="badge badge--danger">inherited</span>
-</div>
-
-<p>Detaches an event from the component.<br/>If the <code>eventName</code> is not given this will detach all event handlers attached.<br/>If the <code>handlerToDetach</code> is not given, this will detach all event handlers for <code>eventName</code>.</p>
-
-**Returns**: this
-- <p>An instance of a component itself </p>
-
-|PARAMETER|TYPE|OPTIONAL|DEFAULT|DESCRIPTION|
-|:---:|:---:|:---:|:---:|:---:|
-|eventName|string \| $ts:...|✔️||<p>The name of the event to be detached </p>|
-|handlerToDetach|function \| $ts:...|✔️||<p>The handler function of the event to be detached </p>|
-
-```ts
-import Component, { ComponentEvent } from "@egjs/component";
-
-class Some extends Component<{
-  hi: void;
-}> {
-  hi() {
-    console.log("hi");
-  }
-  some() {
-    this.off("hi",this.hi); //detach event
-  }
-}
-```
-
 ## Events
 ### changeScroll {#event-changeScroll}
 

diff --git a/packages/docs/docs/api/FrameInfiniteGridOptions.mdx b/packages/docs/docs/api/FrameInfiniteGridOptions.mdx
@@ -61,5 +61,6 @@ custom_edit_url: null
 |useRecycle|boolean|true|<p>Whether to show only the DOM of the visible area.</p>|
 |scrollContainer|HTMLElement \| string \| Ref&lt;HTMLElement&gt; \| null||<p>You can set the scrollContainer directly. In this case, the container becomes the wrapper itself.</p>|
 |gridConstructor|GridFunction||<p>Grid class to apply Infinite function.</p>|
+|appliedItemChecker|(item: InfiniteGridItem, grid: Grid) =&gt; boolean||<p>A function that checks whether non-rendering items are included in the Grid.</p>|
 |renderer|Renderer \| null||<p>class that renders the DOM.</p>|