From e5bfcc4c61ed03009ff35b6fca8a1f70969995ae Mon Sep 17 00:00:00 2001 From: "Daybrush (Younkue Choi)" Date: Wed, 7 Feb 2024 19:24:50 +0900 Subject: [PATCH] fix: fix observe order (#563) * chore: update packages versions * fix: fix observe order --- packages/docs/package.json | 4 ++-- packages/infinitegrid/package.json | 2 +- packages/infinitegrid/src/InfiniteGrid.ts | 2 +- packages/ngx-infinitegrid/package.json | 2 +- .../ngx-infinitegrid/projects/ngx-infinitegrid/package.json | 4 ++-- .../src/lib/grids/ngx-masonry-infinitegrid.component.ts | 1 + packages/react-infinitegrid/package.json | 4 ++-- packages/svelte-infinitegrid/package.json | 4 ++-- packages/vue-infinitegrid/package.json | 4 ++-- packages/vue3-infinitegrid/package.json | 4 ++-- 10 files changed, 16 insertions(+), 15 deletions(-) diff --git a/packages/docs/package.json b/packages/docs/package.json index 23b60bfa1..a9cf5dd1e 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -18,9 +18,9 @@ "@docusaurus/preset-classic": "^2.0.0-alpha.73", "@docusaurus/theme-live-codeblock": "^2.0.0-alpha.73", "@egjs/flicking-plugins": "^4.2.1", - "@egjs/infinitegrid": "~4.10.1", + "@egjs/infinitegrid": "~4.11.0", "@egjs/react-flicking": "^4.2.1", - "@egjs/react-infinitegrid": "~4.10.1", + "@egjs/react-infinitegrid": "~4.11.0", "@mdx-js/react": "^1.6.21", "bulma": "^0.9.2", "clsx": "^1.1.1", diff --git a/packages/infinitegrid/package.json b/packages/infinitegrid/package.json index e76f2a8e9..fd610a299 100644 --- a/packages/infinitegrid/package.json +++ b/packages/infinitegrid/package.json @@ -1,6 +1,6 @@ { "name": "@egjs/infinitegrid", - "version": "4.10.1", + "version": "4.11.0", "description": "A module used to arrange elements including content infinitely according to grid type. With this module, you can implement various grids composed of different card elements whose sizes vary. It guarantees performance by maintaining the number of DOMs the module is handling under any circumstance", "module": "dist/infinitegrid.esm.js", "main": "dist/infinitegrid.cjs.js", diff --git a/packages/infinitegrid/src/InfiniteGrid.ts b/packages/infinitegrid/src/InfiniteGrid.ts index 86c9f9435..0951135ce 100644 --- a/packages/infinitegrid/src/InfiniteGrid.ts +++ b/packages/infinitegrid/src/InfiniteGrid.ts @@ -750,8 +750,8 @@ class InfiniteGrid ex const containerManager = this.containerManager; if (this.options.observeChildren) { - containerManager.observeChildren(added.map((index) => list[index].element!)); containerManager.unobserveChildren(removed.map((index) => prevList[index].element!)); + containerManager.observeChildren(added.map((index) => list[index].element!)); } const { diff --git a/packages/ngx-infinitegrid/package.json b/packages/ngx-infinitegrid/package.json index 431d99f5e..9669f6b11 100644 --- a/packages/ngx-infinitegrid/package.json +++ b/packages/ngx-infinitegrid/package.json @@ -20,7 +20,7 @@ "@angular/platform-browser": "^15.0.4", "@angular/platform-browser-dynamic": "^15.0.4", "@angular/router": "^15.0.4", - "@egjs/infinitegrid": "~4.10.1", + "@egjs/infinitegrid": "~4.11.0", "rxjs": "~6.6.0", "tslib": "^2.0.0", "zone.js": "~0.11.4" diff --git a/packages/ngx-infinitegrid/projects/ngx-infinitegrid/package.json b/packages/ngx-infinitegrid/projects/ngx-infinitegrid/package.json index 9eff7c922..f2a622b84 100644 --- a/packages/ngx-infinitegrid/projects/ngx-infinitegrid/package.json +++ b/packages/ngx-infinitegrid/projects/ngx-infinitegrid/package.json @@ -1,6 +1,6 @@ { "name": "@egjs/ngx-infinitegrid", - "version": "4.10.1", + "version": "4.11.0", "description": "An Angular component that can arrange items infinitely according to the type of grids", "repository": { "type": "git", @@ -18,6 +18,6 @@ }, "license": "MIT", "dependencies": { - "@egjs/infinitegrid": "~4.10.1" + "@egjs/infinitegrid": "~4.11.0" } } diff --git a/packages/ngx-infinitegrid/projects/ngx-infinitegrid/src/lib/grids/ngx-masonry-infinitegrid.component.ts b/packages/ngx-infinitegrid/projects/ngx-infinitegrid/src/lib/grids/ngx-masonry-infinitegrid.component.ts index 532cd6816..cdf6d22e7 100644 --- a/packages/ngx-infinitegrid/projects/ngx-infinitegrid/src/lib/grids/ngx-masonry-infinitegrid.component.ts +++ b/packages/ngx-infinitegrid/projects/ngx-infinitegrid/src/lib/grids/ngx-masonry-infinitegrid.component.ts @@ -22,4 +22,5 @@ export class NgxMasonryInfiniteGridComponent extends NgxInfiniteGridComponent @Input() align!: Required['align']; @Input() columnCalculationThreshold!: Required['columnCalculationThreshold']; @Input() maxStretchColumnSize!: Required['maxStretchColumnSize']; + @Input() contentAlign!: Required['contentAlign']; } diff --git a/packages/react-infinitegrid/package.json b/packages/react-infinitegrid/package.json index b57f6ecfa..cae90f35e 100644 --- a/packages/react-infinitegrid/package.json +++ b/packages/react-infinitegrid/package.json @@ -1,6 +1,6 @@ { "name": "@egjs/react-infinitegrid", - "version": "4.10.1", + "version": "4.11.0", "description": "A React component that can arrange items infinitely according to the type of grids", "types": "declaration/index.d.ts", "main": "dist/infinitegrid.cjs.js", @@ -41,7 +41,7 @@ "layout" ], "dependencies": { - "@egjs/infinitegrid": "~4.10.1" + "@egjs/infinitegrid": "~4.11.0" }, "devDependencies": { "@egjs/build-helper": "^0.1.2", diff --git a/packages/svelte-infinitegrid/package.json b/packages/svelte-infinitegrid/package.json index cc5df8286..ac6ce56ad 100644 --- a/packages/svelte-infinitegrid/package.json +++ b/packages/svelte-infinitegrid/package.json @@ -1,6 +1,6 @@ { "name": "@egjs/svelte-infinitegrid", - "version": "4.10.2", + "version": "4.11.0", "description": "A Svelte component that can arrange items infinitely according to the type of grids", "sideEffects": false, "svelte": "src/index.js", @@ -74,6 +74,6 @@ "typescript": "^4.5.0 <4.6.0" }, "dependencies": { - "@egjs/infinitegrid": "~4.10.1" + "@egjs/infinitegrid": "~4.11.0" } } diff --git a/packages/vue-infinitegrid/package.json b/packages/vue-infinitegrid/package.json index 74473d06f..024e22095 100644 --- a/packages/vue-infinitegrid/package.json +++ b/packages/vue-infinitegrid/package.json @@ -1,6 +1,6 @@ { "name": "@egjs/vue-infinitegrid", - "version": "4.10.1", + "version": "4.11.0", "description": "A Vue component that can arrange items infinitely according to the type of grids", "sideEffects": false, "types": "declaration/index.d.ts", @@ -48,7 +48,7 @@ "layout" ], "dependencies": { - "@egjs/infinitegrid": "~4.10.1" + "@egjs/infinitegrid": "~4.11.0" }, "devDependencies": { "@babel/core": "^7.12.10", diff --git a/packages/vue3-infinitegrid/package.json b/packages/vue3-infinitegrid/package.json index 2355a69bc..40aa3624f 100644 --- a/packages/vue3-infinitegrid/package.json +++ b/packages/vue3-infinitegrid/package.json @@ -1,6 +1,6 @@ { "name": "@egjs/vue3-infinitegrid", - "version": "4.10.1", + "version": "4.11.0", "description": "A Vue3 component that can arrange items infinitely according to the type of grids", "sideEffects": false, "types": "declaration/index.d.ts", @@ -64,7 +64,7 @@ "vue-loader": "^16.5.0" }, "dependencies": { - "@egjs/infinitegrid": "~4.10.1", + "@egjs/infinitegrid": "~4.11.0", "cpx": "^1.5.0" } }