@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
70 lines • 5.77 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: tag.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
var TagComponent = /** @class */ (function () {
function TagComponent() {
this.labelStyle = '';
this.deletable = false;
/**
* tag被删除后触发
*/
this.tagDelete = new EventEmitter();
this.deleteTag = false;
}
/**
* @param {?} tag
* @return {?}
*/
TagComponent.prototype.removeTag = /**
* @param {?} tag
* @return {?}
*/
function (tag) {
this.deleteTag = true;
this.tagDelete.emit({ tag: tag });
};
TagComponent.decorators = [
{ type: Component, args: [{
selector: 'd-tag',
template: "<span class=\"devui-tag-item {{ labelStyle }}\" [style.display]=\"deleteTag ? 'none' : 'inline-block'\">\r\n <span *ngIf=\"!customViewTemplate\" title=\"{{ titleContent ? titleContent : tag }}\">{{ tag }}</span>\r\n <ng-template *ngIf=\"customViewTemplate\" [ngTemplateOutlet]=\"customViewTemplate\" [ngTemplateOutletContext]=\"{ tag: tag }\"></ng-template>\r\n <a class=\"remove-button\" *ngIf=\"deletable\" (click)=\"removeTag(tag)\">\u00D7</a>\r\n</span>\r\n",
exportAs: 'Tag',
styles: [":host{display:inline-block}.devui-tag-item{display:inline-block;margin:2px;padding:0 5px;min-height:20px;font-size:14px;line-height:20px;color:#252b3a;background-color:#eef0f5;border-radius:1px;border:0 solid;border-color:inherit}.devui-tag-item .remove-button{margin-left:5px;font-size:16px;color:#252b3a;line-height:20px;vertical-align:top;cursor:pointer}.devui-tag-item .remove-button:hover{text-decoration:none}.blue-w98{color:#3383ff;background-color:#fbfdff;border-width:thin;border-color:#e1edff}.green-w98{color:#00b679;background-color:#fafefc;border-width:thin;border-color:#d9f4eb}.yellow-w98{color:#ffab05;background-color:#fffdfa;border-width:thin;border-color:#fff3da}.orange-w98{color:#ff7452;background-color:#fffcfc;border-width:thin;border-color:#ffeae5}.pink-w98{color:#ff8cc3;background-color:#fefcff;border-width:thin;border-color:#f5e8fd}.purple-w98{color:#bc67f0;background-color:#fffdfe;border-width:thin;border-color:#ffeef6}.turquoise-w98{color:#00c1de;background-color:#fafefe;border-width:thin;border-color:#d9f6fa}.olivine-w98{color:#89ba3e;background-color:#fdfefb;border-width:thin;border-color:#eef5e2}"]
}] }
];
TagComponent.propDecorators = {
tag: [{ type: Input }],
labelStyle: [{ type: Input }],
deletable: [{ type: Input }],
titleContent: [{ type: Input }],
customViewTemplate: [{ type: Input }],
tagDelete: [{ type: Output }]
};
return TagComponent;
}());
export { TagComponent };
if (false) {
/**
* 【必选】记录输入的标签
* @type {?}
*/
TagComponent.prototype.tag;
/** @type {?} */
TagComponent.prototype.labelStyle;
/** @type {?} */
TagComponent.prototype.deletable;
/** @type {?} */
TagComponent.prototype.titleContent;
/** @type {?} */
TagComponent.prototype.customViewTemplate;
/**
* tag被删除后触发
* @type {?}
*/
TagComponent.prototype.tagDelete;
/** @type {?} */
TagComponent.prototype.deleteTag;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLWRldnVpL3RhZ3MvIiwic291cmNlcyI6WyJ0YWcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFcEY7SUFBQTtRQWFXLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFFaEIsY0FBUyxHQUFHLEtBQUssQ0FBQzs7OztRQVFqQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN6QyxjQUFTLEdBQUcsS0FBSyxDQUFDO0lBUXBCLENBQUM7Ozs7O0lBTEMsZ0NBQVM7Ozs7SUFBVCxVQUFVLEdBQUc7UUFDWCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O2dCQTlCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLE9BQU87b0JBQ2pCLDRkQUFtQztvQkFFbkMsUUFBUSxFQUFFLEtBQUs7O2lCQUNoQjs7O3NCQU1FLEtBQUs7NkJBRUwsS0FBSzs0QkFFTCxLQUFLOytCQUVMLEtBQUs7cUNBRUwsS0FBSzs0QkFJTCxNQUFNOztJQVNULG1CQUFDO0NBQUEsQUFoQ0QsSUFnQ0M7U0F6QlksWUFBWTs7Ozs7O0lBSXZCLDJCQUFxQjs7SUFFckIsa0NBQXlCOztJQUV6QixpQ0FBMkI7O0lBRTNCLG9DQUE4Qjs7SUFFOUIsMENBQThDOzs7OztJQUk5QyxpQ0FBeUM7O0lBQ3pDLGlDQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkLXRhZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFnLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZXhwb3J0QXM6ICdUYWcnXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgVGFnQ29tcG9uZW50IHtcclxuICAvKipcclxuICAqIOOAkOW/hemAieOAkeiusOW9lei+k+WFpeeahOagh+etvlxyXG4gICovXHJcbiAgQElucHV0KCkgdGFnOiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpIGxhYmVsU3R5bGUgPSAnJztcclxuXHJcbiAgQElucHV0KCkgZGVsZXRhYmxlID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlQ29udGVudDogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKSBjdXN0b21WaWV3VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgLyoqXHJcbiAgICogdGFn6KKr5Yig6Zmk5ZCO6Kem5Y+RXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHRhZ0RlbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBkZWxldGVUYWcgPSBmYWxzZTtcclxuXHJcblxyXG4gIHJlbW92ZVRhZyh0YWcpIHtcclxuICAgIHRoaXMuZGVsZXRlVGFnID0gdHJ1ZTtcclxuICAgIHRoaXMudGFnRGVsZXRlLmVtaXQoeyB0YWc6IHRhZyB9KTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==