- }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [TiFormComponent.getValueAccessor(TiCheckboxGroupComponent)], template: "<span style=\"display: none\">\r\n <input\r\n type=\"checkbox\"\r\n tiCheckgroup\r\n [items]=\"items\"\r\n [(checkeds)]=\"checkeds\"\r\n [valueKey]=\"valueKey\"\r\n (checkedsChange)=\"onCheckedsChange($event)\"\r\n />\r\n</span>\r\n<ng-container *ngFor=\"let item of items;let i = index\">\r\n <ng-container *ngIf=\"itemTemplate else defaultTemplate;\">\r\n <!-- \u81EA\u5B9A\u4E49label -->\r\n <span class=\"checkbox-group-item\">\r\n <input type=\"checkbox\" [id]=\"item.id\" tiCheckitem [item]=\"item\" [disabled]=\"item.disabled\" />\r\n <ng-container *ngTemplateOutlet=\"itemTemplate;context: {$implicit: item,index: i}\"></ng-container>\r\n </span>\r\n </ng-container>\r\n <ng-template #defaultTemplate>\r\n <!-- \u9ED8\u8BA4label -->\r\n <input type=\"checkbox\" [id]=\"appendId(item.id || i)\" tiCheckitem [item]=\"item\" [label]=\"item[labelKey]\" [disabled]=\"item.disabled\" />\r\n </ng-template>\r\n</ng-container>\r\n", styles: ["ti-checkbox-group{display:inline-flex;flex-wrap:wrap;line-height:1.5em;vertical-align:bottom}ti-checkbox-group .ti3-checkbox{display:inline-flex!important;align-items:flex-start!important;flex-shrink:0;line-height:1.5em!important}ti-checkbox-group.ti-checkboxgroup-vertical{flex-direction:column}ti-checkbox-group.ti-checkboxgroup-vertical input[type=checkbox][tiCheckbox]+.ti3-checkbox,ti-checkbox-group.ti-checkboxgroup-vertical .checkbox-group-item{line-height:28px!important;line-height:var(--ti-common-size-7x, 28px)!important;flex-shrink:0}.checkbox-group-item{display:inline-flex}ti-checkbox-group.ti-checkboxgroup-horizon.ti-checkboxgroup-defalut-item label.ti3-checkbox{margin-right:20px;margin-right:var(--ti-common-space-5x, 20px)}\n"] }]
0 commit comments