update v0.3.7

update v0.3.7

Author: a-jie

.gitignore

@@ -7,6 +7,7 @@
 /dist
 /bundles
 __src
+__lib
 npm-debug.log*
 .DS_Store
 demo/package-lock.json

demo/src/app/app.module.ts

@@ -10,8 +10,8 @@ import {
   MatInputModule
 } from '@angular/material';
 
-import { InfiniteListModule } from 'angular-infinite-list';
-//import { InfiniteListModule } from './__src';
+//import { InfiniteListModule } from 'angular-infinite-list';
+import { InfiniteListModule } from './__lib';
 
 import { AppRoutingModule } from './app-routing.module';
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-infinite-list",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "A tiny but mighty 3k list virtualization library for angular, with zero dependencies",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

src/infinite-list.component.ts

@@ -27,7 +27,7 @@ import {
   selector: 'infinite-list, infinitelist, [infinitelist]',
   template: `
 <div #dom [ngStyle]="warpStyle">
-  <div [ngStyle]="innerStyle">
+  <div #inner [ngStyle]="innerStyle">
     <ng-content></ng-content>
   </div>
 </div>
@@ -64,6 +64,7 @@ export class InfinitelistComponent {
   @Output() update = new EventEmitter<ILEvent | Subject<ILEvent>>();
 
   @ViewChild('dom', { read: ElementRef }) rootNode: ElementRef;
+  @ViewChild('inner', { read: ElementRef }) innerNode: ElementRef;
 
   get itemCount(): number {
     return this.data ? this.data.length : 0;
@@ -195,6 +196,9 @@ export class InfinitelistComponent {
 
       if (this.useob) {
         this.ob$.next(this.event);
+
+        if (!this.infinitelistService.isPureNumber(this.itemSize))
+          this.innerNode.nativeElement.style[this.currentSizeProp] = this.addUnit(this.sizeAndPositionManager.getTotalSize());
       } else {
         this.zone.run(() => this.update.emit(this.event));
       }