element-angular - npm Package Compare versions

Comparing version 0.7.4 to 0.7.5

package.json

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

release/collapse/collapse-item.d.ts

@@ -1,4 +0,4 @@
-import { TemplateRef } from '@angular/core';
+import { OnInit, TemplateRef } from '@angular/core';
 import { ElCollapse, ModelValue } from './collapse';
-export declare class ElCollapseItem {
+export declare class ElCollapseItem implements OnInit {
     private root;
@@ -8,5 +8,7 @@ labelTmp: TemplateRef<any>;
     value: ModelValue | null;
+    isActive: boolean;
     constructor(root: ElCollapse);
-    isActive(): boolean;
+    updateActiveStatus(): void;
     clickHandle(): void;
+    ngOnInit(): void;
 }

release/collapse/collapse-item.js

@@ -11,2 +11,3 @@ import { Component, ContentChild, Input, Optional } from '@angular/core';
         this.value = null;
+        this.isActive = false;
     }
@@ -16,5 +17,5 @@ /**
      */
-    ElCollapseItem.prototype.isActive = function () {
+    ElCollapseItem.prototype.updateActiveStatus = function () {
         var _this = this;
-        return this.root.modelValue.some(function (val) { return val === _this.value; });
+        this.isActive = this.root.modelValue.some(function (val) { return val === _this.value; });
     };
@@ -30,2 +31,10 @@ /**
     };
+    /**
+     * @return {?}
+     */
+    ElCollapseItem.prototype.ngOnInit = function () {
+        var _this = this;
+        var /** @type {?} */ updateHandle = function () { return _this.updateActiveStatus(); };
+        this.root.subscriber.push(updateHandle);
+    };
     ElCollapseItem.decorators = [
@@ -36,3 +45,3 @@ { type: Component, args: [{
                     styles: [".el-collapse-item-fix-border:last-child { margin-bottom: 0; }"],
-                    template: "\n    <div class=\"el-collapse-item el-collapse-item-fix-border\" [class.is-active]=\"isActive()\">\n      <div role=\"tab\" [attr.aria-expanded]=\"isActive\">\n        <div class=\"el-collapse-item__header\" (click)=\"clickHandle()\" role=\"button\">\n          <i class=\"el-collapse-item__arrow el-icon-arrow-right\"></i>\n          <ng-container *ngIf=\"labelTmp\">\n            <ng-template [ngTemplateOutlet]=\"labelTmp\">\n            </ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"!labelTmp\">{{label}}</ng-container>\n        </div>\n      </div>\n      \n      <div class=\"el-collapse-item__wrap\" [ngStyle]=\"{'border-width': isActive() ? '1px' : '0'}\">\n        <div class=\"el-collapse-item__content\" [@dropAnimation]=\"isActive()\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"el-collapse-item el-collapse-item-fix-border\" [class.is-active]=\"isActive\">\n      <div role=\"tab\" [attr.aria-expanded]=\"isActive\">\n        <div class=\"el-collapse-item__header\" (click)=\"clickHandle()\" role=\"button\">\n          <i class=\"el-collapse-item__arrow el-icon-arrow-right\"></i>\n          <ng-container *ngIf=\"labelTmp\">\n            <ng-template [ngTemplateOutlet]=\"labelTmp\">\n            </ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"!labelTmp\">{{label}}</ng-container>\n        </div>\n      </div>\n      \n      <div class=\"el-collapse-item__wrap\" [ngStyle]=\"{'border-width': isActive ? '1px' : '0'}\">\n        <div class=\"el-collapse-item__content\" [@dropAnimation]=\"isActive\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  ",
                 },] },
@@ -71,4 +80,6 @@ ];
     /** @type {?} */
+    ElCollapseItem.prototype.isActive;
+    /** @type {?} */
     ElCollapseItem.prototype.root;
 }
 //# sourceMappingURL=collapse-item.js.map

release/collapse/collapse-item.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ElCollapseItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-collapse-item","animations":[{"__symbolic":"reference","module":"../shared/animation","name":"dropAnimation"}],"styles":[".el-collapse-item-fix-border:last-child { margin-bottom: 0; }"],"template":"\n    <div class=\"el-collapse-item el-collapse-item-fix-border\" [class.is-active]=\"isActive()\">\n      <div role=\"tab\" [attr.aria-expanded]=\"isActive\">\n        <div class=\"el-collapse-item__header\" (click)=\"clickHandle()\" role=\"button\">\n          <i class=\"el-collapse-item__arrow el-icon-arrow-right\"></i>\n          <ng-container *ngIf=\"labelTmp\">\n            <ng-template [ngTemplateOutlet]=\"labelTmp\">\n            </ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"!labelTmp\">{{label}}</ng-container>\n        </div>\n      </div>\n      \n      <div class=\"el-collapse-item__wrap\" [ngStyle]=\"{'border-width': isActive() ? '1px' : '0'}\">\n        <div class=\"el-collapse-item__content\" [@dropAnimation]=\"isActive()\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  "}]}],"members":{"labelTmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["label"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"./collapse","name":"ElCollapse"}]}],"isActive":[{"__symbolic":"method"}],"clickHandle":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ElCollapseItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-collapse-item","animations":[{"__symbolic":"reference","module":"../shared/animation","name":"dropAnimation"}],"styles":[".el-collapse-item-fix-border:last-child { margin-bottom: 0; }"],"template":"\n    <div class=\"el-collapse-item el-collapse-item-fix-border\" [class.is-active]=\"isActive()\">\n      <div role=\"tab\" [attr.aria-expanded]=\"isActive\">\n        <div class=\"el-collapse-item__header\" (click)=\"clickHandle()\" role=\"button\">\n          <i class=\"el-collapse-item__arrow el-icon-arrow-right\"></i>\n          <ng-container *ngIf=\"labelTmp\">\n            <ng-template [ngTemplateOutlet]=\"labelTmp\">\n            </ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"!labelTmp\">{{label}}</ng-container>\n        </div>\n      </div>\n      \n      <div class=\"el-collapse-item__wrap\" [ngStyle]=\"{'border-width': isActive() ? '1px' : '0'}\">\n        <div class=\"el-collapse-item__content\" [@dropAnimation]=\"isActive()\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  "}]}],"members":{"labelTmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["label"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"./collapse","name":"ElCollapse"}]}],"isActive":[{"__symbolic":"method"}],"clickHandle":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ElCollapseItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-collapse-item","animations":[{"__symbolic":"reference","module":"../shared/animation","name":"dropAnimation"}],"styles":[".el-collapse-item-fix-border:last-child { margin-bottom: 0; }"],"template":"\n    <div class=\"el-collapse-item el-collapse-item-fix-border\" [class.is-active]=\"isActive\">\n      <div role=\"tab\" [attr.aria-expanded]=\"isActive\">\n        <div class=\"el-collapse-item__header\" (click)=\"clickHandle()\" role=\"button\">\n          <i class=\"el-collapse-item__arrow el-icon-arrow-right\"></i>\n          <ng-container *ngIf=\"labelTmp\">\n            <ng-template [ngTemplateOutlet]=\"labelTmp\">\n            </ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"!labelTmp\">{{label}}</ng-container>\n        </div>\n      </div>\n      \n      <div class=\"el-collapse-item__wrap\" [ngStyle]=\"{'border-width': isActive ? '1px' : '0'}\">\n        <div class=\"el-collapse-item__content\" [@dropAnimation]=\"isActive\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  "}]}],"members":{"labelTmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["label"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"./collapse","name":"ElCollapse"}]}],"updateActiveStatus":[{"__symbolic":"method"}],"clickHandle":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ElCollapseItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-collapse-item","animations":[{"__symbolic":"reference","module":"../shared/animation","name":"dropAnimation"}],"styles":[".el-collapse-item-fix-border:last-child { margin-bottom: 0; }"],"template":"\n    <div class=\"el-collapse-item el-collapse-item-fix-border\" [class.is-active]=\"isActive\">\n      <div role=\"tab\" [attr.aria-expanded]=\"isActive\">\n        <div class=\"el-collapse-item__header\" (click)=\"clickHandle()\" role=\"button\">\n          <i class=\"el-collapse-item__arrow el-icon-arrow-right\"></i>\n          <ng-container *ngIf=\"labelTmp\">\n            <ng-template [ngTemplateOutlet]=\"labelTmp\">\n            </ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"!labelTmp\">{{label}}</ng-container>\n        </div>\n      </div>\n      \n      <div class=\"el-collapse-item__wrap\" [ngStyle]=\"{'border-width': isActive ? '1px' : '0'}\">\n        <div class=\"el-collapse-item__content\" [@dropAnimation]=\"isActive\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  "}]}],"members":{"labelTmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["label"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"./collapse","name":"ElCollapse"}]}],"updateActiveStatus":[{"__symbolic":"method"}],"clickHandle":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

release/collapse/collapse.d.ts

@@ -1,5 +0,6 @@
-import { EventEmitter } from '@angular/core';
+import { AfterViewInit, EventEmitter } from '@angular/core';
 export declare type ModelValue = string | number;
-export declare class ElCollapse {
+export declare class ElCollapse implements AfterViewInit {
     modelValue: ModelValue[];
+    subscriber: Function[];
     accordion: boolean;
@@ -9,2 +10,4 @@ model: ModelValue[];
     updateModel(value: ModelValue): void;
+    ngAfterViewInit(): void;
+    private updateSubscriber();
 }

release/collapse/collapse.js

@@ -5,2 +5,3 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
         this.modelValue = [];
+        this.subscriber = [];
         this.accordion = false;
@@ -16,2 +17,3 @@ this.modelChange = new EventEmitter();
             this.modelValue = val;
+            this.updateSubscriber();
         },
@@ -30,2 +32,3 @@ enumerable: true,
             this.modelValue.push(value);
+            this.updateSubscriber();
             return this.modelChange.emit(this.modelValue);
@@ -39,4 +42,21 @@ }
         }
+        this.updateSubscriber();
         this.modelChange.emit(this.modelValue);
     };
+    /**
+     * @return {?}
+     */
+    ElCollapse.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        var /** @type {?} */ timer = window.setTimeout(function () {
+            _this.updateSubscriber();
+            window.clearTimeout(timer);
+        }, 0);
+    };
+    /**
+     * @return {?}
+     */
+    ElCollapse.prototype.updateSubscriber = function () {
+        this.subscriber.forEach(function (handle) { return handle(); });
+    };
     ElCollapse.decorators = [
@@ -74,2 +94,4 @@ { type: Component, args: [{
     /** @type {?} */
+    ElCollapse.prototype.subscriber;
+    /** @type {?} */
     ElCollapse.prototype.accordion;
@@ -76,0 +98,0 @@ /** @type {?} */

release/collapse/collapse.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ModelValue":{"__symbolic":"interface"},"ElCollapse":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-collapse","styles":[".el-collapse-fix-border { border-bottom: 0; }"],"template":"\n    <div class=\"el-collapse el-collapse-fix-border\" role=\"tablist\" aria-multiselectable=\"true\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"accordion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"updateModel":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ModelValue":{"__symbolic":"interface"},"ElCollapse":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-collapse","styles":[".el-collapse-fix-border { border-bottom: 0; }"],"template":"\n    <div class=\"el-collapse el-collapse-fix-border\" role=\"tablist\" aria-multiselectable=\"true\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"accordion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"updateModel":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ModelValue":{"__symbolic":"interface"},"ElCollapse":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-collapse","styles":[".el-collapse-fix-border { border-bottom: 0; }"],"template":"\n    <div class=\"el-collapse el-collapse-fix-border\" role=\"tablist\" aria-multiselectable=\"true\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"accordion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"updateModel":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateSubscriber":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ModelValue":{"__symbolic":"interface"},"ElCollapse":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"el-collapse","styles":[".el-collapse-fix-border { border-bottom: 0; }"],"template":"\n    <div class=\"el-collapse el-collapse-fix-border\" role=\"tablist\" aria-multiselectable=\"true\">\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"accordion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"updateModel":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateSubscriber":[{"__symbolic":"method"}]}}}}]

release/radio/radio-group.js

@@ -65,3 +65,3 @@ import { Component, Input, EventEmitter, Output, forwardRef } from '@angular/core';
                             useExisting: forwardRef(function () { return ElRadioGroup; }),
-                            multi: true
+                            multi: true,
                         }],
@@ -68,0 +68,0 @@ template: "\n    <div class=\"el-radio-group\" role=\"radiogroup\">\n      <ng-content></ng-content>\n    </div>\n  ",

release/radio/radio.js

@@ -21,2 +21,3 @@ import { Component, Input, Output, EventEmitter, ElementRef, Optional, forwardRef, } from '@angular/core';
         this.controlTouch = function () { };
+        console.log(this.elDisabled);
     }
@@ -52,3 +53,5 @@ Object.defineProperty(ElRadio.prototype, "disabled", {
         var /** @type {?} */ update = function () {
-            _this.elDisabled = _this.rootGroup.elDisabled;
+            if (_this.rootGroup.elDisabled) {
+                _this.elDisabled = _this.rootGroup.elDisabled;
+            }
             _this.model = _this.rootGroup.model;
@@ -90,3 +93,3 @@ };
                             useExisting: forwardRef(function () { return ElRadio; }),
-                            multi: true
+                            multi: true,
                         }],
@@ -93,0 +96,0 @@ template: "\n    <label class=\"el-radio\" role=\"radio\" tabindex=\"0\">\n      <span class=\"el-radio__input\"\n        style=\"float: left;\"\n        [class.is-disabled]=\"elDisabled\"\n        [class.is-checked]=\"model === label\"\n        [class.is-focus]=\"isFocus\">\n        <span class=\"el-radio__inner\"></span>\n        <input class=\"el-radio__original\" type=\"radio\"\n          [value]=\"label\" [name]=\"nativeName\" [disabled]=\"elDisabled\"\n          (focus)=\"isFocus = true\" (blur)=\"isFocus = false\"\n          [ngModel]=\"model\" (ngModelChange)=\"changeHandle()\">\n      </span>\n      <span class=\"el-radio__label\"><ng-content></ng-content></span>\n    </label>\n  ",

No alert changes

Improved metrics

Total package byte prevSize

3782046

increased by0.16%

Lines of code

29649

increased by0.26%

No dependency changes