@lxlib/seed
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.1.
447 lines (440 loc) • 14.8 kB
JavaScript
import { __decorate, __metadata } from 'tslib';
import { Injectable, ɵɵdefineInjectable, EventEmitter, Component, forwardRef, ViewChild, Input, Output, NgModule } from '@angular/core';
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
import { DomSanitizer } from '@angular/platform-browser';
import { getTimeDistance, deepMergeKey, fixEndTimeOfRange, InputBoolean } from '@lxlib/util';
import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
import { CommonModule } from '@angular/common';
/**
* @fileoverview added by tsickle
* Generated from: date-picker.config.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class DateRangePickerConfig {
constructor() {
this.nzFormat = 'yyyy-MM-dd';
this.nzAllowClear = true;
this.nzAutoFocus = false;
this.nzDisabled = false;
this.nzPopupStyle = { position: 'relative' };
this.nzShowToday = true;
this.shortcuts = {
enabled: false,
closed: true,
list: [
{
text: '今天',
fn: (/**
* @return {?}
*/
() => getTimeDistance('today')),
},
{
text: '昨天',
fn: (/**
* @return {?}
*/
() => getTimeDistance('yesterday')),
},
{
text: '近3天',
fn: (/**
* @return {?}
*/
() => getTimeDistance(-2)),
},
{
text: '近7天',
fn: (/**
* @return {?}
*/
() => getTimeDistance(-6)),
},
{
text: '本周',
fn: (/**
* @return {?}
*/
() => getTimeDistance('week')),
},
{
text: '本月',
fn: (/**
* @return {?}
*/
() => getTimeDistance('month')),
},
{
text: '全年',
fn: (/**
* @return {?}
*/
() => getTimeDistance('year')),
},
],
};
}
}
if (false) {
/** @type {?} */
DateRangePickerConfig.prototype.nzFormat;
/** @type {?} */
DateRangePickerConfig.prototype.nzClassName;
/** @type {?} */
DateRangePickerConfig.prototype.nzSize;
/** @type {?} */
DateRangePickerConfig.prototype.nzStyle;
/** @type {?} */
DateRangePickerConfig.prototype.nzAllowClear;
/** @type {?} */
DateRangePickerConfig.prototype.nzAutoFocus;
/** @type {?} */
DateRangePickerConfig.prototype.nzDisabled;
/** @type {?} */
DateRangePickerConfig.prototype.nzDisabledDate;
/** @type {?} */
DateRangePickerConfig.prototype.nzDisabledTime;
/** @type {?} */
DateRangePickerConfig.prototype.nzLocale;
/** @type {?} */
DateRangePickerConfig.prototype.nzPopupStyle;
/** @type {?} */
DateRangePickerConfig.prototype.nzDropdownClassName;
/** @type {?} */
DateRangePickerConfig.prototype.nzRenderExtraFooter;
/** @type {?} */
DateRangePickerConfig.prototype.nzPlaceHolder;
/** @type {?} */
DateRangePickerConfig.prototype.nzShowTime;
/** @type {?} */
DateRangePickerConfig.prototype.nzShowToday;
/** @type {?} */
DateRangePickerConfig.prototype.nzMode;
/** @type {?} */
DateRangePickerConfig.prototype.nzRanges;
/** @type {?} */
DateRangePickerConfig.prototype.shortcuts;
}
/**
* @record
*/
function DateRangePickerShortcut() { }
if (false) {
/**
* Whether to enable, default: `false`
* @type {?|undefined}
*/
DateRangePickerShortcut.prototype.enabled;
/**
* Whether to close the panel after clicking, default: `true`
* @type {?|undefined}
*/
DateRangePickerShortcut.prototype.closed;
/**
* Shortcut list, default: `今天`, `昨天`, `近3天`, `近7天`, `本周`, `本月`, `全年`
* @type {?|undefined}
*/
DateRangePickerShortcut.prototype.list;
}
/**
* @record
*/
function DateRangePickerShortcutItem() { }
if (false) {
/** @type {?} */
DateRangePickerShortcutItem.prototype.text;
/** @type {?} */
DateRangePickerShortcutItem.prototype.fn;
/* Skipping unhandled member: [key: string]: NzSafeAny;*/
}
class DatePickerConfig {
}
DatePickerConfig.decorators = [
{ type: Injectable, args: [{ providedIn: 'root' },] }
];
/** @nocollapse */ DatePickerConfig.ɵprov = ɵɵdefineInjectable({ factory: function DatePickerConfig_Factory() { return new DatePickerConfig(); }, token: DatePickerConfig, providedIn: "root" });
if (false) {
/** @type {?} */
DatePickerConfig.prototype.range;
}
/**
* @fileoverview added by tsickle
* Generated from: range.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class RangePickerComponent {
// #endregion
/**
* @param {?} cog
* @param {?} dom
*/
constructor(cog, dom) {
this.dom = dom;
this.value = [];
this.ngModelEndChange = new EventEmitter();
// #region Native properties
this.nzAllowClear = true;
this.nzAutoFocus = false;
this.nzOnOpenChange = new EventEmitter();
this.nzShowToday = true;
this.nzOnPanelChange = new EventEmitter();
this.nzOnOk = new EventEmitter();
this._cog = deepMergeKey(new DateRangePickerConfig(), true, cog && cog.range);
Object.assign(this, this._cog);
}
/**
* @param {?} val
* @return {?}
*/
set shortcut(val) {
/** @type {?} */
const item = (/** @type {?} */ (deepMergeKey({}, true, this._cog.shortcuts, val == null ? {} : val)));
if (typeof val === 'boolean') {
item.enabled = val;
}
(item.list || []).forEach((/**
* @param {?} i
* @return {?}
*/
i => {
i._text = this.dom.bypassSecurityTrustHtml(i.text);
}));
this._shortcut = item;
}
/**
* @return {?}
*/
get shortcut() {
return this._shortcut;
}
/**
* @param {?} e
* @return {?}
*/
_nzOnOpenChange(e) {
this.nzOnOpenChange.emit(e);
}
/**
* @param {?} e
* @return {?}
*/
_nzOnPanelChange(e) {
this.nzOnPanelChange.emit(e);
}
/**
* @param {?} e
* @return {?}
*/
_nzOnOk(e) {
this.nzOnOk.emit(e);
}
/**
* @param {?} e
* @return {?}
*/
valueChange(e) {
e = fixEndTimeOfRange(e);
this.onChangeFn(e[0]);
this.ngModelEnd = e[1];
this.ngModelEndChange.emit(e[1]);
}
/**
* @param {?} value
* @return {?}
*/
writeValue(value) {
this.value = value && this.ngModelEnd ? [value, this.ngModelEnd] : [];
}
/**
* @param {?} fn
* @return {?}
*/
registerOnChange(fn) {
this.onChangeFn = fn;
}
/**
* @param {?} _fn
* @return {?}
*/
registerOnTouched(_fn) {
// this.onTouchedFn = fn;
}
/**
* @param {?} disabled
* @return {?}
*/
setDisabledState(disabled) {
this.nzDisabled = disabled;
}
/**
* @param {?} item
* @return {?}
*/
clickShortcut(item) {
this.value = item.fn((/** @type {?} */ (this.value)));
this.valueChange((/** @type {?} */ (this.value)));
if (this._shortcut.closed) {
// tslint:disable-next-line:no-string-literal
((/** @type {?} */ (this.comp)))['picker'].hideOverlay();
}
}
}
RangePickerComponent.decorators = [
{ type: Component, args: [{
selector: 'range-picker',
exportAs: 'rangePicker',
template: "<nz-range-picker #comp\n [ngModel]=\"value\"\n (ngModelChange)=\"valueChange($event)\"\n [nzAllowClear]=\"nzAllowClear\"\n [nzAutoFocus]=\"nzAutoFocus\"\n [class]=\"nzClassName\"\n [nzDisabled]=\"nzDisabled\"\n [nzSize]=\"nzSize\"\n [nzDisabledDate]=\"nzDisabledDate\"\n [nzLocale]=\"nzLocale\"\n [nzPopupStyle]=\"nzPopupStyle\"\n [nzDropdownClassName]=\"nzDropdownClassName\"\n [style]=\"nzStyle\"\n [nzPlaceHolder]=\"nzPlaceHolder\"\n (nzOnOpenChange)=\"_nzOnOpenChange($event)\"\n [nzDateRender]=\"nzDateRender\"\n [nzDisabledTime]=\"nzDisabledTime\"\n [nzFormat]=\"nzFormat\"\n [nzRenderExtraFooter]=\"nzRenderExtraFooter || (shortcut?.enabled ? shortcutTpl : null)\"\n [nzShowTime]=\"nzShowTime\"\n [nzShowToday]=\"nzShowToday\"\n [nzMode]=\"nzMode\"\n [nzRanges]=\"nzRanges\"\n (nzOnPanelChange)=\"_nzOnPanelChange($event)\"\n (nzOnOk)=\"_nzOnOk($event)\"></nz-range-picker>\n<ng-template #shortcutTpl>\n <a *ngFor=\"let i of shortcut?.list;let first=first\"\n (click)=\"clickShortcut(i)\"\n [innerHTML]=\"i._text\"\n [ngClass]=\"{'ml-sm': !first}\"></a>\n</ng-template>\n",
providers: [
{
provide: NG_VALUE_ACCESSOR,
multi: true,
useExisting: forwardRef((/**
* @return {?}
*/
() => RangePickerComponent)),
},
]
}] }
];
/** @nocollapse */
RangePickerComponent.ctorParameters = () => [
{ type: DatePickerConfig },
{ type: DomSanitizer }
];
RangePickerComponent.propDecorators = {
comp: [{ type: ViewChild, args: ['comp', { static: false },] }],
ngModelEnd: [{ type: Input }],
shortcut: [{ type: Input }],
ngModelEndChange: [{ type: Output }],
nzAllowClear: [{ type: Input }],
nzAutoFocus: [{ type: Input }],
nzClassName: [{ type: Input }],
nzDisabled: [{ type: Input }],
nzSize: [{ type: Input }],
nzStyle: [{ type: Input }],
nzDisabledDate: [{ type: Input }],
nzLocale: [{ type: Input }],
nzPopupStyle: [{ type: Input }],
nzDropdownClassName: [{ type: Input }],
nzPlaceHolder: [{ type: Input }],
nzOnOpenChange: [{ type: Output }],
nzDateRender: [{ type: Input }],
nzFormat: [{ type: Input }],
nzDisabledTime: [{ type: Input }],
nzRenderExtraFooter: [{ type: Input }],
nzShowTime: [{ type: Input }],
nzShowToday: [{ type: Input }],
nzMode: [{ type: Input }],
nzRanges: [{ type: Input }],
nzOnPanelChange: [{ type: Output }],
nzOnOk: [{ type: Output }]
};
__decorate([
InputBoolean(),
__metadata("design:type", Boolean)
], RangePickerComponent.prototype, "nzShowToday", void 0);
if (false) {
/**
* @type {?}
* @private
*/
RangePickerComponent.prototype.onChangeFn;
/**
* @type {?}
* @private
*/
RangePickerComponent.prototype._shortcut;
/**
* @type {?}
* @private
*/
RangePickerComponent.prototype._cog;
/**
* @type {?}
* @private
*/
RangePickerComponent.prototype.comp;
/** @type {?} */
RangePickerComponent.prototype.value;
/** @type {?} */
RangePickerComponent.prototype.ngModelEnd;
/** @type {?} */
RangePickerComponent.prototype.ngModelEndChange;
/** @type {?} */
RangePickerComponent.prototype.nzAllowClear;
/** @type {?} */
RangePickerComponent.prototype.nzAutoFocus;
/** @type {?} */
RangePickerComponent.prototype.nzClassName;
/** @type {?} */
RangePickerComponent.prototype.nzDisabled;
/** @type {?} */
RangePickerComponent.prototype.nzSize;
/** @type {?} */
RangePickerComponent.prototype.nzStyle;
/** @type {?} */
RangePickerComponent.prototype.nzDisabledDate;
/** @type {?} */
RangePickerComponent.prototype.nzLocale;
/** @type {?} */
RangePickerComponent.prototype.nzPopupStyle;
/** @type {?} */
RangePickerComponent.prototype.nzDropdownClassName;
/** @type {?} */
RangePickerComponent.prototype.nzPlaceHolder;
/** @type {?} */
RangePickerComponent.prototype.nzOnOpenChange;
/** @type {?} */
RangePickerComponent.prototype.nzDateRender;
/** @type {?} */
RangePickerComponent.prototype.nzFormat;
/** @type {?} */
RangePickerComponent.prototype.nzDisabledTime;
/** @type {?} */
RangePickerComponent.prototype.nzRenderExtraFooter;
/** @type {?} */
RangePickerComponent.prototype.nzShowTime;
/** @type {?} */
RangePickerComponent.prototype.nzShowToday;
/** @type {?} */
RangePickerComponent.prototype.nzMode;
/** @type {?} */
RangePickerComponent.prototype.nzRanges;
/** @type {?} */
RangePickerComponent.prototype.nzOnPanelChange;
/** @type {?} */
RangePickerComponent.prototype.nzOnOk;
/**
* @type {?}
* @private
*/
RangePickerComponent.prototype.dom;
}
/**
* @fileoverview added by tsickle
* Generated from: date-picker.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
const COMPONENTS = [RangePickerComponent];
class DatePickerModule {
}
DatePickerModule.decorators = [
{ type: NgModule, args: [{
imports: [CommonModule, FormsModule, NzDatePickerModule],
declarations: [...COMPONENTS],
exports: [...COMPONENTS],
},] }
];
/**
* @fileoverview added by tsickle
* Generated from: public_api.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* Generated from: datePicker.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { DatePickerConfig, DatePickerModule, DateRangePickerConfig, RangePickerComponent };
//# sourceMappingURL=datePicker.js.map