@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
1 lines • 8.38 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"LoadingDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"[dLoading]","exportAs":"dLoading"}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"backdrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"loadingTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"positionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"view":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["style.position"]}]}],"showLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":84,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":85,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":86,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":87,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":85,"character":31}]}],"startLoading":[{"__symbolic":"method"}],"endLoading":[{"__symbolic":"method"}],"createLoadingBackdrop":[{"__symbolic":"method"}],"insert":[{"__symbolic":"method"}]}},"LoadingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"exports":[{"__symbolic":"reference","name":"LoadingDirective"},{"__symbolic":"reference","name":"LoadingBackdropComponent"},{"__symbolic":"reference","name":"LoadingComponent"}],"declarations":[{"__symbolic":"reference","name":"LoadingDirective"},{"__symbolic":"reference","name":"LoadingBackdropComponent"},{"__symbolic":"reference","name":"LoadingComponent"}],"entryComponents":[{"__symbolic":"reference","name":"LoadingBackdropComponent"},{"__symbolic":"reference","name":"LoadingComponent"}],"providers":[]}]}],"members":{}},"LoadingType":{"__symbolic":"interface"},"LoadingBackdropComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"d-loading-backdrop","template":"<div class='devui-loading-backdrop'\n *ngIf='backdrop'>\n </div>","styles":[".devui-loading-backdrop{position:absolute;z-index:1000;background-color:#adb0b8;opacity:.3;left:0;top:0;bottom:0;right:0}"]}]}],"members":{"backdrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}]}},"LoadingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"d-loading","template":"<div class=\"devui-loading-wrapper\">\n <ng-container *ngTemplateOutlet=\"loadingTemplateRef ? loadingTemplateRef : default;\">\n </ng-container>\n <ng-template #default>\n <div class=\"devui-spinner-wrapper\"\n [ngClass]=\"{'devui-fix-loading-position': !customPosition,'devui-message-wrapper':!!message}\"\n [style.top]=\"top\"\n [style.left]=\"left\">\n <div class=\"devui-busy-default-sign\">\n <div class=\"devui-busy-default-spinner\">\n <div class=\"devui-loading-bar1\"></div>\n <div class=\"devui-loading-bar2\"></div>\n <div class=\"devui-loading-bar3\"></div>\n <div class=\"devui-loading-bar4\"></div>\n </div>\n <div class=\"devui-busy-default-text\" *ngIf=\"!!message\">{{message}}</div>\n </div>\n </div>\n </ng-template>\n </div>","styles":[".devui-loading-wrapper{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 1 auto}.devui-spinner-wrapper{position:absolute;z-index:1001}.devui-message-wrapper{background:#fff;border-radius:5px}.devui-fix-loading-position{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.devui-busy-default-sign{position:relative;display:inline-block;z-index:1001;padding:12px 14px;color:#252b3a}.devui-busy-default-text{display:inline-block;margin-left:6px;max-width:400px;font-size:14px;text-align:left}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;-webkit-animation:1s linear infinite devui-busy-spinner-anim;animation:1s linear infinite devui-busy-spinner-anim}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0}@-webkit-keyframes devui-busy-spinner-anim{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(135deg) scale(1.5);transform:rotate(135deg) scale(1.5)}100%{-webkit-transform:rotate(270deg) scale(1);transform:rotate(270deg) scale(1)}}@keyframes devui-busy-spinner-anim{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(135deg) scale(1.5);transform:rotate(135deg) scale(1.5)}100%{-webkit-transform:rotate(270deg) scale(1);transform:rotate(270deg) scale(1)}}"]}]}],"members":{"loadingTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"customPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}]}}},"origins":{"LoadingDirective":"./loading.directive","LoadingModule":"./loading.module","LoadingType":"./loading.types","LoadingBackdropComponent":"./loading-backdrop.component","LoadingComponent":"./loading.component"},"importAs":"ng-devui/loading"}