@nbxx/nb-input
Version:
Angular - nbinput
169 lines (167 loc) • 19.5 kB
JavaScript
import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from "@angular/forms";
import { NbinputConfig, NbFieldType, SystemAttachment } from "./nbinput.entity";
import { NbinputUploadService } from "./nbinput-upload";
export class NbinputImageComponent {
constructor(uploader) {
this.uploader = uploader;
this.onTouchedCallback = () => { };
this.onChangeCallback = (_) => { };
this.config = new NbinputConfig();
this.readonly = false;
this.mime = '*';
this.type = NbFieldType.Image;
this.fileChanged = new EventEmitter();
this._data = [];
}
validate(c) {
this.data.forEach(e => {
if (!e.completed || !e.success) {
return {
FilesOnUploading: {
valid: false,
},
};
}
});
return null;
}
registerOnValidatorChange(fn) { }
writeValue(obj) {
if (obj && Array.isArray(obj)) {
this.data = obj;
}
}
setDisabledState(isDisabled) {
this.disabled = isDisabled;
}
registerOnChange(fn) {
if (fn) {
this.onChangeCallback = fn;
}
}
registerOnTouched(fn) { if (fn) {
this.onTouchedCallback = fn;
} }
onBlur() { this.onTouchedCallback(); }
submit() {
// 只提交上传完成的文件
const out = this.data.filter(e => e.completed && e.success);
this.fileChanged.emit(out);
this.onChangeCallback(out);
}
get value() {
return this.data;
}
;
set value(v) {
if (v !== this.data) {
this.data = v;
this.onChangeCallback(v);
}
}
set data(val) {
if (val && Array.isArray(val)) {
val.filter(v => v.url && v.url.length > 0).forEach(v => {
v.completed = true;
v.name = v.name || '未命名';
});
this._data = val;
}
else {
this._data = [];
}
}
get data() {
return this._data;
}
external(img) {
return img.indexOf("http://") == 0 || img.indexOf("https://") == 0;
}
onChange(event) {
for (let i = 0; i < event.target.files.length; i++) {
// event.target.data[i].callback = this.submit;
const a = new SystemAttachment(event.target.files[i]);
a.completed = false;
a.url = 'data:image/jpeg;base64,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';
this.data.push(a);
this.uploader.upload(event.target.files[i], this.config.uploadAPI)
.subscribe(e => {
Object.assign(a, e);
if (e.completed) {
this.submit();
}
});
}
event.target.value = '';
event.target.files = [];
}
delImg(img) {
for (let i = 0; i < this.data.length; i++) {
if (this.data[i] == img) {
this.data.splice(i, 1);
this.submit();
break;
}
}
}
}
NbinputImageComponent.decorators = [
{ type: Component, args: [{
selector: 'nbinput-image',
template: `
<div class="nbgallery" [ngClass]="{'disabled': disabled}">
<div class="item" *ngFor="let item of data">
<img [src]="(!external(item.url)&&config.downloadAPI ? config.downloadAPI + item.url : item.url) + (config.token ? '?token=' + config.token : '')" class="img-thumbnail">
<i *ngIf="!readonly&&!disabled" class="del fa fa-times-circle" (click)="delImg(item)"></i>
<div [ngClass]="{'text-muted':!readonly&&!disabled&&!item.completed}">
<nbinput-inline [(ngModel)]="item.name"></nbinput-inline>
{{item.size?'('+(item.size | filesize)+')':''}}
</div>
<div class="progress" *ngIf="!readonly&&!disabled&&!item.completed">
<div class="progress-bar bg-warning"
role="progressbar"
[style.width]="item.progressStyle"
aria-valuenow="item.progress"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<div class="photor item" *ngIf="!readonly">
<!--<span class="helper"></span><img src="data:image/png;base64,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">-->
<input [disabled]="disabled" type="file" (change)="onChange($event)" [accept]="mime"/>
</div>
<div class="clearfix"></div>
</div>
`,
styles: [`
.nbgallery .item{float:left;padding:10px 10px;margin:10px 10px;min-width:128px;min-height:128px;position:relative;text-align:center;height:138px}.nbgallery .item img{max-width:100%;max-height:100%}.nbgallery .item i.del{color:#f00;position:absolute;top:0;right:0;font-size:20px;cursor:pointer}.nbgallery .photor{padding:10px;width:128px;height:128px;border:1px dashed #ddd;border-radius:10px;background:url("data:image/png;base64,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") no-repeat center;background-size:100%;background-origin:content-box}.nbgallery .photor input{width:108px;height:108px;display:inline-block;opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)'}.nbgallery.disabled{background-color:#e1e6ef}span img{max-width:100%}
`],
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => NbinputImageComponent),
multi: true
},
{
provide: NG_VALIDATORS,
useExisting: forwardRef(() => NbinputImageComponent),
multi: true,
}
]
},] },
];
/** @nocollapse */
NbinputImageComponent.ctorParameters = () => [
{ type: NbinputUploadService }
];
NbinputImageComponent.propDecorators = {
disabled: [{ type: Input }],
config: [{ type: Input }],
readonly: [{ type: Input }],
mime: [{ type: Input }],
type: [{ type: Input }],
fileChanged: [{ type: Output }],
data: [{ type: Input }]
};
//# sourceMappingURL=nbinput-image.component.js.map