292 lines
13 KiB
TypeScript
292 lines
13 KiB
TypeScript
import * as i0 from '@angular/core';
|
|
import { OnInit, AfterViewInit, OnChanges, ElementRef, TemplateRef, EventEmitter, SimpleChanges, DebugElement } from '@angular/core';
|
|
import { Direction } from '@angular/cdk/bidi';
|
|
import { ConnectionPositionPair } from '@angular/cdk/overlay';
|
|
import { ControlValueAccessor } from '@angular/forms';
|
|
import { Observable } from 'rxjs';
|
|
import { NzConfigKey, NzConfigService } from 'ng-zorro-antd/core/config';
|
|
import { NgClassInterface, NzValidateStatus, NzSizeLDSType, NzStatus, NzVariant, NzSafeAny } from 'ng-zorro-antd/core/types';
|
|
import { NzI18nService, DateHelperService } from 'ng-zorro-antd/i18n';
|
|
import * as i1 from 'ng-zorro-antd/space';
|
|
|
|
declare class NzTimePickerComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnChanges {
|
|
readonly _nzModuleName: NzConfigKey;
|
|
nzConfigService: NzConfigService;
|
|
protected i18n: NzI18nService;
|
|
private elementRef;
|
|
private renderer;
|
|
private cdr;
|
|
private dateHelper;
|
|
private platform;
|
|
private directionality;
|
|
private destroyRef;
|
|
private _onChange?;
|
|
private _onTouched?;
|
|
private isNzDisableFirstChange;
|
|
isInit: boolean;
|
|
focused: boolean;
|
|
inputValue: string;
|
|
value: Date | null;
|
|
preValue: Date | null;
|
|
inputSize?: number;
|
|
i18nPlaceHolder$: Observable<string | undefined>;
|
|
overlayPositions: ConnectionPositionPair[];
|
|
dir: Direction;
|
|
prefixCls: string;
|
|
statusCls: NgClassInterface;
|
|
status: NzValidateStatus;
|
|
hasFeedback: boolean;
|
|
get origin(): ElementRef;
|
|
inputRef: ElementRef<HTMLInputElement>;
|
|
nzId: string | null;
|
|
nzSize: NzSizeLDSType;
|
|
nzStatus: NzStatus;
|
|
nzVariant: NzVariant;
|
|
nzHourStep: number;
|
|
nzMinuteStep: number;
|
|
nzSecondStep: number;
|
|
nzClearText: string;
|
|
nzNowText: string;
|
|
nzOkText: string;
|
|
nzPopupClassName: string;
|
|
nzPlaceHolder: string;
|
|
nzAddOn?: TemplateRef<void>;
|
|
nzDefaultOpenValue?: Date;
|
|
nzDisabledHours?: () => number[];
|
|
nzDisabledMinutes?: (hour: number) => number[];
|
|
nzDisabledSeconds?: (hour: number, minute: number) => number[];
|
|
nzFormat: string;
|
|
nzOpen: boolean;
|
|
nzUse12Hours: boolean;
|
|
nzSuffixIcon: string | TemplateRef<NzSafeAny>;
|
|
readonly nzOpenChange: EventEmitter<boolean>;
|
|
nzHideDisabledOptions: boolean;
|
|
nzAllowEmpty: boolean;
|
|
nzDisabled: boolean;
|
|
nzAutoFocus: boolean;
|
|
nzBackdrop: boolean;
|
|
/**
|
|
* @deprecated Will be removed in v21. It is recommended to use `nzVariant` instead.
|
|
*/
|
|
nzBorderless: boolean;
|
|
nzInputReadOnly: boolean;
|
|
emitValue(value: Date | null): void;
|
|
setValue(value: Date | null, syncPreValue?: boolean): void;
|
|
open(): void;
|
|
close(): void;
|
|
updateAutoFocus(): void;
|
|
onClickClearBtn(event: MouseEvent): void;
|
|
onClickOutside(event: MouseEvent): void;
|
|
onFocus(value: boolean): void;
|
|
focus(): void;
|
|
blur(): void;
|
|
onKeyupEsc(): void;
|
|
onKeyupEnter(): void;
|
|
onInputChange(str: string): void;
|
|
onPanelValueChange(value: Date): void;
|
|
closePanel(): void;
|
|
setCurrentValueAndClose(): void;
|
|
protected finalSize: i0.Signal<NzSizeLDSType>;
|
|
private size;
|
|
private compactSize;
|
|
private nzFormStatusService;
|
|
private nzFormNoStatusService;
|
|
ngOnInit(): void;
|
|
ngOnChanges({ nzUse12Hours, nzFormat, nzDisabled, nzAutoFocus, nzStatus, nzSize }: SimpleChanges): void;
|
|
parseTimeString(str: string): void;
|
|
ngAfterViewInit(): void;
|
|
writeValue(time: Date | null | undefined): void;
|
|
registerOnChange(fn: (time: Date | null) => void): void;
|
|
registerOnTouched(fn: () => void): void;
|
|
setDisabledState(isDisabled: boolean): void;
|
|
private checkTimeValid;
|
|
private setStatusStyles;
|
|
static ɵfac: i0.ɵɵFactoryDeclaration<NzTimePickerComponent, never>;
|
|
static ɵcmp: i0.ɵɵComponentDeclaration<NzTimePickerComponent, "nz-time-picker", ["nzTimePicker"], { "nzId": { "alias": "nzId"; "required": false; }; "nzSize": { "alias": "nzSize"; "required": false; }; "nzStatus": { "alias": "nzStatus"; "required": false; }; "nzVariant": { "alias": "nzVariant"; "required": false; }; "nzHourStep": { "alias": "nzHourStep"; "required": false; }; "nzMinuteStep": { "alias": "nzMinuteStep"; "required": false; }; "nzSecondStep": { "alias": "nzSecondStep"; "required": false; }; "nzClearText": { "alias": "nzClearText"; "required": false; }; "nzNowText": { "alias": "nzNowText"; "required": false; }; "nzOkText": { "alias": "nzOkText"; "required": false; }; "nzPopupClassName": { "alias": "nzPopupClassName"; "required": false; }; "nzPlaceHolder": { "alias": "nzPlaceHolder"; "required": false; }; "nzAddOn": { "alias": "nzAddOn"; "required": false; }; "nzDefaultOpenValue": { "alias": "nzDefaultOpenValue"; "required": false; }; "nzDisabledHours": { "alias": "nzDisabledHours"; "required": false; }; "nzDisabledMinutes": { "alias": "nzDisabledMinutes"; "required": false; }; "nzDisabledSeconds": { "alias": "nzDisabledSeconds"; "required": false; }; "nzFormat": { "alias": "nzFormat"; "required": false; }; "nzOpen": { "alias": "nzOpen"; "required": false; }; "nzUse12Hours": { "alias": "nzUse12Hours"; "required": false; }; "nzSuffixIcon": { "alias": "nzSuffixIcon"; "required": false; }; "nzHideDisabledOptions": { "alias": "nzHideDisabledOptions"; "required": false; }; "nzAllowEmpty": { "alias": "nzAllowEmpty"; "required": false; }; "nzDisabled": { "alias": "nzDisabled"; "required": false; }; "nzAutoFocus": { "alias": "nzAutoFocus"; "required": false; }; "nzBackdrop": { "alias": "nzBackdrop"; "required": false; }; "nzBorderless": { "alias": "nzBorderless"; "required": false; }; "nzInputReadOnly": { "alias": "nzInputReadOnly"; "required": false; }; }, { "nzOpenChange": "nzOpenChange"; }, never, never, true, [{ directive: typeof i1.NzSpaceCompactItemDirective; inputs: {}; outputs: {}; }]>;
|
|
static ngAcceptInputType_nzUse12Hours: unknown;
|
|
static ngAcceptInputType_nzHideDisabledOptions: unknown;
|
|
static ngAcceptInputType_nzAllowEmpty: unknown;
|
|
static ngAcceptInputType_nzDisabled: unknown;
|
|
static ngAcceptInputType_nzAutoFocus: unknown;
|
|
static ngAcceptInputType_nzBorderless: unknown;
|
|
static ngAcceptInputType_nzInputReadOnly: unknown;
|
|
}
|
|
|
|
/**
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
|
|
*/
|
|
|
|
declare class TimeHolder {
|
|
selected12Hours: string | undefined;
|
|
private _value;
|
|
private _use12Hours;
|
|
private _defaultOpenValue;
|
|
private _changes;
|
|
setMinutes(value: number, disabled: boolean): this;
|
|
setHours(value: number, disabled: boolean): this;
|
|
setSeconds(value: number, disabled: boolean): this;
|
|
setUse12Hours(value: boolean): this;
|
|
get changes(): Observable<Date>;
|
|
setValue(value: Date | undefined, use12Hours?: boolean): this;
|
|
initValue(): void;
|
|
clear(): void;
|
|
get isEmpty(): boolean;
|
|
private _clear;
|
|
private update;
|
|
changed(): void;
|
|
/**
|
|
* @description
|
|
* UI view hours
|
|
* Get viewHours which is selected in `time-picker-panel` and its range is [12, 1, 2, ..., 11]
|
|
*/
|
|
get viewHours(): number | undefined;
|
|
setSelected12Hours(value: string | undefined): void;
|
|
get value(): Date;
|
|
get hours(): number | undefined;
|
|
get minutes(): number | undefined;
|
|
get seconds(): number | undefined;
|
|
setDefaultOpenValue(value: Date): this;
|
|
private calculateViewHour;
|
|
}
|
|
|
|
type NzTimePickerUnit = 'hour' | 'minute' | 'second' | '12-hour';
|
|
declare class NzTimePickerPanelComponent implements ControlValueAccessor, OnInit, OnChanges {
|
|
dateHelper: DateHelperService;
|
|
private ngZone;
|
|
private cdr;
|
|
private elementRef;
|
|
private destroyRef;
|
|
private _nzHourStep;
|
|
private _nzMinuteStep;
|
|
private _nzSecondStep;
|
|
private onChange?;
|
|
private onTouch?;
|
|
private _format;
|
|
private _disabledHours?;
|
|
private _disabledMinutes?;
|
|
private _disabledSeconds?;
|
|
private _allowEmpty;
|
|
time: TimeHolder;
|
|
hourEnabled: boolean;
|
|
minuteEnabled: boolean;
|
|
secondEnabled: boolean;
|
|
firstScrolled: boolean;
|
|
enabledColumns: number;
|
|
hourRange: ReadonlyArray<{
|
|
index: number;
|
|
disabled: boolean;
|
|
}>;
|
|
minuteRange: ReadonlyArray<{
|
|
index: number;
|
|
disabled: boolean;
|
|
}>;
|
|
secondRange: ReadonlyArray<{
|
|
index: number;
|
|
disabled: boolean;
|
|
}>;
|
|
use12HoursRange: ReadonlyArray<{
|
|
index: number;
|
|
value: string;
|
|
}>;
|
|
hourListElement?: DebugElement;
|
|
minuteListElement?: DebugElement;
|
|
secondListElement?: DebugElement;
|
|
use12HoursListElement?: DebugElement;
|
|
nzInDatePicker: boolean;
|
|
nzAddOn?: TemplateRef<void>;
|
|
nzHideDisabledOptions: boolean;
|
|
nzClearText?: string;
|
|
nzNowText?: string;
|
|
nzOkText?: string;
|
|
nzPlaceHolder?: string | null;
|
|
nzUse12Hours: boolean;
|
|
nzDefaultOpenValue?: Date;
|
|
readonly closePanel: EventEmitter<void>;
|
|
set nzAllowEmpty(value: boolean);
|
|
get nzAllowEmpty(): boolean;
|
|
set nzDisabledHours(value: undefined | (() => number[]));
|
|
get nzDisabledHours(): undefined | (() => number[]);
|
|
set nzDisabledMinutes(value: undefined | ((hour: number) => number[]));
|
|
get nzDisabledMinutes(): undefined | ((hour: number) => number[]);
|
|
set nzDisabledSeconds(value: undefined | ((hour: number, minute: number) => number[]));
|
|
get nzDisabledSeconds(): undefined | ((hour: number, minute: number) => number[]);
|
|
set format(value: string);
|
|
get format(): string;
|
|
set nzHourStep(value: number);
|
|
get nzHourStep(): number;
|
|
set nzMinuteStep(value: number);
|
|
get nzMinuteStep(): number;
|
|
set nzSecondStep(value: number);
|
|
get nzSecondStep(): number;
|
|
buildHours(): void;
|
|
buildMinutes(): void;
|
|
buildSeconds(): void;
|
|
build12Hours(): void;
|
|
buildTimes(): void;
|
|
scrollToTime(delay?: number): void;
|
|
selectHour(hour: {
|
|
index: number;
|
|
disabled: boolean;
|
|
}): void;
|
|
selectMinute(minute: {
|
|
index: number;
|
|
disabled: boolean;
|
|
}): void;
|
|
selectSecond(second: {
|
|
index: number;
|
|
disabled: boolean;
|
|
}): void;
|
|
select12Hours(value: {
|
|
index: number;
|
|
value: string;
|
|
}): void;
|
|
scrollToSelected(instance: HTMLElement, index: number, duration: number | undefined, unit: NzTimePickerUnit): void;
|
|
translateIndex(index: number, unit: NzTimePickerUnit): number;
|
|
scrollTo(element: HTMLElement, to: number, duration: number): void;
|
|
calcIndex(array: number[] | undefined, index: number): number;
|
|
protected changed(): void;
|
|
protected touched(): void;
|
|
timeDisabled(value: Date): boolean;
|
|
onClickNow(): void;
|
|
onClickOk(): void;
|
|
isSelectedHour(hour: {
|
|
index: number;
|
|
disabled: boolean;
|
|
}): boolean;
|
|
isSelectedMinute(minute: {
|
|
index: number;
|
|
disabled: boolean;
|
|
}): boolean;
|
|
isSelectedSecond(second: {
|
|
index: number;
|
|
disabled: boolean;
|
|
}): boolean;
|
|
isSelected12Hours(value: {
|
|
index: number;
|
|
value: string;
|
|
}): boolean;
|
|
ngOnInit(): void;
|
|
ngOnChanges(changes: SimpleChanges): void;
|
|
writeValue(value: Date): void;
|
|
registerOnChange(fn: (value: Date) => void): void;
|
|
registerOnTouched(fn: () => void): void;
|
|
static ɵfac: i0.ɵɵFactoryDeclaration<NzTimePickerPanelComponent, never>;
|
|
static ɵcmp: i0.ɵɵComponentDeclaration<NzTimePickerPanelComponent, "nz-time-picker-panel", ["nzTimePickerPanel"], { "nzInDatePicker": { "alias": "nzInDatePicker"; "required": false; }; "nzAddOn": { "alias": "nzAddOn"; "required": false; }; "nzHideDisabledOptions": { "alias": "nzHideDisabledOptions"; "required": false; }; "nzClearText": { "alias": "nzClearText"; "required": false; }; "nzNowText": { "alias": "nzNowText"; "required": false; }; "nzOkText": { "alias": "nzOkText"; "required": false; }; "nzPlaceHolder": { "alias": "nzPlaceHolder"; "required": false; }; "nzUse12Hours": { "alias": "nzUse12Hours"; "required": false; }; "nzDefaultOpenValue": { "alias": "nzDefaultOpenValue"; "required": false; }; "nzAllowEmpty": { "alias": "nzAllowEmpty"; "required": false; }; "nzDisabledHours": { "alias": "nzDisabledHours"; "required": false; }; "nzDisabledMinutes": { "alias": "nzDisabledMinutes"; "required": false; }; "nzDisabledSeconds": { "alias": "nzDisabledSeconds"; "required": false; }; "format": { "alias": "format"; "required": false; }; "nzHourStep": { "alias": "nzHourStep"; "required": false; }; "nzMinuteStep": { "alias": "nzMinuteStep"; "required": false; }; "nzSecondStep": { "alias": "nzSecondStep"; "required": false; }; }, { "closePanel": "closePanel"; }, never, never, true, never>;
|
|
static ngAcceptInputType_nzInDatePicker: unknown;
|
|
static ngAcceptInputType_nzUse12Hours: unknown;
|
|
static ngAcceptInputType_nzAllowEmpty: unknown;
|
|
static ngAcceptInputType_nzHourStep: unknown;
|
|
static ngAcceptInputType_nzMinuteStep: unknown;
|
|
static ngAcceptInputType_nzSecondStep: unknown;
|
|
}
|
|
|
|
declare class NzTimePickerModule {
|
|
static ɵfac: i0.ɵɵFactoryDeclaration<NzTimePickerModule, never>;
|
|
static ɵmod: i0.ɵɵNgModuleDeclaration<NzTimePickerModule, never, [typeof NzTimePickerComponent, typeof NzTimePickerPanelComponent], [typeof NzTimePickerPanelComponent, typeof NzTimePickerComponent]>;
|
|
static ɵinj: i0.ɵɵInjectorDeclaration<NzTimePickerModule>;
|
|
}
|
|
|
|
export { NzTimePickerComponent, NzTimePickerModule, NzTimePickerPanelComponent };
|
|
export type { NzTimePickerUnit };
|