@nbxx/nb-input
Version:
Angular - nbinput
1 lines • 4.58 kB
JSON
[{"__symbolic":"module","version":4,"metadata":{"NbinputFileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nbinput-file","template":"\n <div class=\"filer-box\">\n <div class=\"filer\" *ngIf=\"!readonly\">\n <div class=\"item btn\">\n <input [disabled]=\"disabled\" type=\"file\" (change)=\"onChange($event)\" multiple />选择文件\n </div>\n </div>\n <div class=\"filer\">\n <div *ngIf=\"!data||data.length <= 0\" class=\"item\">未选择任何文件</div>\n <div class=\"item\" *ngFor=\"let item of data\">\n <div [ngClass]=\"{'text-muted':!readonly&&!disabled&&!item.completed}\">\n <a [href]=\"item.url?config.downloadAPI+item.url:'javascript:;'\">{{item.name}} ({{item.size | filesize}})</a>\n </div>\n <ng-container *ngIf=\"!readonly&&!disabled\">\n <div class=\"progress\" *ngIf=\"!item.completed\">\n <div class=\"progress-bar bg-warning\"\n role=\"progressbar\"\n [style.width]=\"item.progressStyle\"\n aria-valuenow=\"item.progress\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"></div>\n </div>\n <div><i class=\"fa fa-minus-circle text-danger tool\" (click)=\"delFile(item)\"></i></div>\n <div><i [ngClass]=\"{'text-danger':!item.success,'text-success':item.success}\">{{item.status}}</i></div>\n </ng-container>\n </div>\n </div>\n <div class=\"clearfix\"></div>\n </div>\n ","styles":["\n .filer-box{display:flex;position:relative}.filer-box .filer{position:relative;display:flex;flex-flow:column nowrap}.filer-box .filer .item{margin:0 10px 0 0;display:flex;align-items:center;font-size:0.875rem;height:1.8rem;position:relative}.filer-box .filer .item input{position:absolute;cursor:pointer;left:0;top:0;width:100%;height:100%;z-index:200;opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)'}.filer-box .filer .item input+span{cursor:pointer}.filer-box .filer .item div{margin-left:5px}.filer-box .filer .item .uploading{color:#9faecb}.filer-box .filer .item .progress{width:100px;height:16px}.filer-box .filer .item .tool{font-size:16px;cursor:pointer;padding:5px}.filer-box .filer .btn{background:#f6f6f6;border:1px solid #cccccc}\n "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":42,"character":15},"useExisting":{"__symbolic":"reference","name":"NbinputFileComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":47,"character":15},"useExisting":{"__symbolic":"reference","name":"NbinputFileComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"validate":[{"__symbolic":"method"}],"registerOnValidatorChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"onBlur":[{"__symbolic":"method"}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"fileChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3}}]}],"submit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"delFile":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./nbinput-upload","name":"NbinputUploadService","line":146,"character":22}]}]}}}}]