@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
2 lines • 3.9 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@angular/common")):"function"==typeof define&&define.amd?define("ng-devui/tags",["exports","@angular/core","@angular/forms","@angular/common"],t):t(((e=e||self)["ng-devui"]=e["ng-devui"]||{},e["ng-devui"].tags={}),e.ng.core,e.ng.forms,e.ng.common)}(this,(function(e,t,o,r){"use strict";var n=function(){function e(){this.tags=[],this.displayProperty="",this.deletable=!1,this.titleProperty="",this.tagDelete=new t.EventEmitter}return e.prototype.removeTag=function(e,t){this.tagDelete.emit({tag:e,index:t})},e.decorators=[{type:t.Component,args:[{selector:"d-tags",template:'<div class="devui-tags">\r\n <d-tag\r\n *ngFor="let tag of tags; let index = index"\r\n [tag]="displayProperty ? tag[displayProperty] : tag"\r\n [deletable]="deletable"\r\n [labelStyle]="tag[\'labelStyle\']"\r\n [titleContent]="titleProperty ? tag[titleProperty] : displayProperty ? tag[displayProperty] : tag"\r\n [customViewTemplate]="customViewTemplate"\r\n (tagDelete)="removeTag(tag, index)"\r\n >\r\n </d-tag>\r\n</div>\r\n',exportAs:"Tags",styles:[".devui-tags{padding:2px;overflow:hidden;word-wrap:break-word;height:100%}"]}]}],e.propDecorators={tags:[{type:t.Input}],displayProperty:[{type:t.Input}],deletable:[{type:t.Input}],titleProperty:[{type:t.Input}],customViewTemplate:[{type:t.ContentChild,args:[t.TemplateRef,{static:!1}]}],tagDelete:[{type:t.Output}]},e}();var a=function(){function e(){this.labelStyle="",this.deletable=!1,this.tagDelete=new t.EventEmitter,this.deleteTag=!1}return e.prototype.removeTag=function(e){this.deleteTag=!0,this.tagDelete.emit({tag:e})},e.decorators=[{type:t.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)">×</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}"]}]}],e.propDecorators={tag:[{type:t.Input}],labelStyle:[{type:t.Input}],deletable:[{type:t.Input}],titleContent:[{type:t.Input}],customViewTemplate:[{type:t.Input}],tagDelete:[{type:t.Output}]},e}();var l=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[r.CommonModule,o.FormsModule],exports:[n,a],declarations:[n,a]}]}],e}();e.TagComponent=a,e.TagsComponent=n,e.TagsModule=l,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-devui-tags.umd.min.js.map