ng-devui
Version:
DevUI components based on Angular
38 lines • 11.5 kB
JavaScript
import { Component, HostListener, Input, TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./lib/timepicker-panel.component";
import * as i3 from "./lib/footer-panel.component";
import * as i4 from "./lib/calendar-panel.component";
import * as i5 from "./lib/month-panel.component";
import * as i6 from "./lib/year-panel.component";
export class DatepickerPanelComponent {
constructor() {
this.mode = 'date';
}
onClick(event) {
event.stopPropagation();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatepickerPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DatepickerPanelComponent, selector: "d-datepicker-panel", inputs: { isRangeType: "isRangeType", showTime: "showTime", showCustom: "showCustom", customTemplate: "customTemplate", footerTemplate: "footerTemplate", mode: "mode" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"devui-datepicker-pro-panel\">\n <ng-container *ngIf=\"mode === 'date' || !mode\">\n <d-calendar-panel [isRangeType]=\"isRangeType\"> </d-calendar-panel>\n <d-timepicker-panel *ngIf=\"showTime\"></d-timepicker-panel>\n\n <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n </div>\n\n <d-datepicker-footer-panel *ngIf=\"showTime || footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n </ng-container>\n\n <ng-container *ngIf=\"mode === 'month'\">\n <d-month-panel [isRangeType]=\"isRangeType\"></d-month-panel>\n <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n </div>\n\n <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n </ng-container>\n\n <ng-container *ngIf=\"mode === 'year'\">\n <d-year-panel [isRangeType]=\"isRangeType\"></d-year-panel>\n\n <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n </div>\n\n <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n </ng-container>\n\n <ng-container *ngIf=\"mode === 'week' && isRangeType === true\">\n <d-calendar-panel [isRangeType]=\"true\" [isWeekSelect]=\"true\"> </d-calendar-panel>\n\n <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n </div>\n\n <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n </ng-container>\n</div>\n", styles: [".devui-custom-panel-wrapper{display:inline-block;vertical-align:top;text-align:center;height:305px;font-size:12px;border-left:1px solid var(--devui-dividing-line, #f0f0f0)}.devui-datepicker-pro-panel{width:max-content}:host{font-size:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.TimepickerPanelComponent, selector: "d-timepicker-panel" }, { kind: "component", type: i3.FooterPanelComponent, selector: "d-datepicker-footer-panel", inputs: ["footerTemplate"] }, { kind: "component", type: i4.CalendarPanelComponent, selector: "d-calendar-panel", inputs: ["isRangeType", "isWeekSelect"] }, { kind: "component", type: i5.MonthPanelComponent, selector: "d-month-panel", inputs: ["isRangeType"] }, { kind: "component", type: i6.YearPanelComponent, selector: "d-year-panel", inputs: ["isRangeType"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatepickerPanelComponent, decorators: [{
type: Component,
args: [{ selector: 'd-datepicker-panel', preserveWhitespaces: false, template: "<div class=\"devui-datepicker-pro-panel\">\n <ng-container *ngIf=\"mode === 'date' || !mode\">\n <d-calendar-panel [isRangeType]=\"isRangeType\"> </d-calendar-panel>\n <d-timepicker-panel *ngIf=\"showTime\"></d-timepicker-panel>\n\n <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n </div>\n\n <d-datepicker-footer-panel *ngIf=\"showTime || footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n </ng-container>\n\n <ng-container *ngIf=\"mode === 'month'\">\n <d-month-panel [isRangeType]=\"isRangeType\"></d-month-panel>\n <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n </div>\n\n <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n </ng-container>\n\n <ng-container *ngIf=\"mode === 'year'\">\n <d-year-panel [isRangeType]=\"isRangeType\"></d-year-panel>\n\n <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n </div>\n\n <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n </ng-container>\n\n <ng-container *ngIf=\"mode === 'week' && isRangeType === true\">\n <d-calendar-panel [isRangeType]=\"true\" [isWeekSelect]=\"true\"> </d-calendar-panel>\n\n <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n </div>\n\n <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n </ng-container>\n</div>\n", styles: [".devui-custom-panel-wrapper{display:inline-block;vertical-align:top;text-align:center;height:305px;font-size:12px;border-left:1px solid var(--devui-dividing-line, #f0f0f0)}.devui-datepicker-pro-panel{width:max-content}:host{font-size:0}\n"] }]
}], ctorParameters: () => [], propDecorators: { isRangeType: [{
type: Input
}], showTime: [{
type: Input
}], showCustom: [{
type: Input
}], customTemplate: [{
type: Input
}], footerTemplate: [{
type: Input
}], mode: [{
type: Input
}], onClick: [{
type: HostListener,
args: ['click', ['$event']]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9kZXZ1aS9kYXRlcGlja2VyLXByby9kYXRlcGlja2VyLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2RldnVpL2RhdGVwaWNrZXItcHJvL2RhdGVwaWNrZXItcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFDNUMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBUXZCLE1BQU0sT0FBTyx3QkFBd0I7SUFRbkM7UUFGUyxTQUFJLEdBQXVDLE1BQU0sQ0FBQztJQUczRCxDQUFDO0lBR0QsT0FBTyxDQUFDLEtBQWlCO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQWRVLHdCQUF3QjttR0FBeEIsd0JBQXdCLHlSQ1ZyQyxtMERBeUNBOzs0RkQvQmEsd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLG9CQUFvQix1QkFHVCxLQUFLO3dEQUdqQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQU1OLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIFRlbXBsYXRlUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkLWRhdGVwaWNrZXItcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0ZXBpY2tlci1wYW5lbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGVwaWNrZXItcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIERhdGVwaWNrZXJQYW5lbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGlzUmFuZ2VUeXBlOiBib29sZWFuO1xuICBASW5wdXQoKSBzaG93VGltZTogYm9vbGVhbjtcbiAgQElucHV0KCkgc2hvd0N1c3RvbTogYm9vbGVhbjtcbiAgQElucHV0KCkgY3VzdG9tVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBJbnB1dCgpIGZvb3RlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBASW5wdXQoKSBtb2RlOiAneWVhcicgfCAnbW9udGgnIHwgJ2RhdGUnIHwgJ3dlZWsnID0gJ2RhdGUnO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImRldnVpLWRhdGVwaWNrZXItcHJvLXBhbmVsXCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlID09PSAnZGF0ZScgfHwgIW1vZGVcIj5cbiAgICA8ZC1jYWxlbmRhci1wYW5lbCBbaXNSYW5nZVR5cGVdPVwiaXNSYW5nZVR5cGVcIj4gPC9kLWNhbGVuZGFyLXBhbmVsPlxuICAgIDxkLXRpbWVwaWNrZXItcGFuZWwgKm5nSWY9XCJzaG93VGltZVwiPjwvZC10aW1lcGlja2VyLXBhbmVsPlxuXG4gICAgPGRpdiBjbGFzcz1cImRldnVpLWN1c3RvbS1wYW5lbC13cmFwcGVyXCIgKm5nSWY9XCJjdXN0b21UZW1wbGF0ZVwiPlxuICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImN1c3RvbVRlbXBsYXRlXCI+IDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG5cbiAgICA8ZC1kYXRlcGlja2VyLWZvb3Rlci1wYW5lbCAqbmdJZj1cInNob3dUaW1lIHx8IGZvb3RlclRlbXBsYXRlXCIgW2Zvb3RlclRlbXBsYXRlXT1cImZvb3RlclRlbXBsYXRlXCI+PC9kLWRhdGVwaWNrZXItZm9vdGVyLXBhbmVsPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibW9kZSA9PT0gJ21vbnRoJ1wiPlxuICAgIDxkLW1vbnRoLXBhbmVsIFtpc1JhbmdlVHlwZV09XCJpc1JhbmdlVHlwZVwiPjwvZC1tb250aC1wYW5lbD5cbiAgICA8ZGl2IGNsYXNzPVwiZGV2dWktY3VzdG9tLXBhbmVsLXdyYXBwZXJcIiAqbmdJZj1cImN1c3RvbVRlbXBsYXRlXCI+XG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiY3VzdG9tVGVtcGxhdGVcIj4gPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cblxuICAgIDxkLWRhdGVwaWNrZXItZm9vdGVyLXBhbmVsICpuZ0lmPVwiZm9vdGVyVGVtcGxhdGVcIiBbZm9vdGVyVGVtcGxhdGVdPVwiZm9vdGVyVGVtcGxhdGVcIj48L2QtZGF0ZXBpY2tlci1mb290ZXItcGFuZWw+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlID09PSAneWVhcidcIj5cbiAgICA8ZC15ZWFyLXBhbmVsIFtpc1JhbmdlVHlwZV09XCJpc1JhbmdlVHlwZVwiPjwvZC15ZWFyLXBhbmVsPlxuXG4gICAgPGRpdiBjbGFzcz1cImRldnVpLWN1c3RvbS1wYW5lbC13cmFwcGVyXCIgKm5nSWY9XCJjdXN0b21UZW1wbGF0ZVwiPlxuICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImN1c3RvbVRlbXBsYXRlXCI+IDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG5cbiAgICA8ZC1kYXRlcGlja2VyLWZvb3Rlci1wYW5lbCAqbmdJZj1cImZvb3RlclRlbXBsYXRlXCIgW2Zvb3RlclRlbXBsYXRlXT1cImZvb3RlclRlbXBsYXRlXCI+PC9kLWRhdGVwaWNrZXItZm9vdGVyLXBhbmVsPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibW9kZSA9PT0gJ3dlZWsnICYmIGlzUmFuZ2VUeXBlID09PSB0cnVlXCI+XG4gICAgPGQtY2FsZW5kYXItcGFuZWwgW2lzUmFuZ2VUeXBlXT1cInRydWVcIiBbaXNXZWVrU2VsZWN0XT1cInRydWVcIj4gPC9kLWNhbGVuZGFyLXBhbmVsPlxuXG4gICAgPGRpdiBjbGFzcz1cImRldnVpLWN1c3RvbS1wYW5lbC13cmFwcGVyXCIgKm5nSWY9XCJjdXN0b21UZW1wbGF0ZVwiPlxuICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImN1c3RvbVRlbXBsYXRlXCI+IDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG5cbiAgICA8ZC1kYXRlcGlja2VyLWZvb3Rlci1wYW5lbCAqbmdJZj1cImZvb3RlclRlbXBsYXRlXCIgW2Zvb3RlclRlbXBsYXRlXT1cImZvb3RlclRlbXBsYXRlXCI+PC9kLWRhdGVwaWNrZXItZm9vdGVyLXBhbmVsPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19