ionic3-index-list - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

bundles/ionic3-index-list.umd.js

@@ -32,3 +32,3 @@ (function (global, factory) {
         var _this = this;
-        setTimeout(function (_) {
+        setTimeout(function () {
             if (_this._listOfIndexCell && _this._listOfIndexCell.length) {
@@ -120,13 +120,10 @@ var listArray = _this._listOfIndexCell.toArray();
     IndexListComponent.prototype.setCurrentSection = function (currentindex) {
-        var _this = this;
-        setTimeout(function (_) {
-            var listArray = _this._listOfIndexSection.toArray();
-            listArray.forEach(function (section) {
-                if (section.index === currentindex) {
-                    section._current = true;
-                }
-                else {
-                    section._current = false;
-                }
-            });
+        var listArray = this._listOfIndexSection.toArray();
+        listArray.forEach(function (section) {
+            if (section.index === currentindex) {
+                section._current = true;
+            }
+            else {
+                section._current = false;
+            }
         });
@@ -133,0 +130,0 @@ };

bundles/ionic3-index-list.umd.min.js

@@ -1,2 +0,2 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],t):t(n["ionic3-index-list"]={},n.ng.core,n.ng.common)}(this,function(n,t,e){"use strict";var o=function(){function n(){this._lastItem=!1}return n.prototype.ngOnInit=function(){},n}();o.decorators=[{type:t.Component,args:[{selector:"ion-index-cell",template:'\n      <div class="index-cell">\n        <div class="index-cell-item" [class.index-cell-item-last]="_lastItem">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    ',styles:["\n      .index-cell{\n        background-color: #fff;\n        padding-left:10px\n      }\n      .index-cell-item{\n        box-sizing: border-box;\n        color: inherit;\n        min-height: 48px;\n        display: block;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n        border-bottom: 1px solid #dcd8d8;\n        width: 100%;\n        display: flex;\n        align-items: center;\n      }\n      .index-cell-item-last{\n        border-bottom: none;\n      }\n    "]}]}],o.ctorParameters=function(){return[]};var i=function(){function n(n){this.elementRef=n,this._current=!1}return n.prototype.getElementRef=function(){return this.elementRef},n.prototype.ngAfterViewChecked=function(){var n=this;setTimeout(function(t){if(n._listOfIndexCell&&n._listOfIndexCell.length){var e=n._listOfIndexCell.toArray();e[e.length-1]._lastItem=!0}})},n}();i.decorators=[{type:t.Component,args:[{selector:"ion-index-section",template:'\n      <div class="index-section" [class.index-section-current]="_current">\n            \x3c!-- group--\x3e\n            <div class="index-section-index" >\n              {{index}}\n            </div>\n            \x3c!--分组下的详细内容--\x3e\n            <div class="index-section-main">\n              <ng-content>\n              </ng-content>\n            </div>\n        </div>\n    ',styles:["\n    .index-section-index{\n      margin: 0;\n      padding: 2px 10px 2px 10px;\n      background-color: #fafafa;\n      border-bottom: 1px solid #dedede;\n    }\n    .index-section-main{\n      border-bottom: 1px solid #dedede;\n    }\n    .index-section-current .index-section-index{\n        position: sticky;\n        position: -webkit-sticky;\n        top: 0px;\n        left: 0px;\n        width: 100%;\n        z-index: 3;\n        transform: translateZ(0px);\n    }\n  "]}]}],i.ctorParameters=function(){return[{type:t.ElementRef}]},i.propDecorators={index:[{type:t.Input}],_listOfIndexCell:[{type:t.ContentChildren,args:[o]}]};var r=function(){function n(){this._flag=!0,this._indexes=[],this._offsetTops=[],this._indicatorTime=null,this._showModal=!1,this.hasTop=!1}return n.prototype.ngAfterViewChecked=function(){var n=this;this._flag&&this._listOfIndexSection&&(this._listOfIndexSection.forEach(function(t){n._indexes.push(t.index);var e=t.getElementRef().nativeElement.offsetTop;n._offsetTops.push(e)}),this._flag=!1,this.hasTop&&(this._indexes.unshift("#"),this._offsetTops.unshift(0)))},n.prototype.onScroll=function(n){var t=this;n.preventDefault();var e=this.scrollContent.nativeElement.scrollTop;this._offsetTops.forEach(function(n,o){e>=n&&(t._currentIndicator=t._indexes[o],t.setCurrentSection(t._currentIndicator))})},n.prototype.touchstart=function(n){this._navOffsetX=n.changedTouches[0].clientX,this.scrollList(n.changedTouches[0].clientY)},n.prototype.touchmove=function(n){n.preventDefault(),this.scrollList(n.changedTouches[0].clientY)},n.prototype.touchend=function(n){var t=this;this._indicatorTime=setTimeout(function(){t._showModal=!1,t._currentIndicator=""},500)},n.prototype.scrollList=function(n){var t=document.elementFromPoint(this._navOffsetX,n);if(t&&t.classList.contains("index-bar")){this._currentIndicator=t.innerText;var e=this._indexes.indexOf(this._currentIndicator);this.scrollContent.nativeElement.scrollTop=this._offsetTops[e],this._showModal=!0,this._indicatorTime&&clearTimeout(this._indicatorTime)}},n.prototype.setCurrentSection=function(n){var t=this;setTimeout(function(e){t._listOfIndexSection.toArray().forEach(function(t){t.index===n?t._current=!0:t._current=!1})})},n}();r.decorators=[{type:t.Component,args:[{selector:"ion-index-list",template:'\n    <div class="index-list">\n      <div class="index-list-wrapper"  #scrollContent tappable (scroll)="onScroll($event)">\n        <ng-content select="[top]"></ng-content>\n        <ng-content></ng-content>\n      </div>\n      <div class="index-list-nav" (touchstart)="touchstart($event)" (touchmove)="touchmove($event)" (touchend)="touchend($event)">\n        <div class="index-bar" *ngFor="let index of _indexes;"\n             [class.index-list-nav-activate]="index === _currentIndicator">\n          {{index}}\n        </div>\n      </div>\n      <div class="modal" [class.show]="_showModal">\n        {{_currentIndicator}}\n      </div>\n    </div>\n  ',styles:["\n    ::-webkit-scrollbar {\n      width: 0\n    }\n    .index-list{\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      height: 100%;\n      overflow: hidden;\n      transform:translate(0,0);\n    }\n    .index-list-wrapper{\n      width: 100%;\n      overflow-y: scroll;\n      -webkit-overflow-scrolling: touch;\n    }\n    .index-list-nav{\n      width:6%;\n      position: absolute;\n      top: 44px;\n      right: 0;\n      display: flex;\n      justify-content:center;\n      flex-direction: column;\n      text-align: center;\n      background-color: rgba(245, 245, 245, 0.3);\n      height: 100%;\n      z-index: 1000;\n      -webkit-touch-callout: none;\n    }\n    .index-bar{\n      padding: 2px 6px;\n      font-size: 8px;\n    }\n    .index-list-nav-activate{\n      color: red;\n    }\n    .modal {\n      top: 50%;\n      left: 50%;\n      z-index: 100;\n      position: fixed;\n      pointer-events: none;\n      width: 20vw;\n      height: 20vw;\n      line-height: 20vw;\n      margin-left: -10vw;\n      margin-top: -10vw;\n      color: #fff;\n      font-size: 3em;\n      text-align: center;\n      border-radius: 8px;\n      background-color: rgba(0, 0, 0, 0.52);\n      -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);\n      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);\n      -webkit-transition: opacity .5s;\n      -o-transition: opacity .5s;\n      transition: opacity .5s;\n      opacity: 0;\n    }\n    .modal.show {\n      opacity: 1;\n    }\n  "]}]}],r.ctorParameters=function(){return[]},r.propDecorators={hasTop:[{type:t.Input}],top:[{type:t.ViewChild,args:["top"]}],_listOfIndexSection:[{type:t.ContentChildren,args:[i]}],scrollContent:[{type:t.ViewChild,args:["scrollContent"]}]};var s=function(){};s.decorators=[{type:t.NgModule,args:[{declarations:[r,i,o],imports:[e.CommonModule],exports:[r,i,o]}]}],s.ctorParameters=function(){return[]},n.IndexListModule=s,n.ɵc=o,n.ɵa=r,n.ɵb=i,Object.defineProperty(n,"__esModule",{value:!0})});
+!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],t):t(n["ionic3-index-list"]={},n.ng.core,n.ng.common)}(this,function(n,t,e){"use strict";var o=function(){function n(){this._lastItem=!1}return n.prototype.ngOnInit=function(){},n}();o.decorators=[{type:t.Component,args:[{selector:"ion-index-cell",template:'\n      <div class="index-cell">\n        <div class="index-cell-item" [class.index-cell-item-last]="_lastItem">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    ',styles:["\n      .index-cell{\n        background-color: #fff;\n        padding-left:10px\n      }\n      .index-cell-item{\n        box-sizing: border-box;\n        color: inherit;\n        min-height: 48px;\n        display: block;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n        border-bottom: 1px solid #dcd8d8;\n        width: 100%;\n        display: flex;\n        align-items: center;\n      }\n      .index-cell-item-last{\n        border-bottom: none;\n      }\n    "]}]}],o.ctorParameters=function(){return[]};var i=function(){function n(n){this.elementRef=n,this._current=!1}return n.prototype.getElementRef=function(){return this.elementRef},n.prototype.ngAfterViewChecked=function(){var n=this;setTimeout(function(){if(n._listOfIndexCell&&n._listOfIndexCell.length){var t=n._listOfIndexCell.toArray();t[t.length-1]._lastItem=!0}})},n}();i.decorators=[{type:t.Component,args:[{selector:"ion-index-section",template:'\n      <div class="index-section" [class.index-section-current]="_current">\n            \x3c!-- group--\x3e\n            <div class="index-section-index" >\n              {{index}}\n            </div>\n            \x3c!--分组下的详细内容--\x3e\n            <div class="index-section-main">\n              <ng-content>\n              </ng-content>\n            </div>\n        </div>\n    ',styles:["\n    .index-section-index{\n      margin: 0;\n      padding: 2px 10px 2px 10px;\n      background-color: #fafafa;\n      border-bottom: 1px solid #dedede;\n    }\n    .index-section-main{\n      border-bottom: 1px solid #dedede;\n    }\n    .index-section-current .index-section-index{\n        position: sticky;\n        position: -webkit-sticky;\n        top: 0px;\n        left: 0px;\n        width: 100%;\n        z-index: 3;\n        transform: translateZ(0px);\n    }\n  "]}]}],i.ctorParameters=function(){return[{type:t.ElementRef}]},i.propDecorators={index:[{type:t.Input}],_listOfIndexCell:[{type:t.ContentChildren,args:[o]}]};var r=function(){function n(){this._flag=!0,this._indexes=[],this._offsetTops=[],this._indicatorTime=null,this._showModal=!1,this.hasTop=!1}return n.prototype.ngAfterViewChecked=function(){var n=this;this._flag&&this._listOfIndexSection&&(this._listOfIndexSection.forEach(function(t){n._indexes.push(t.index);var e=t.getElementRef().nativeElement.offsetTop;n._offsetTops.push(e)}),this._flag=!1,this.hasTop&&(this._indexes.unshift("#"),this._offsetTops.unshift(0)))},n.prototype.onScroll=function(n){var t=this;n.preventDefault();var e=this.scrollContent.nativeElement.scrollTop;this._offsetTops.forEach(function(n,o){e>=n&&(t._currentIndicator=t._indexes[o],t.setCurrentSection(t._currentIndicator))})},n.prototype.touchstart=function(n){this._navOffsetX=n.changedTouches[0].clientX,this.scrollList(n.changedTouches[0].clientY)},n.prototype.touchmove=function(n){n.preventDefault(),this.scrollList(n.changedTouches[0].clientY)},n.prototype.touchend=function(n){var t=this;this._indicatorTime=setTimeout(function(){t._showModal=!1,t._currentIndicator=""},500)},n.prototype.scrollList=function(n){var t=document.elementFromPoint(this._navOffsetX,n);if(t&&t.classList.contains("index-bar")){this._currentIndicator=t.innerText;var e=this._indexes.indexOf(this._currentIndicator);this.scrollContent.nativeElement.scrollTop=this._offsetTops[e],this._showModal=!0,this._indicatorTime&&clearTimeout(this._indicatorTime)}},n.prototype.setCurrentSection=function(n){this._listOfIndexSection.toArray().forEach(function(t){t.index===n?t._current=!0:t._current=!1})},n}();r.decorators=[{type:t.Component,args:[{selector:"ion-index-list",template:'\n    <div class="index-list">\n      <div class="index-list-wrapper"  #scrollContent tappable (scroll)="onScroll($event)">\n        <ng-content select="[top]"></ng-content>\n        <ng-content></ng-content>\n      </div>\n      <div class="index-list-nav" (touchstart)="touchstart($event)" (touchmove)="touchmove($event)" (touchend)="touchend($event)">\n        <div class="index-bar" *ngFor="let index of _indexes;"\n             [class.index-list-nav-activate]="index === _currentIndicator">\n          {{index}}\n        </div>\n      </div>\n      <div class="modal" [class.show]="_showModal">\n        {{_currentIndicator}}\n      </div>\n    </div>\n  ',styles:["\n    ::-webkit-scrollbar {\n      width: 0\n    }\n    .index-list{\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      height: 100%;\n      overflow: hidden;\n      transform:translate(0,0);\n    }\n    .index-list-wrapper{\n      width: 100%;\n      overflow-y: scroll;\n      -webkit-overflow-scrolling: touch;\n    }\n    .index-list-nav{\n      width:6%;\n      position: absolute;\n      top: 44px;\n      right: 0;\n      display: flex;\n      justify-content:center;\n      flex-direction: column;\n      text-align: center;\n      background-color: rgba(245, 245, 245, 0.3);\n      height: 100%;\n      z-index: 1000;\n      -webkit-touch-callout: none;\n    }\n    .index-bar{\n      padding: 2px 6px;\n      font-size: 8px;\n    }\n    .index-list-nav-activate{\n      color: red;\n    }\n    .modal {\n      top: 50%;\n      left: 50%;\n      z-index: 100;\n      position: fixed;\n      pointer-events: none;\n      width: 20vw;\n      height: 20vw;\n      line-height: 20vw;\n      margin-left: -10vw;\n      margin-top: -10vw;\n      color: #fff;\n      font-size: 3em;\n      text-align: center;\n      border-radius: 8px;\n      background-color: rgba(0, 0, 0, 0.52);\n      -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);\n      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);\n      -webkit-transition: opacity .5s;\n      -o-transition: opacity .5s;\n      transition: opacity .5s;\n      opacity: 0;\n    }\n    .modal.show {\n      opacity: 1;\n    }\n  "]}]}],r.ctorParameters=function(){return[]},r.propDecorators={hasTop:[{type:t.Input}],top:[{type:t.ViewChild,args:["top"]}],_listOfIndexSection:[{type:t.ContentChildren,args:[i]}],scrollContent:[{type:t.ViewChild,args:["scrollContent"]}]};var s=function(){};s.decorators=[{type:t.NgModule,args:[{declarations:[r,i,o],imports:[e.CommonModule],exports:[r,i,o]}]}],s.ctorParameters=function(){return[]},n.IndexListModule=s,n.ɵc=o,n.ɵa=r,n.ɵb=i,Object.defineProperty(n,"__esModule",{value:!0})});
 //# sourceMappingURL=ionic3-index-list.umd.min.js.map

esm2015/ionic3-index-list.js

@@ -76,3 +76,3 @@ import { Component, ContentChildren, ElementRef, Input, ViewChild, NgModule } from '@angular/core';
     ngAfterViewChecked() {
-        setTimeout(_ => {
+        setTimeout(() => {
             if (this._listOfIndexCell && this._listOfIndexCell.length) {
@@ -225,12 +225,10 @@ const /** @type {?} */ listArray = this._listOfIndexCell.toArray();
     setCurrentSection(currentindex) {
-        setTimeout(_ => {
-            const /** @type {?} */ listArray = this._listOfIndexSection.toArray();
-            listArray.forEach((section) => {
-                if (section.index === currentindex) {
-                    section._current = true;
-                }
-                else {
-                    section._current = false;
-                }
-            });
+        const /** @type {?} */ listArray = this._listOfIndexSection.toArray();
+        listArray.forEach((section) => {
+            if (section.index === currentindex) {
+                section._current = true;
+            }
+            else {
+                section._current = false;
+            }
         });
@@ -237,0 +235,0 @@ }

esm5/ionic3-index-list.js

@@ -29,3 +29,3 @@ import { Component, ContentChildren, ElementRef, Input, ViewChild, NgModule } from '@angular/core';
         var _this = this;
-        setTimeout(function (_) {
+        setTimeout(function () {
             if (_this._listOfIndexCell && _this._listOfIndexCell.length) {
@@ -117,13 +117,10 @@ var listArray = _this._listOfIndexCell.toArray();
     IndexListComponent.prototype.setCurrentSection = function (currentindex) {
-        var _this = this;
-        setTimeout(function (_) {
-            var listArray = _this._listOfIndexSection.toArray();
-            listArray.forEach(function (section) {
-                if (section.index === currentindex) {
-                    section._current = true;
-                }
-                else {
-                    section._current = false;
-                }
-            });
+        var listArray = this._listOfIndexSection.toArray();
+        listArray.forEach(function (section) {
+            if (section.index === currentindex) {
+                section._current = true;
+            }
+            else {
+                section._current = false;
+            }
         });
@@ -130,0 +127,0 @@ };

ionic3-index-list.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"IndexListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ion-index-list","template":"\n    <div class=\"index-list\">\n      <div class=\"index-list-wrapper\"  #scrollContent tappable (scroll)=\"onScroll($event)\">\n        <ng-content select=\"[top]\"></ng-content>\n        <ng-content></ng-content>\n      </div>\n\n      <div class=\"index-list-nav\" (touchstart)=\"touchstart($event)\" (touchmove)=\"touchmove($event)\" (touchend)=\"touchend($event)\">\n        <div class=\"index-bar\" *ngFor=\"let index of _indexes;\"\n             [class.index-list-nav-activate]=\"index === _currentIndicator\">\n          {{index}}\n        </div>\n      </div>\n      \n      <div class=\"modal\" [class.show]=\"_showModal\">\n        {{_currentIndicator}}\n      </div>\n    </div>\n  ","styles":["\n    ::-webkit-scrollbar {\n      width: 0\n    }\n\n    .index-list{\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      height: 100%;\n      overflow: hidden;\n      transform:translate(0,0);\n    }\n\n    .index-list-wrapper{\n      width: 100%;\n      overflow-y: scroll;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .index-list-nav{\n      width:6%;\n      position: absolute;\n      top: 44px;\n      right: 0;\n      display: flex;\n      justify-content:center;\n      flex-direction: column;\n      text-align: center;\n      background-color: rgba(245, 245, 245, 0.3);\n      height: 100%;\n      z-index: 1000;\n      -webkit-touch-callout: none;\n    }\n\n    .index-bar{\n      padding: 2px 6px;\n      font-size: 8px;\n    }\n\n    .index-list-nav-activate{\n      color: red;\n    }\n\n    .modal {\n      top: 50%;\n      left: 50%;\n      z-index: 100;\n      position: fixed;\n      pointer-events: none;\n      width: 20vw;\n      height: 20vw;\n      line-height: 20vw;\n      margin-left: -10vw;\n      margin-top: -10vw;\n      color: #fff;\n      font-size: 3em;\n      text-align: center;\n      border-radius: 8px;\n      background-color: rgba(0, 0, 0, 0.52);\n      -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);\n      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);\n      -webkit-transition: opacity .5s;\n      -o-transition: opacity .5s;\n      transition: opacity .5s;\n      opacity: 0;\n    }\n\n    .modal.show {\n      opacity: 1;\n    }\n  "]}]}],"members":{"hasTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":115,"character":3},"arguments":["top"]}]}],"_listOfIndexSection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":116,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}],"scrollContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":117,"character":3},"arguments":["scrollContent"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"touchstart":[{"__symbolic":"method"}],"touchmove":[{"__symbolic":"method"}],"touchend":[{"__symbolic":"method"}],"scrollList":[{"__symbolic":"method"}],"setCurrentSection":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ion-index-section","template":"\n      <div class=\"index-section\" [class.index-section-current]=\"_current\">\n            <!-- group-->\n            <div class=\"index-section-index\" >\n              {{index}}\n            </div>\n\n            <!--分组下的详细内容-->\n            <div class=\"index-section-main\">\n              <ng-content>\n\n              </ng-content>\n            </div>\n        </div>\n    ","styles":["\n    .index-section-index{\n      margin: 0;\n      padding: 2px 10px 2px 10px;\n      background-color: #fafafa;\n      border-bottom: 1px solid #dedede;\n    }\n\n    .index-section-main{\n      border-bottom: 1px solid #dedede;\n    }\n\n    .index-section-current .index-section-index{\n        position: sticky;\n        position: -webkit-sticky;\n        top: 0px;\n        left: 0px;\n        width: 100%;\n        z-index: 3;\n        transform: translateZ(0px);\n    }\n  "]}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"_listOfIndexCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":49,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":33}]}],"getElementRef":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ion-index-cell","template":"\n      <div class=\"index-cell\">\n        <div class=\"index-cell-item\" [class.index-cell-item-last]=\"_lastItem\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    ","styles":["\n      .index-cell{\n        background-color: #fff;\n        padding-left:10px\n      }\n\n      .index-cell-item{\n        box-sizing: border-box;\n        color: inherit;\n        min-height: 48px;\n        display: block;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n        border-bottom: 1px solid #dcd8d8;\n        width: 100%;\n        display: flex;\n        align-items: center;\n      }\n\n      .index-cell-item-last{\n        border-bottom: none;\n      }\n    "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"IndexListModule":"./index-list/index-list.module","ɵa":"./index-list/index-list","ɵb":"./index-list/index-section","ɵc":"./index-list/index-cell"},"importAs":"ionic3-index-list"}
+{"__symbolic":"module","version":4,"metadata":{"IndexListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ion-index-list","template":"\n    <div class=\"index-list\">\n      <div class=\"index-list-wrapper\"  #scrollContent tappable (scroll)=\"onScroll($event)\">\n        <ng-content select=\"[top]\"></ng-content>\n        <ng-content></ng-content>\n      </div>\n\n      <div class=\"index-list-nav\" (touchstart)=\"touchstart($event)\" (touchmove)=\"touchmove($event)\" (touchend)=\"touchend($event)\">\n        <div class=\"index-bar\" *ngFor=\"let index of _indexes;\"\n             [class.index-list-nav-activate]=\"index === _currentIndicator\">\n          {{index}}\n        </div>\n      </div>\n      \n      <div class=\"modal\" [class.show]=\"_showModal\">\n        {{_currentIndicator}}\n      </div>\n    </div>\n  ","styles":["\n    ::-webkit-scrollbar {\n      width: 0\n    }\n\n    .index-list{\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      height: 100%;\n      overflow: hidden;\n      transform:translate(0,0);\n    }\n\n    .index-list-wrapper{\n      width: 100%;\n      overflow-y: scroll;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .index-list-nav{\n      width:6%;\n      position: absolute;\n      top: 44px;\n      right: 0;\n      display: flex;\n      justify-content:center;\n      flex-direction: column;\n      text-align: center;\n      background-color: rgba(245, 245, 245, 0.3);\n      height: 100%;\n      z-index: 1000;\n      -webkit-touch-callout: none;\n    }\n\n    .index-bar{\n      padding: 2px 6px;\n      font-size: 8px;\n    }\n\n    .index-list-nav-activate{\n      color: red;\n    }\n\n    .modal {\n      top: 50%;\n      left: 50%;\n      z-index: 100;\n      position: fixed;\n      pointer-events: none;\n      width: 20vw;\n      height: 20vw;\n      line-height: 20vw;\n      margin-left: -10vw;\n      margin-top: -10vw;\n      color: #fff;\n      font-size: 3em;\n      text-align: center;\n      border-radius: 8px;\n      background-color: rgba(0, 0, 0, 0.52);\n      -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);\n      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);\n      -webkit-transition: opacity .5s;\n      -o-transition: opacity .5s;\n      transition: opacity .5s;\n      opacity: 0;\n    }\n\n    .modal.show {\n      opacity: 1;\n    }\n  "]}]}],"members":{"hasTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["top"]}]}],"_listOfIndexSection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}],"scrollContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["scrollContent"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"touchstart":[{"__symbolic":"method"}],"touchmove":[{"__symbolic":"method"}],"touchend":[{"__symbolic":"method"}],"scrollList":[{"__symbolic":"method"}],"setCurrentSection":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ion-index-section","template":"\n      <div class=\"index-section\" [class.index-section-current]=\"_current\">\n            <!-- group-->\n            <div class=\"index-section-index\" >\n              {{index}}\n            </div>\n\n            <!--分组下的详细内容-->\n            <div class=\"index-section-main\">\n              <ng-content>\n\n              </ng-content>\n            </div>\n        </div>\n    ","styles":["\n    .index-section-index{\n      margin: 0;\n      padding: 2px 10px 2px 10px;\n      background-color: #fafafa;\n      border-bottom: 1px solid #dedede;\n    }\n\n    .index-section-main{\n      border-bottom: 1px solid #dedede;\n    }\n\n    .index-section-current .index-section-index{\n        position: sticky;\n        position: -webkit-sticky;\n        top: 0px;\n        left: 0px;\n        width: 100%;\n        z-index: 3;\n        transform: translateZ(0px);\n    }\n  "]}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_listOfIndexCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"getElementRef":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ion-index-cell","template":"\n      <div class=\"index-cell\">\n        <div class=\"index-cell-item\" [class.index-cell-item-last]=\"_lastItem\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    ","styles":["\n      .index-cell{\n        background-color: #fff;\n        padding-left:10px\n      }\n\n      .index-cell-item{\n        box-sizing: border-box;\n        color: inherit;\n        min-height: 48px;\n        display: block;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n        border-bottom: 1px solid #dcd8d8;\n        width: 100%;\n        display: flex;\n        align-items: center;\n      }\n\n      .index-cell-item-last{\n        border-bottom: none;\n      }\n    "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"IndexListModule":"./index-list/index-list.module","ɵa":"./index-list/index-list","ɵb":"./index-list/index-section","ɵc":"./index-list/index-cell"},"importAs":"ionic3-index-list"}

package.json

 {
   "name": "ionic3-index-list",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "ionic3-index-list",
@@ -5,0 +5,0 @@ "scripts": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

98689

decreased by-1.03%

Lines of code

795

decreased by-1%

No dependency changes