element-angular - npm Package Compare versions

Comparing version 0.7.5 to 0.7.6

package.json

 {
   "name": "element-angular",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "element ui for angular",
@@ -5,0 +5,0 @@ "main": "./release/element-angular.module.js",

release/carousel/carousel.d.ts

@@ -1,5 +0,5 @@
-import { AfterViewInit, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { AfterContentChecked, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
 import { ElCarouselItem } from './carousel-item';
 import { ElCarouselProps } from './carousel-props';
-export declare class ElCarousel extends ElCarouselProps implements AfterViewInit, OnChanges, OnDestroy {
+export declare class ElCarousel extends ElCarouselProps implements AfterContentChecked, OnChanges, OnDestroy {
     children: QueryList<ElCarouselItem>;
@@ -15,5 +15,5 @@ subscriber: Function[];
     resetInterval(): void;
-    ngAfterViewInit(): void;
+    ngAfterContentChecked(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
 }

release/carousel/carousel.js

@@ -51,2 +51,4 @@ var __extends = (this && this.__extends) || (function () {
     ElCarousel.prototype.setActiveItem = function (index) {
+        if (!this.children)
+            return;
         var /** @type {?} */ len = this.children.length;
@@ -71,3 +73,3 @@ var /** @type {?} */ nextValue = index >= len ? 0 : index < 0 ? len - 1 : index;
      */
-    ElCarousel.prototype.ngAfterViewInit = function () {
+    ElCarousel.prototype.ngAfterContentChecked = function () {
         var _this = this;
@@ -74,0 +76,0 @@ var /** @type {?} */ timer = setTimeout(function () {

release/carousel/carousel.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ElCarousel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./carousel-props","name":"ElCarouselProps"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-carousel","animations":[{"__symbolic":"reference","module":"./animations","name":"carouselBtnLeftAnimation"},{"__symbolic":"reference","module":"./animations","name":"carouselBtnRightAnimation"}],"template":"\n    <div class=\"el-carousel\"\n      #carousel\n      [class.el-carousel--card]=\"type === 'card'\"\n      (mouseenter)=\"carousel.hover = true\"\n      (mouseleave)=\"carousel.hover = false\">\n      <div class=\"el-carousel__container\" [ngStyle]=\"{height: height}\">\n        <button class=\"el-carousel__arrow el-carousel__arrow--left\"\n          #leftBtn\n          *ngIf=\"arrow !== 'never'\"\n          [@carouselBtnLeftAnimation]=\"arrow === 'always' || carousel.hover\"\n          (mouseenter)=\"btnActionHandle(model - 1,'hover')\"\n          (click)=\"btnActionHandle(model - 1, 'click')\">\n          <i class=\"el-icon-arrow-left\"></i>\n        </button>\n        <button class=\"el-carousel__arrow el-carousel__arrow--right\"\n          #rightBtn\n          *ngIf=\"arrow !== 'never'\"\n          [@carouselBtnRightAnimation]=\"arrow === 'always' || carousel.hover\"\n          (mouseenter)=\"btnActionHandle(model + 1, 'hover')\"\n          (click)=\"btnActionHandle(model + 1, 'click')\">\n          <i class=\"el-icon-arrow-right\"></i>\n        </button>\n        <ng-content></ng-content>\n      </div>\n      <ul class=\"el-carousel__indicators\" *ngIf=\"indicatorPosition !== 'none'\"\n        [class.el-carousel__indicators--labels]=\"hasLabel\"\n        [class.el-carousel__indicators--outside]=\"indicatorPosition === 'outside' || type === 'card'\">\n        <li *ngFor=\"let item of items; let i = index\"\n          class=\"el-carousel__indicator\"\n          [class.is-active]=\"i === model\"\n          (mouseenter)=\"indicatorActionHandle(i, 'hover')\"\n          (click)=\"indicatorActionHandle(i, 'click')\">\n          <button class=\"el-carousel__button\">\n            <span *ngIf=\"hasLabel\">{{item}}</span>\n          </button>\n        </li>\n      </ul>\n    </div>\n  "}]}],"members":{"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./carousel-item","name":"ElCarouselItem"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"btnActionHandle":[{"__symbolic":"method"}],"indicatorActionHandle":[{"__symbolic":"method"}],"setActiveItem":[{"__symbolic":"method"}],"resetInterval":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ElCarousel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./carousel-props","name":"ElCarouselProps"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-carousel","animations":[{"__symbolic":"reference","module":"./animations","name":"carouselBtnLeftAnimation"},{"__symbolic":"reference","module":"./animations","name":"carouselBtnRightAnimation"}],"template":"\n    <div class=\"el-carousel\"\n      #carousel\n      [class.el-carousel--card]=\"type === 'card'\"\n      (mouseenter)=\"carousel.hover = true\"\n      (mouseleave)=\"carousel.hover = false\">\n      <div class=\"el-carousel__container\" [ngStyle]=\"{height: height}\">\n        <button class=\"el-carousel__arrow el-carousel__arrow--left\"\n          #leftBtn\n          *ngIf=\"arrow !== 'never'\"\n          [@carouselBtnLeftAnimation]=\"arrow === 'always' || carousel.hover\"\n          (mouseenter)=\"btnActionHandle(model - 1,'hover')\"\n          (click)=\"btnActionHandle(model - 1, 'click')\">\n          <i class=\"el-icon-arrow-left\"></i>\n        </button>\n        <button class=\"el-carousel__arrow el-carousel__arrow--right\"\n          #rightBtn\n          *ngIf=\"arrow !== 'never'\"\n          [@carouselBtnRightAnimation]=\"arrow === 'always' || carousel.hover\"\n          (mouseenter)=\"btnActionHandle(model + 1, 'hover')\"\n          (click)=\"btnActionHandle(model + 1, 'click')\">\n          <i class=\"el-icon-arrow-right\"></i>\n        </button>\n        <ng-content></ng-content>\n      </div>\n      <ul class=\"el-carousel__indicators\" *ngIf=\"indicatorPosition !== 'none'\"\n        [class.el-carousel__indicators--labels]=\"hasLabel\"\n        [class.el-carousel__indicators--outside]=\"indicatorPosition === 'outside' || type === 'card'\">\n        <li *ngFor=\"let item of items; let i = index\"\n          class=\"el-carousel__indicator\"\n          [class.is-active]=\"i === model\"\n          (mouseenter)=\"indicatorActionHandle(i, 'hover')\"\n          (click)=\"indicatorActionHandle(i, 'click')\">\n          <button class=\"el-carousel__button\">\n            <span *ngIf=\"hasLabel\">{{item}}</span>\n          </button>\n        </li>\n      </ul>\n    </div>\n  "}]}],"members":{"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./carousel-item","name":"ElCarouselItem"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"btnActionHandle":[{"__symbolic":"method"}],"indicatorActionHandle":[{"__symbolic":"method"}],"setActiveItem":[{"__symbolic":"method"}],"resetInterval":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ElCarousel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./carousel-props","name":"ElCarouselProps"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-carousel","animations":[{"__symbolic":"reference","module":"./animations","name":"carouselBtnLeftAnimation"},{"__symbolic":"reference","module":"./animations","name":"carouselBtnRightAnimation"}],"template":"\n    <div class=\"el-carousel\"\n      #carousel\n      [class.el-carousel--card]=\"type === 'card'\"\n      (mouseenter)=\"carousel.hover = true\"\n      (mouseleave)=\"carousel.hover = false\">\n      <div class=\"el-carousel__container\" [ngStyle]=\"{height: height}\">\n        <button class=\"el-carousel__arrow el-carousel__arrow--left\"\n          #leftBtn\n          *ngIf=\"arrow !== 'never'\"\n          [@carouselBtnLeftAnimation]=\"arrow === 'always' || carousel.hover\"\n          (mouseenter)=\"btnActionHandle(model - 1,'hover')\"\n          (click)=\"btnActionHandle(model - 1, 'click')\">\n          <i class=\"el-icon-arrow-left\"></i>\n        </button>\n        <button class=\"el-carousel__arrow el-carousel__arrow--right\"\n          #rightBtn\n          *ngIf=\"arrow !== 'never'\"\n          [@carouselBtnRightAnimation]=\"arrow === 'always' || carousel.hover\"\n          (mouseenter)=\"btnActionHandle(model + 1, 'hover')\"\n          (click)=\"btnActionHandle(model + 1, 'click')\">\n          <i class=\"el-icon-arrow-right\"></i>\n        </button>\n        <ng-content></ng-content>\n      </div>\n      <ul class=\"el-carousel__indicators\" *ngIf=\"indicatorPosition !== 'none'\"\n        [class.el-carousel__indicators--labels]=\"hasLabel\"\n        [class.el-carousel__indicators--outside]=\"indicatorPosition === 'outside' || type === 'card'\">\n        <li *ngFor=\"let item of items; let i = index\"\n          class=\"el-carousel__indicator\"\n          [class.is-active]=\"i === model\"\n          (mouseenter)=\"indicatorActionHandle(i, 'hover')\"\n          (click)=\"indicatorActionHandle(i, 'click')\">\n          <button class=\"el-carousel__button\">\n            <span *ngIf=\"hasLabel\">{{item}}</span>\n          </button>\n        </li>\n      </ul>\n    </div>\n  "}]}],"members":{"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./carousel-item","name":"ElCarouselItem"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"btnActionHandle":[{"__symbolic":"method"}],"indicatorActionHandle":[{"__symbolic":"method"}],"setActiveItem":[{"__symbolic":"method"}],"resetInterval":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ElCarousel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./carousel-props","name":"ElCarouselProps"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-carousel","animations":[{"__symbolic":"reference","module":"./animations","name":"carouselBtnLeftAnimation"},{"__symbolic":"reference","module":"./animations","name":"carouselBtnRightAnimation"}],"template":"\n    <div class=\"el-carousel\"\n      #carousel\n      [class.el-carousel--card]=\"type === 'card'\"\n      (mouseenter)=\"carousel.hover = true\"\n      (mouseleave)=\"carousel.hover = false\">\n      <div class=\"el-carousel__container\" [ngStyle]=\"{height: height}\">\n        <button class=\"el-carousel__arrow el-carousel__arrow--left\"\n          #leftBtn\n          *ngIf=\"arrow !== 'never'\"\n          [@carouselBtnLeftAnimation]=\"arrow === 'always' || carousel.hover\"\n          (mouseenter)=\"btnActionHandle(model - 1,'hover')\"\n          (click)=\"btnActionHandle(model - 1, 'click')\">\n          <i class=\"el-icon-arrow-left\"></i>\n        </button>\n        <button class=\"el-carousel__arrow el-carousel__arrow--right\"\n          #rightBtn\n          *ngIf=\"arrow !== 'never'\"\n          [@carouselBtnRightAnimation]=\"arrow === 'always' || carousel.hover\"\n          (mouseenter)=\"btnActionHandle(model + 1, 'hover')\"\n          (click)=\"btnActionHandle(model + 1, 'click')\">\n          <i class=\"el-icon-arrow-right\"></i>\n        </button>\n        <ng-content></ng-content>\n      </div>\n      <ul class=\"el-carousel__indicators\" *ngIf=\"indicatorPosition !== 'none'\"\n        [class.el-carousel__indicators--labels]=\"hasLabel\"\n        [class.el-carousel__indicators--outside]=\"indicatorPosition === 'outside' || type === 'card'\">\n        <li *ngFor=\"let item of items; let i = index\"\n          class=\"el-carousel__indicator\"\n          [class.is-active]=\"i === model\"\n          (mouseenter)=\"indicatorActionHandle(i, 'hover')\"\n          (click)=\"indicatorActionHandle(i, 'click')\">\n          <button class=\"el-carousel__button\">\n            <span *ngIf=\"hasLabel\">{{item}}</span>\n          </button>\n        </li>\n      </ul>\n    </div>\n  "}]}],"members":{"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./carousel-item","name":"ElCarouselItem"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"btnActionHandle":[{"__symbolic":"method"}],"indicatorActionHandle":[{"__symbolic":"method"}],"setActiveItem":[{"__symbolic":"method"}],"resetInterval":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

release/pagination/pagination.js

@@ -56,5 +56,5 @@ var __extends = (this && this.__extends) || (function () {
     ElPagination.prototype.ngOnChanges = function (changes) {
-        if (!changes || !changes.total)
+        if (!changes)
             return;
-        if (changes.total.isFirstChange())
+        if (changes.total && changes.total.isFirstChange())
             return;
@@ -67,3 +67,3 @@ this.updateLayout();
     ElPagination.prototype.ngOnInit = function () {
-        if (!this.pageCount && !this.total) {
+        if (!this.pageCount && this.total === undefined) {
             return console.warn('el-pagination required [total]');
@@ -70,0 +70,0 @@ }

release/upload/module.js

@@ -5,3 +5,2 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { HttpModule } from '@angular/http';
 import { ElProgressModule } from '../progress/module';
@@ -29,3 +28,2 @@ import { ElButtonsModule } from '../button/module';
                         FormsModule,
-                        HttpModule,
                         HttpClientModule,
@@ -32,0 +30,0 @@ ElButtonsModule,

release/upload/module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ElUploadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"},{"__symbolic":"reference","module":"./upload.list","name":"ElUploadList"},{"__symbolic":"reference","module":"./upload.dragger","name":"ElUploadDragger"}],"exports":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"@angular/http","name":"HttpModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule"},{"__symbolic":"reference","module":"../button/module","name":"ElButtonsModule"},{"__symbolic":"reference","module":"../progress/module","name":"ElProgressModule"}],"entryComponents":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ElUploadModule"},"providers":[{"__symbolic":"reference","module":"./upload.request","name":"ElUploadRequest"}]}}}}}},{"__symbolic":"module","version":1,"metadata":{"ElUploadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"},{"__symbolic":"reference","module":"./upload.list","name":"ElUploadList"},{"__symbolic":"reference","module":"./upload.dragger","name":"ElUploadDragger"}],"exports":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"@angular/http","name":"HttpModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule"},{"__symbolic":"reference","module":"../button/module","name":"ElButtonsModule"},{"__symbolic":"reference","module":"../progress/module","name":"ElProgressModule"}],"entryComponents":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ElUploadModule"},"providers":[{"__symbolic":"reference","module":"./upload.request","name":"ElUploadRequest"}]}}}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ElUploadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"},{"__symbolic":"reference","module":"./upload.list","name":"ElUploadList"},{"__symbolic":"reference","module":"./upload.dragger","name":"ElUploadDragger"}],"exports":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule"},{"__symbolic":"reference","module":"../button/module","name":"ElButtonsModule"},{"__symbolic":"reference","module":"../progress/module","name":"ElProgressModule"}],"entryComponents":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ElUploadModule"},"providers":[{"__symbolic":"reference","module":"./upload.request","name":"ElUploadRequest"}]}}}}}},{"__symbolic":"module","version":1,"metadata":{"ElUploadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"},{"__symbolic":"reference","module":"./upload.list","name":"ElUploadList"},{"__symbolic":"reference","module":"./upload.dragger","name":"ElUploadDragger"}],"exports":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule"},{"__symbolic":"reference","module":"../button/module","name":"ElButtonsModule"},{"__symbolic":"reference","module":"../progress/module","name":"ElProgressModule"}],"entryComponents":[{"__symbolic":"reference","module":"./upload","name":"ElUpload"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ElUploadModule"},"providers":[{"__symbolic":"reference","module":"./upload.request","name":"ElUploadRequest"}]}}}}}}]

No alert changes

Worsened metrics

Total package byte prevSize

3781067

decreased by-0.03%

Lines of code

29643

decreased by-0.02%

No dependency changes