ngx-pluto
Version:
101 lines • 8.96 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input, Output, EventEmitter } from "@angular/core";
import * as moment_ from 'moment';
/** @type {?} */
const moment = moment_;
import { NpDatePickerService } from "../date-picker.service";
/**
* @ignore
*/
export class NpDatePickerFooter {
/**
* @param {?} datePickerService
*/
constructor(datePickerService) {
this.datePickerService = datePickerService;
this.datePickerType = 'date-picker';
this.footerItems = [];
this.onItemLabelClicked = new EventEmitter();
this.today = '今天';
this.todayTitle = moment().format('LL');
}
/**
* @return {?}
*/
ngOnInit() {
this.today = this.datePickerService.calendar(moment(), this.datePickerService.locale) || this.today;
this.todayTitle = moment().format('LL');
}
/**
* @return {?}
*/
onTodayLabelClicked() {
this.onItemLabelClicked.emit({ label: this.today, value: moment() });
}
/**
* @param {?} item
* @return {?}
*/
onItemClicked(item) {
this.onItemLabelClicked.emit(item);
}
}
NpDatePickerFooter.decorators = [
{ type: Component, args: [{
selector: `np-date-picker-footer`,
template: "<div class=\"np-date-picker-footer flex-wrap row-flex\">\r\n <ng-container\r\n *ngIf=\"datePickerType === 'date-picker' || datePickerType === 'datetime-picker' || datePickerType === 'date-range-picker'\">\r\n <ng-container *ngIf=\"footerItems && footerItems.length > 0\">\r\n <div class=\"footer-items-and-today flex-wrap row-flex\">\r\n <div class=\"flex-wrap row-flex\">\r\n <span *ngFor=\"let item of footerItems\" (click)=\"onItemClicked(item)\">{{ item.label }}</span>\r\n </div>\r\n <span *ngIf=\"datePickerType === 'date-picker'\" [title]=\"todayTitle\"\r\n (click)=\"onTodayLabelClicked()\">{{ today }}</span>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"(!footerItems || footerItems.length === 0) && datePickerType === 'date-picker'\">\r\n <div class=\"today flex-wrap row-flex middle-flex\">\r\n <span [title]=\"todayTitle\" (click)=\"onTodayLabelClicked()\">{{ today }}</span>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n",
encapsulation: ViewEncapsulation.None,
styles: [".np-date-picker-footer{height:41px;font-weight:500}.np-date-picker-footer .footer-items-and-today,.np-date-picker-footer .today{width:100%;line-height:41px;padding:0 15px}.np-date-picker-footer .footer-items-and-today span,.np-date-picker-footer .today span{cursor:pointer}.np-date-picker-footer .footer-items-and-today{justify-content:space-between}.np-date-picker-footer .footer-items-and-today span{margin-right:10px}.np-date-picker-footer .today{justify-content:center}"]
}] }
];
/** @nocollapse */
NpDatePickerFooter.ctorParameters = () => [
{ type: NpDatePickerService }
];
NpDatePickerFooter.propDecorators = {
datePickerType: [{ type: Input }],
footerItems: [{ type: Input }],
onItemLabelClicked: [{ type: Output }]
};
if (false) {
/** @type {?} */
NpDatePickerFooter.prototype.datePickerType;
/** @type {?} */
NpDatePickerFooter.prototype.footerItems;
/** @type {?} */
NpDatePickerFooter.prototype.onItemLabelClicked;
/** @type {?} */
NpDatePickerFooter.prototype.today;
/** @type {?} */
NpDatePickerFooter.prototype.todayTitle;
/**
* @type {?}
* @private
*/
NpDatePickerFooter.prototype.datePickerService;
}
/**
* @record
*/
export function DatePickerFooterItem() { }
if (false) {
/**
* 显示在footer的自定义标签
* @type {?}
*/
DatePickerFooterItem.prototype.label;
/**
* 标签值，可以是moment对象，可以被moment转换的字符串，可以是返回moment对象的函数
* @type {?|undefined}
*/
DatePickerFooterItem.prototype.value;
/**
* 标签值数组，可以是moment对象数组，可以被moment转换的字符串数组，可以是返回moment对象的函数数组
* @type {?|undefined}
*/
DatePickerFooterItem.prototype.values;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXItZm9vdGVyLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXBsdXRvLyIsInNvdXJjZXMiOlsibGliL2RhdGUtcGlja2VyL2NvbXBvbmVudHMvZGF0ZS1waWNrZXItZm9vdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxHLE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFDOztNQUFPLE1BQU0sR0FBRyxPQUFPO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBWTdELE1BQU0sT0FBTyxrQkFBa0I7Ozs7SUFTM0IsWUFBb0IsaUJBQXNDO1FBQXRDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBcUI7UUFSakQsbUJBQWMsR0FBbUIsYUFBYSxDQUFDO1FBQy9DLGdCQUFXLEdBQTJCLEVBQUUsQ0FBQztRQUV4Qyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBd0IsQ0FBQztRQUV4RSxVQUFLLEdBQVcsSUFBSSxDQUFDO1FBQ3JCLGVBQVUsR0FBRyxNQUFNLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFMkIsQ0FBQzs7OztJQUUvRCxRQUFRO1FBQ0osSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3BHLElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVDLENBQUM7Ozs7SUFFRCxtQkFBbUI7UUFDZixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN6RSxDQUFDOzs7OztJQUVELGFBQWEsQ0FBQyxJQUEwQjtRQUNwQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7OztZQTdCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsbWlDQUFzQztnQkFFdEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O2FBQ3hDOzs7O1lBVlEsbUJBQW1COzs7NkJBYXZCLEtBQUs7MEJBQ0wsS0FBSztpQ0FFTCxNQUFNOzs7O0lBSFAsNENBQXdEOztJQUN4RCx5Q0FBa0Q7O0lBRWxELGdEQUF3RTs7SUFFeEUsbUNBQXFCOztJQUNyQix3Q0FBbUM7Ozs7O0lBRXZCLCtDQUE4Qzs7Ozs7QUFnQjlELDBDQU9DOzs7Ozs7SUFMRyxxQ0FBYzs7Ozs7SUFFZCxxQ0FBeUQ7Ozs7O0lBRXpELHNDQUE2RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgRGF0ZVBpY2tlclR5cGUgfSBmcm9tIFwiLi9kYXRlLXBpY2tlci1wb3B1cFwiO1xyXG5pbXBvcnQgKiBhcyBtb21lbnRfIGZyb20gJ21vbWVudCc7IGNvbnN0IG1vbWVudCA9IG1vbWVudF9cclxuaW1wb3J0IHsgTnBEYXRlUGlja2VyU2VydmljZSB9IGZyb20gXCIuLi9kYXRlLXBpY2tlci5zZXJ2aWNlXCI7XHJcblxyXG4vKipcclxuICogQGlnbm9yZVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogYG5wLWRhdGUtcGlja2VyLWZvb3RlcmAsXHJcbiAgICB0ZW1wbGF0ZVVybDogJ2RhdGUtcGlja2VyLWZvb3Rlci5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWydkYXRlLXBpY2tlci1mb290ZXIuc2NzcyddLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE5wRGF0ZVBpY2tlckZvb3RlciBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKSBkYXRlUGlja2VyVHlwZTogRGF0ZVBpY2tlclR5cGUgPSAnZGF0ZS1waWNrZXInO1xyXG4gICAgQElucHV0KCkgZm9vdGVySXRlbXM6IERhdGVQaWNrZXJGb290ZXJJdGVtW10gPSBbXTtcclxuXHJcbiAgICBAT3V0cHV0KCkgb25JdGVtTGFiZWxDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxEYXRlUGlja2VyRm9vdGVySXRlbT4oKTtcclxuXHJcbiAgICB0b2RheTogc3RyaW5nID0gJ+S7iuWkqSc7XHJcbiAgICB0b2RheVRpdGxlID0gbW9tZW50KCkuZm9ybWF0KCdMTCcpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZGF0ZVBpY2tlclNlcnZpY2U6IE5wRGF0ZVBpY2tlclNlcnZpY2UpIHsgfVxyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMudG9kYXkgPSB0aGlzLmRhdGVQaWNrZXJTZXJ2aWNlLmNhbGVuZGFyKG1vbWVudCgpLCB0aGlzLmRhdGVQaWNrZXJTZXJ2aWNlLmxvY2FsZSkgfHwgdGhpcy50b2RheTtcclxuICAgICAgICB0aGlzLnRvZGF5VGl0bGUgPSBtb21lbnQoKS5mb3JtYXQoJ0xMJyk7XHJcbiAgICB9XHJcblxyXG4gICAgb25Ub2RheUxhYmVsQ2xpY2tlZCgpIHtcclxuICAgICAgICB0aGlzLm9uSXRlbUxhYmVsQ2xpY2tlZC5lbWl0KHsgbGFiZWw6IHRoaXMudG9kYXksIHZhbHVlOiBtb21lbnQoKSB9KTtcclxuICAgIH1cclxuXHJcbiAgICBvbkl0ZW1DbGlja2VkKGl0ZW06IERhdGVQaWNrZXJGb290ZXJJdGVtKSB7XHJcbiAgICAgICAgdGhpcy5vbkl0ZW1MYWJlbENsaWNrZWQuZW1pdChpdGVtKTtcclxuICAgIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEYXRlUGlja2VyRm9vdGVySXRlbSB7XHJcbiAgICAvKirmmL7npLrlnKhmb290ZXLnmoToh6rlrprkuYnmoIfnrb4gKi9cclxuICAgIGxhYmVsOiBzdHJpbmc7XHJcbiAgICAvKirmoIfnrb7lgLzvvIzlj6/ku6XmmK9tb21lbnTlr7nosaHvvIzlj6/ku6Xooqttb21lbnTovazmjaLnmoTlrZfnrKbkuLLvvIzlj6/ku6XmmK/ov5Tlm55tb21lbnTlr7nosaHnmoTlh73mlbAgKi9cclxuICAgIHZhbHVlPzogbW9tZW50Xy5Nb21lbnQgfCBzdHJpbmcgfCAoKCkgPT4gbW9tZW50Xy5Nb21lbnQpO1xyXG4gICAgLyoq5qCH562+5YC85pWw57uE77yM5Y+v5Lul5pivbW9tZW505a+56LGh5pWw57uE77yM5Y+v5Lul6KKrbW9tZW506L2s5o2i55qE5a2X56ym5Liy5pWw57uE77yM5Y+v5Lul5piv6L+U5ZuebW9tZW505a+56LGh55qE5Ye95pWw5pWw57uEICovXHJcbiAgICB2YWx1ZXM/OiBBcnJheTxtb21lbnRfLk1vbWVudD4gfCBBcnJheTxzdHJpbmc+IHwgQXJyYXk8KCkgPT4gbW9tZW50Xy5Nb21lbnQ+O1xyXG59Il19