This commit is contained in:
CHEVALLIER Abel
2025-11-13 16:23:22 +01:00
parent de9c515a47
commit cb235644dc
34924 changed files with 3811102 additions and 0 deletions

440
node_modules/ng-zorro-antd/select/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1,440 @@
import * as i0 from '@angular/core';
import { OnChanges, TemplateRef, AfterViewInit, EventEmitter, SimpleChanges, OnInit, ElementRef, AfterContentInit, QueryList } from '@angular/core';
import { Subject } from 'rxjs';
import { NzSafeAny, NzSizeLDSType, NzStatus, NzVariant, OnChangeType, OnTouchedType, NgClassInterface, NzValidateStatus } from 'ng-zorro-antd/core/types';
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
import { Direction } from '@angular/cdk/bidi';
import { CdkConnectedOverlay, ConnectionPositionPair, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
import { ControlValueAccessor } from '@angular/forms';
import { NzConfigKey } from 'ng-zorro-antd/core/config';
import { NzFormStatusService } from 'ng-zorro-antd/core/form';
import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
import * as i1 from 'ng-zorro-antd/space';
/**
* 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 NzOptionGroupComponent implements OnChanges {
nzLabel: string | number | TemplateRef<NzSafeAny> | null;
changes: Subject<void>;
ngOnChanges(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NzOptionGroupComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzOptionGroupComponent, "nz-option-group", ["nzOptionGroup"], { "nzLabel": { "alias": "nzLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
}
/**
* 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
*/
type NzSelectModeType = 'default' | 'multiple' | 'tags';
interface NzSelectItemInterface {
template?: TemplateRef<NzSafeAny> | null;
nzLabel: string | number | null;
nzValue: NzSafeAny | null;
nzTitle?: string | number | null;
nzDisabled?: boolean;
nzHide?: boolean;
nzCustomContent?: boolean;
groupLabel?: string | number | TemplateRef<NzSafeAny> | null;
type?: string;
key?: NzSafeAny;
}
interface NzSelectOptionInterface {
label: string | number | null | TemplateRef<NzSafeAny>;
value: NzSafeAny | null;
title?: string | number | null;
disabled?: boolean;
hide?: boolean;
groupLabel?: string | number | TemplateRef<NzSafeAny> | null;
key?: string | number;
}
type NzSelectTopControlItemType = Partial<NzSelectItemInterface> & {
contentTemplateOutlet: TemplateRef<NzSafeAny> | null;
contentTemplateOutletContext: NzSafeAny;
};
type NzFilterOptionType = (input: string, option: NzSelectItemInterface) => boolean;
type NzSelectPlacementType = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
declare class NzOptionContainerComponent implements OnChanges, AfterViewInit {
private readonly ngZone;
private readonly platformId;
notFoundContent: string | TemplateRef<NzSafeAny> | undefined;
menuItemSelectedIcon: TemplateRef<NzSafeAny> | null;
dropdownRender: TemplateRef<NzSafeAny> | null;
activatedValue: NzSafeAny | null;
listOfSelectedValue: NzSafeAny[];
compareWith: (o1: NzSafeAny, o2: NzSafeAny) => boolean;
mode: NzSelectModeType;
matchWidth: boolean;
itemSize: number;
maxItemLength: number;
isMaxMultipleCountReached: boolean;
listOfContainerItem: NzSelectItemInterface[];
readonly itemClick: EventEmitter<any>;
readonly scrollToBottom: EventEmitter<void>;
cdkVirtualScrollViewport: CdkVirtualScrollViewport;
private scrolledIndex;
onItemClick(value: NzSafeAny): void;
onItemHover(value: NzSafeAny): void;
trackValue(_index: number, option: NzSelectItemInterface): NzSafeAny;
onScrolledIndexChange(index: number): void;
scrollToActivatedValue(): void;
ngOnChanges(changes: SimpleChanges): void;
ngAfterViewInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NzOptionContainerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzOptionContainerComponent, "nz-option-container", ["nzOptionContainer"], { "notFoundContent": { "alias": "notFoundContent"; "required": false; }; "menuItemSelectedIcon": { "alias": "menuItemSelectedIcon"; "required": false; }; "dropdownRender": { "alias": "dropdownRender"; "required": false; }; "activatedValue": { "alias": "activatedValue"; "required": false; }; "listOfSelectedValue": { "alias": "listOfSelectedValue"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "matchWidth": { "alias": "matchWidth"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "maxItemLength": { "alias": "maxItemLength"; "required": false; }; "isMaxMultipleCountReached": { "alias": "isMaxMultipleCountReached"; "required": false; }; "listOfContainerItem": { "alias": "listOfContainerItem"; "required": false; }; }, { "itemClick": "itemClick"; "scrollToBottom": "scrollToBottom"; }, never, never, true, never>;
}
/**
* 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 NzOptionComponent implements OnChanges, OnInit {
private readonly destroyRef;
private readonly nzOptionGroupComponent;
changes: Subject<void>;
groupLabel?: string | number | TemplateRef<NzSafeAny> | null;
template: TemplateRef<NzSafeAny>;
nzTitle?: string | number | null;
nzLabel: string | number | null;
nzValue: NzSafeAny | null;
nzKey?: string | number;
nzDisabled: boolean;
nzHide: boolean;
nzCustomContent: boolean;
ngOnInit(): void;
ngOnChanges(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NzOptionComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzOptionComponent, "nz-option", ["nzOption"], { "nzTitle": { "alias": "nzTitle"; "required": false; }; "nzLabel": { "alias": "nzLabel"; "required": false; }; "nzValue": { "alias": "nzValue"; "required": false; }; "nzKey": { "alias": "nzKey"; "required": false; }; "nzDisabled": { "alias": "nzDisabled"; "required": false; }; "nzHide": { "alias": "nzHide"; "required": false; }; "nzCustomContent": { "alias": "nzCustomContent"; "required": false; }; }, {}, never, ["*"], true, never>;
static ngAcceptInputType_nzDisabled: unknown;
static ngAcceptInputType_nzHide: unknown;
static ngAcceptInputType_nzCustomContent: unknown;
}
declare class NzSelectSearchComponent implements OnChanges {
private readonly elementRef;
private readonly renderer;
private readonly focusMonitor;
nzId: string | null;
disabled: boolean;
mirrorSync: boolean;
showInput: boolean;
focusTrigger: boolean;
value: string;
autofocus: boolean;
readonly valueChange: EventEmitter<string>;
readonly isComposingChange: EventEmitter<boolean>;
inputElement: ElementRef;
mirrorElement?: ElementRef;
constructor();
setCompositionState(isComposing: boolean): void;
onValueChange(value: string): void;
clearInputValue(): void;
syncMirrorWidth(): void;
focus(): void;
blur(): void;
ngOnChanges(changes: SimpleChanges): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NzSelectSearchComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzSelectSearchComponent, "nz-select-search", never, { "nzId": { "alias": "nzId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mirrorSync": { "alias": "mirrorSync"; "required": false; }; "showInput": { "alias": "showInput"; "required": false; }; "focusTrigger": { "alias": "focusTrigger"; "required": false; }; "value": { "alias": "value"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "valueChange": "valueChange"; "isComposingChange": "isComposingChange"; }, never, never, true, never>;
}
declare class NzSelectTopControlComponent implements OnChanges, OnInit {
private readonly destroyRef;
private readonly elementRef;
private readonly ngZone;
readonly noAnimation: NzNoAnimationDirective | null;
nzId: string | null;
showSearch: boolean;
placeHolder: string | TemplateRef<NzSafeAny> | null;
open: boolean;
maxTagCount: number;
autofocus: boolean;
disabled: boolean;
mode: NzSelectModeType;
customTemplate: TemplateRef<{
$implicit: NzSelectItemInterface;
}> | null;
maxTagPlaceholder: TemplateRef<{
$implicit: NzSafeAny[];
}> | null;
removeIcon: TemplateRef<NzSafeAny> | null;
listOfTopItem: NzSelectItemInterface[];
tokenSeparators: string[];
prefix: TemplateRef<NzSafeAny> | string | null;
readonly tokenize: EventEmitter<string[]>;
readonly inputValueChange: EventEmitter<string>;
readonly deleteItem: EventEmitter<NzSelectItemInterface>;
nzSelectSearchComponent: NzSelectSearchComponent;
listOfSlicedItem: NzSelectTopControlItemType[];
isShowPlaceholder: boolean;
isShowSingleLabel: boolean;
isComposing: boolean;
inputValue: string | null;
updateTemplateVariable(): void;
isComposingChange(isComposing: boolean): void;
onInputValueChange(value: string): void;
tokenSeparate(inputValue: string, tokenSeparators: string[]): void;
clearInputValue(): void;
focus(): void;
blur(): void;
onDeleteItem(item: NzSelectItemInterface): void;
ngOnChanges(changes: SimpleChanges): void;
ngOnInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NzSelectTopControlComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzSelectTopControlComponent, "nz-select-top-control", ["nzSelectTopControl"], { "nzId": { "alias": "nzId"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; }; "open": { "alias": "open"; "required": false; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "maxTagPlaceholder": { "alias": "maxTagPlaceholder"; "required": false; }; "removeIcon": { "alias": "removeIcon"; "required": false; }; "listOfTopItem": { "alias": "listOfTopItem"; "required": false; }; "tokenSeparators": { "alias": "tokenSeparators"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; }, { "tokenize": "tokenize"; "inputValueChange": "inputValueChange"; "deleteItem": "deleteItem"; }, never, never, true, never>;
static ngAcceptInputType_maxTagCount: unknown;
}
type NzSelectSizeType = NzSizeLDSType;
declare class NzSelectComponent implements ControlValueAccessor, OnInit, AfterContentInit, OnChanges {
readonly _nzModuleName: NzConfigKey;
private readonly ngZone;
private readonly cdr;
private readonly host;
private readonly renderer;
private readonly platform;
private readonly focusMonitor;
private readonly directionality;
private readonly destroyRef;
nzId: string | null;
nzSize: NzSelectSizeType;
nzStatus: NzStatus;
nzVariant: NzVariant;
nzOptionHeightPx: number;
nzOptionOverflowSize: number;
nzDropdownClassName: string[] | string | null;
nzDropdownMatchSelectWidth: boolean;
nzDropdownStyle: Record<string, string> | null;
nzNotFoundContent: string | TemplateRef<NzSafeAny> | undefined;
nzPlaceHolder: string | TemplateRef<NzSafeAny> | null;
nzPlacement: NzSelectPlacementType | null;
nzMaxTagCount: number;
nzDropdownRender: TemplateRef<NzSafeAny> | null;
nzCustomTemplate: TemplateRef<{
$implicit: NzSelectItemInterface;
}> | null;
nzPrefix: TemplateRef<NzSafeAny> | string | null;
nzSuffixIcon: TemplateRef<NzSafeAny> | string | null;
nzClearIcon: TemplateRef<NzSafeAny> | null;
nzRemoveIcon: TemplateRef<NzSafeAny> | null;
nzMenuItemSelectedIcon: TemplateRef<NzSafeAny> | null;
nzTokenSeparators: string[];
nzMaxTagPlaceholder: TemplateRef<{
$implicit: NzSafeAny[];
}> | null;
nzMaxMultipleCount: number;
nzMode: NzSelectModeType;
nzFilterOption: NzFilterOptionType;
compareWith: (o1: NzSafeAny, o2: NzSafeAny) => boolean;
nzAllowClear: boolean;
/**
* @deprecated Will be removed in v21. It is recommended to use `nzVariant` instead.
*/
nzBorderless: boolean;
nzShowSearch: boolean;
nzLoading: boolean;
nzAutoFocus: boolean;
nzAutoClearSearchValue: boolean;
nzServerSearch: boolean;
nzDisabled: boolean;
nzOpen: boolean;
nzSelectOnTab: boolean;
nzBackdrop: boolean;
nzOptions: NzSelectOptionInterface[];
nzShowArrow: boolean;
get showArrow(): boolean;
get isMultiple(): boolean;
get isMaxMultipleCountSet(): boolean;
get isMaxMultipleCountReached(): boolean;
readonly nzOnSearch: EventEmitter<string>;
readonly nzScrollToBottom: EventEmitter<void>;
readonly nzOpenChange: EventEmitter<boolean>;
readonly nzBlur: EventEmitter<void>;
readonly nzFocus: EventEmitter<void>;
readonly nzOnClear: i0.OutputEmitterRef<void>;
originElement: ElementRef;
cdkConnectedOverlay: CdkConnectedOverlay;
nzSelectTopControlComponent: NzSelectTopControlComponent;
listOfNzOptionComponent: QueryList<NzOptionComponent>;
listOfNzOptionGroupComponent: QueryList<NzOptionGroupComponent>;
nzOptionGroupComponentElement: ElementRef;
nzSelectTopControlComponentElement: ElementRef;
protected finalSize: i0.Signal<NzSizeLDSType>;
private size;
private compactSize;
private listOfValue$;
private listOfTemplateItem$;
private listOfTagAndTemplateItem;
private searchValue;
private isReactiveDriven;
private value;
private requestId;
private isNzDisableFirstChange;
onChange: OnChangeType;
onTouched: OnTouchedType;
dropdownPosition: NzSelectPlacementType;
triggerWidth: number | null;
listOfContainerItem: NzSelectItemInterface[];
listOfTopItem: NzSelectItemInterface[];
activatedValue: NzSafeAny | null;
listOfValue: NzSafeAny[];
focused: boolean;
dir: Direction;
positions: ConnectionPositionPair[];
prefixCls: string;
statusCls: NgClassInterface;
status: NzValidateStatus;
hasFeedback: boolean;
generateTagItem(value: string): NzSelectItemInterface;
onItemClick(value: NzSafeAny): void;
onItemDelete(item: NzSelectItemInterface): void;
updateListOfContainerItem(): void;
clearInput(): void;
updateListOfValue(listOfValue: NzSafeAny[]): void;
onTokenSeparate(listOfLabel: string[]): void;
onKeyDown(e: KeyboardEvent): void;
setOpenState(value: boolean): void;
onOpenChange(): void;
onInputValueChange(value: string): void;
onClearSelection(): void;
onClickOutside(event: MouseEvent): void;
focus(): void;
blur(): void;
onPositionChange(position: ConnectedOverlayPositionChange): void;
updateCdkConnectedOverlayStatus(): void;
updateCdkConnectedOverlayPositions(): void;
noAnimation: NzNoAnimationDirective | null;
protected nzFormStatusService: NzFormStatusService | null;
private nzFormNoStatusService;
constructor();
writeValue(modelValue: NzSafeAny | NzSafeAny[]): void;
registerOnChange(fn: OnChangeType): void;
registerOnTouched(fn: OnTouchedType): void;
setDisabledState(disabled: boolean): void;
ngOnChanges({ nzOpen, nzDisabled, nzOptions, nzStatus, nzPlacement, nzSize }: SimpleChanges): void;
ngOnInit(): void;
ngAfterContentInit(): void;
private setStatusStyles;
private getTitle;
static ɵfac: i0.ɵɵFactoryDeclaration<NzSelectComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzSelectComponent, "nz-select", ["nzSelect"], { "nzId": { "alias": "nzId"; "required": false; }; "nzSize": { "alias": "nzSize"; "required": false; }; "nzStatus": { "alias": "nzStatus"; "required": false; }; "nzVariant": { "alias": "nzVariant"; "required": false; }; "nzOptionHeightPx": { "alias": "nzOptionHeightPx"; "required": false; }; "nzOptionOverflowSize": { "alias": "nzOptionOverflowSize"; "required": false; }; "nzDropdownClassName": { "alias": "nzDropdownClassName"; "required": false; }; "nzDropdownMatchSelectWidth": { "alias": "nzDropdownMatchSelectWidth"; "required": false; }; "nzDropdownStyle": { "alias": "nzDropdownStyle"; "required": false; }; "nzNotFoundContent": { "alias": "nzNotFoundContent"; "required": false; }; "nzPlaceHolder": { "alias": "nzPlaceHolder"; "required": false; }; "nzPlacement": { "alias": "nzPlacement"; "required": false; }; "nzMaxTagCount": { "alias": "nzMaxTagCount"; "required": false; }; "nzDropdownRender": { "alias": "nzDropdownRender"; "required": false; }; "nzCustomTemplate": { "alias": "nzCustomTemplate"; "required": false; }; "nzPrefix": { "alias": "nzPrefix"; "required": false; }; "nzSuffixIcon": { "alias": "nzSuffixIcon"; "required": false; }; "nzClearIcon": { "alias": "nzClearIcon"; "required": false; }; "nzRemoveIcon": { "alias": "nzRemoveIcon"; "required": false; }; "nzMenuItemSelectedIcon": { "alias": "nzMenuItemSelectedIcon"; "required": false; }; "nzTokenSeparators": { "alias": "nzTokenSeparators"; "required": false; }; "nzMaxTagPlaceholder": { "alias": "nzMaxTagPlaceholder"; "required": false; }; "nzMaxMultipleCount": { "alias": "nzMaxMultipleCount"; "required": false; }; "nzMode": { "alias": "nzMode"; "required": false; }; "nzFilterOption": { "alias": "nzFilterOption"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "nzAllowClear": { "alias": "nzAllowClear"; "required": false; }; "nzBorderless": { "alias": "nzBorderless"; "required": false; }; "nzShowSearch": { "alias": "nzShowSearch"; "required": false; }; "nzLoading": { "alias": "nzLoading"; "required": false; }; "nzAutoFocus": { "alias": "nzAutoFocus"; "required": false; }; "nzAutoClearSearchValue": { "alias": "nzAutoClearSearchValue"; "required": false; }; "nzServerSearch": { "alias": "nzServerSearch"; "required": false; }; "nzDisabled": { "alias": "nzDisabled"; "required": false; }; "nzOpen": { "alias": "nzOpen"; "required": false; }; "nzSelectOnTab": { "alias": "nzSelectOnTab"; "required": false; }; "nzBackdrop": { "alias": "nzBackdrop"; "required": false; }; "nzOptions": { "alias": "nzOptions"; "required": false; }; "nzShowArrow": { "alias": "nzShowArrow"; "required": false; }; }, { "nzOnSearch": "nzOnSearch"; "nzScrollToBottom": "nzScrollToBottom"; "nzOpenChange": "nzOpenChange"; "nzBlur": "nzBlur"; "nzFocus": "nzFocus"; "nzOnClear": "nzOnClear"; }, ["listOfNzOptionComponent", "listOfNzOptionGroupComponent"], never, true, [{ directive: typeof i1.NzSpaceCompactItemDirective; inputs: {}; outputs: {}; }]>;
static ngAcceptInputType_nzMaxMultipleCount: unknown;
static ngAcceptInputType_nzAllowClear: unknown;
static ngAcceptInputType_nzBorderless: unknown;
static ngAcceptInputType_nzShowSearch: unknown;
static ngAcceptInputType_nzLoading: unknown;
static ngAcceptInputType_nzAutoFocus: unknown;
static ngAcceptInputType_nzAutoClearSearchValue: unknown;
static ngAcceptInputType_nzServerSearch: unknown;
static ngAcceptInputType_nzDisabled: unknown;
static ngAcceptInputType_nzOpen: unknown;
static ngAcceptInputType_nzSelectOnTab: unknown;
static ngAcceptInputType_nzBackdrop: unknown;
static ngAcceptInputType_nzShowArrow: unknown;
}
declare class NzOptionItemComponent implements OnChanges, OnInit {
private readonly el;
private readonly ngZone;
private readonly destroyRef;
selected: boolean;
activated: boolean;
grouped: boolean;
customContent: boolean;
template: TemplateRef<NzSafeAny> | null;
disabled: boolean;
showState: boolean;
title?: string | number | null;
label: string | number | null;
value: NzSafeAny | null;
activatedValue: NzSafeAny | null;
listOfSelectedValue: NzSafeAny[];
icon: TemplateRef<NzSafeAny> | null;
compareWith: (o1: NzSafeAny, o2: NzSafeAny) => boolean;
readonly itemClick: EventEmitter<any>;
readonly itemHover: EventEmitter<any>;
ngOnChanges(changes: SimpleChanges): void;
ngOnInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NzOptionItemComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzOptionItemComponent, "nz-option-item", never, { "grouped": { "alias": "grouped"; "required": false; }; "customContent": { "alias": "customContent"; "required": false; }; "template": { "alias": "template"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showState": { "alias": "showState"; "required": false; }; "title": { "alias": "title"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "activatedValue": { "alias": "activatedValue"; "required": false; }; "listOfSelectedValue": { "alias": "listOfSelectedValue"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "itemClick": "itemClick"; "itemHover": "itemHover"; }, never, never, true, never>;
static ngAcceptInputType_customContent: unknown;
}
declare class NzSelectItemComponent {
disabled: boolean;
label: string | number | null | undefined;
deletable: boolean;
removeIcon: TemplateRef<NzSafeAny> | null;
contentTemplateOutletContext: NzSafeAny | null;
contentTemplateOutlet: string | TemplateRef<NzSafeAny> | null;
readonly delete: EventEmitter<MouseEvent>;
protected get templateOutletContext(): NzSafeAny;
onDelete(e: MouseEvent): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NzSelectItemComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzSelectItemComponent, "nz-select-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "displayLabelInHtml": { "alias": "displayLabelInHtml"; "required": false; }; "deletable": { "alias": "deletable"; "required": false; }; "removeIcon": { "alias": "removeIcon"; "required": false; }; "contentTemplateOutletContext": { "alias": "contentTemplateOutletContext"; "required": false; }; "contentTemplateOutlet": { "alias": "contentTemplateOutlet"; "required": false; }; }, { "delete": "delete"; }, never, never, true, never>;
static ngAcceptInputType_disabled: unknown;
static ngAcceptInputType_displayLabelInHtml: unknown;
static ngAcceptInputType_deletable: unknown;
}
declare class NzSelectClearComponent {
clearIcon: TemplateRef<NzSafeAny> | null;
readonly clear: EventEmitter<MouseEvent>;
onClick(e: MouseEvent): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NzSelectClearComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzSelectClearComponent, "nz-select-clear", never, { "clearIcon": { "alias": "clearIcon"; "required": false; }; }, { "clear": "clear"; }, never, never, true, never>;
}
/**
* 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 NzSelectArrowComponent {
listOfValue: NzSafeAny[];
loading: boolean;
search: boolean;
showArrow: boolean;
isMaxMultipleCountSet: boolean;
suffixIcon: TemplateRef<NzSafeAny> | string | null;
feedbackIcon: TemplateRef<NzSafeAny> | string | null;
nzMaxMultipleCount: number;
static ɵfac: i0.ɵɵFactoryDeclaration<NzSelectArrowComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzSelectArrowComponent, "nz-select-arrow", never, { "listOfValue": { "alias": "listOfValue"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "search": { "alias": "search"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; "isMaxMultipleCountSet": { "alias": "isMaxMultipleCountSet"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "feedbackIcon": { "alias": "feedbackIcon"; "required": false; }; "nzMaxMultipleCount": { "alias": "nzMaxMultipleCount"; "required": false; }; }, {}, never, never, true, never>;
static ngAcceptInputType_nzMaxMultipleCount: 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 NzSelectPlaceholderComponent {
placeholder: TemplateRef<NzSafeAny> | string | null;
static ɵfac: i0.ɵɵFactoryDeclaration<NzSelectPlaceholderComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzSelectPlaceholderComponent, "nz-select-placeholder", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
}
/**
* 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 NzOptionItemGroupComponent {
nzLabel: string | number | TemplateRef<NzSafeAny> | null;
static ɵfac: i0.ɵɵFactoryDeclaration<NzOptionItemGroupComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NzOptionItemGroupComponent, "nz-option-item-group", never, { "nzLabel": { "alias": "nzLabel"; "required": false; }; }, {}, never, never, true, never>;
}
declare class NzSelectModule {
static ɵfac: i0.ɵɵFactoryDeclaration<NzSelectModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<NzSelectModule, never, [typeof NzOptionComponent, typeof NzSelectComponent, typeof NzOptionContainerComponent, typeof NzOptionGroupComponent, typeof NzOptionItemComponent, typeof NzSelectTopControlComponent, typeof NzSelectSearchComponent, typeof NzSelectItemComponent, typeof NzSelectClearComponent, typeof NzSelectArrowComponent, typeof NzSelectPlaceholderComponent, typeof NzOptionItemGroupComponent], [typeof NzOptionComponent, typeof NzSelectComponent, typeof NzOptionGroupComponent, typeof NzSelectArrowComponent, typeof NzSelectClearComponent, typeof NzSelectItemComponent, typeof NzSelectPlaceholderComponent, typeof NzSelectSearchComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<NzSelectModule>;
}
export { NzOptionComponent, NzOptionContainerComponent, NzOptionGroupComponent, NzOptionItemComponent, NzOptionItemGroupComponent, NzSelectArrowComponent, NzSelectClearComponent, NzSelectComponent, NzSelectItemComponent, NzSelectModule, NzSelectPlaceholderComponent, NzSelectSearchComponent, NzSelectTopControlComponent };
export type { NzFilterOptionType, NzSelectItemInterface, NzSelectModeType, NzSelectOptionInterface, NzSelectPlacementType, NzSelectSizeType, NzSelectTopControlItemType };

3
node_modules/ng-zorro-antd/select/package.json generated vendored Normal file
View File

@@ -0,0 +1,3 @@
{
"module": "../fesm2022/ng-zorro-antd-select.mjs"
}

4
node_modules/ng-zorro-antd/select/style/entry.less generated vendored Normal file
View File

@@ -0,0 +1,4 @@
@import './index.less';
// style dependencies
@import '../../empty/style/entry.less';
@import './patch.less';

1302
node_modules/ng-zorro-antd/select/style/index.css generated vendored Normal file

File diff suppressed because it is too large Load Diff

414
node_modules/ng-zorro-antd/select/style/index.less generated vendored Normal file
View File

@@ -0,0 +1,414 @@
@import '../../style/themes/index';
@import '../../style/mixins/index';
@import '../../input/style/mixin';
@import './single';
@import './multiple';
@import './status';
@select-prefix-cls: ~'@{ant-prefix}-select';
.select-selector() {
position: relative;
background-color: @select-background;
border: @border-width-base @border-style-base @select-border-color;
border-radius: @control-border-radius;
transition: all 0.3s @ease-in-out;
input {
cursor: pointer;
}
.@{select-prefix-cls}-prefix {
flex: none;
margin-inline-end: @select-select-affix-padding;
}
.@{select-prefix-cls}-selection-wrap {
position: relative;
display: flex;
width: 100%;
min-width: 0;
&::after {
width: 0;
overflow: hidden;
content: '\a0';
}
}
.@{select-prefix-cls}-show-search& {
cursor: text;
input {
cursor: auto;
}
}
.@{select-prefix-cls}-disabled& {
color: @disabled-color;
background: @input-disabled-bg;
cursor: not-allowed;
.@{select-prefix-cls}-multiple& {
background: @select-multiple-disabled-background;
}
input {
cursor: not-allowed;
}
}
}
/* Reset search input style */
.select-search-input-without-border() {
.@{select-prefix-cls}-selection-search-input {
margin: 0;
padding: 0;
font-family: inherit;
background: transparent;
border: none;
outline: none;
appearance: none;
&::-webkit-search-cancel-button {
display: none;
appearance: none;
}
}
}
.@{select-prefix-cls} {
.reset-component();
position: relative;
display: inline-flex;
cursor: pointer;
&:not(&-customize-input) &-selector {
.select-selector();
.select-search-input-without-border();
}
&:not(&-disabled):hover &-selector {
.hover();
}
&:not(&-disabled)&-focused &-selector {
.active();
}
// ======================== Selection ========================
&-selection-item {
flex: 1;
overflow: hidden;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
user-select: none;
// IE11 css hack. `*::-ms-backdrop,` is a must have
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
& {
flex: auto;
}
}
}
// ======================= Placeholder =======================
&-selection-placeholder {
flex: 1;
overflow: hidden;
color: @input-placeholder-color;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none;
// IE11 css hack. `*::-ms-backdrop,` is a must have
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
& {
flex: auto;
}
}
}
// ========================== Arrow ==========================
&-arrow {
.iconfont-mixin();
position: absolute;
top: 50%;
inset-inline-start: auto;
inset-inline-end: @input-padding-horizontal-base;
display: flex;
align-items: center;
height: @font-size-icon;
margin-top: (-@font-size-icon / 2);
color: @disabled-color;
font-size: @font-size-icon;
line-height: 1;
text-align: center;
pointer-events: none;
.@{iconfont-css-prefix} {
vertical-align: top;
transition: transform 0.3s;
> svg {
vertical-align: top;
}
&:not(.@{select-prefix-cls}-suffix) {
pointer-events: auto;
}
}
.@{select-prefix-cls}-disabled & {
cursor: not-allowed;
}
> *:not(:last-child) {
margin-inline-end: @padding-xs;
}
}
// ========================== Clear ==========================
&-clear {
position: absolute;
top: 50%;
z-index: 1;
display: inline-block;
width: @font-size-icon;
height: @font-size-icon;
margin-top: (-@font-size-icon / 2);
color: @disabled-color;
font-size: @font-size-icon;
font-style: normal;
line-height: 1;
text-align: center;
text-transform: none;
background: @select-clear-background;
// https://github.com/ant-design/ant-design/issues/54205
// Force GPU compositing on Safari to prevent flickering on opacity/transform transitions
transform: translateZ(0);
cursor: pointer;
opacity: 0;
transition:
color 0.3s ease,
opacity 0.15s ease;
inset-inline-start: auto;
inset-inline-end: @input-padding-horizontal-base;
text-rendering: auto;
&::before {
display: block;
}
&:hover {
color: @text-color-secondary;
}
.@{select-prefix-cls}:hover & {
opacity: 1;
}
}
// ========================== Popup ==========================
&-dropdown {
.reset-component();
position: absolute;
top: -9999px;
z-index: @zindex-dropdown;
box-sizing: border-box;
padding: @padding-xss;
overflow: hidden;
font-size: @font-size-base;
// Fix select render lag of long text in chrome
// https://github.com/ant-design/ant-design/issues/11456
// https://github.com/ant-design/ant-design/issues/11843
font-variant: initial;
background-color: @select-dropdown-bg;
border-radius: @border-radius-base;
outline: none;
box-shadow: @box-shadow-base;
&.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-bottomLeft,
&.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-bottomLeft {
animation-name: antSlideUpIn;
}
&.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topLeft,
&.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topLeft {
animation-name: antSlideDownIn;
}
&.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-bottomLeft {
animation-name: antSlideUpOut;
}
&.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topLeft {
animation-name: antSlideDownOut;
}
&-hidden {
display: none;
}
&-empty {
color: @disabled-color;
}
}
// ========================= Options =========================
.item() {
position: relative;
display: block;
min-height: @select-dropdown-height;
padding: @select-dropdown-vertical-padding @control-padding-horizontal;
color: @text-color;
font-weight: normal;
font-size: @select-dropdown-font-size;
line-height: @select-dropdown-line-height;
}
&-item-empty {
.item();
color: @disabled-color;
}
&-item {
.item();
cursor: pointer;
transition: background 0.3s ease;
// =========== Group ============
&-group {
color: @text-color-secondary;
font-size: @font-size-sm;
cursor: default;
}
// =========== Option ===========
&-option {
display: flex;
&-content {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
&-state {
flex: none;
user-select: none;
}
&-active:not(&-disabled) {
background-color: @select-item-active-bg;
}
&-selected:not(&-disabled) {
color: @select-item-selected-color;
font-weight: @select-item-selected-font-weight;
background-color: @select-item-selected-bg;
.@{select-prefix-cls}-item-option-state {
color: @primary-color;
}
}
&-disabled {
&.@{select-prefix-cls}-item-option-selected {
background-color: @select-multiple-disabled-background;
}
color: @disabled-color;
cursor: not-allowed;
}
&-grouped {
padding-inline-start: @control-padding-horizontal * 2;
}
}
}
// ============================================================
// == Size ==
// ============================================================
&-lg {
font-size: @font-size-lg;
}
// no border style
&&-borderless,
&&-borderless:hover,
&&-borderless:focus,
&&-borderless&-focused,
&&-borderless&-disabled,
&&-borderless&[disabled] {
.@{select-prefix-cls}-selector {
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
}
// filled style
&&-filled &-selector {
background-color: @input-variant-filled-bg;
border-color: transparent;
box-shadow: none;
}
&&-filled:hover &-selector {
background-color: @input-variant-filled-hover-bg;
border-color: transparent;
box-shadow: none;
}
&&-filled:focus,
&&-filled&-focused {
.@{select-prefix-cls}-selector {
.active();
background-color: transparent;
box-shadow: none;
}
}
&&-filled&-disabled,
&&-filled&[disabled] {
.@{select-prefix-cls}-selector {
.disabled();
}
}
// underlined style
&&-underlined,
&&-underlined:hover,
&&-underlined:focus,
&&-underlined&-focused,
&&-underlined&-disabled,
&&-underlined&[disabled] {
.@{select-prefix-cls}-selector {
background-color: transparent;
border-width: 0 0 @border-width-base;
border-radius: 0;
box-shadow: none;
}
}
&&-underlined:hover:not(&-focused):not(:focus) &-selector {
border-color: @input-border-color;
}
&&-in-form-item {
width: 100%;
}
// ===================== Compact Item Styles =====================
.compact-item(@select-prefix-cls, ~'@{select-prefix-cls}-selector', ~'@{select-prefix-cls}-focused');
}
@import './rtl';

File diff suppressed because one or more lines are too long

292
node_modules/ng-zorro-antd/select/style/multiple.less generated vendored Normal file
View File

@@ -0,0 +1,292 @@
@import (reference) '../../style/themes/index';
@select-prefix-cls: ~'@{ant-prefix}-select';
@select-overflow-prefix-cls: ~'@{select-prefix-cls}-selection-overflow';
// Multiple select specific variables
@select-internal-fixed-item-margin: calc(@padding-xss / 2);
@select-multiple-base-padding: max(calc(@padding-xss - @line-width), 0px);
@select-multiple-container-padding: max(calc(@select-multiple-base-padding - @select-internal-fixed-item-margin), 0px);
@select-item-dist: calc(calc(@select-height - @select-multiple-item-height) / 2 - @line-width);
@select-multiple-selector-bg-disabled: @input-disabled-bg;
/**
* Get multiple selector needed style. The calculation:
*
* ContainerPadding = BasePadding - ItemMargin
*
* Border: ╔═══════════════════════════╗ ┬
* ContainerPadding: ║ ║ │
* ╟───────────────────────────╢ ┬ │
* Item Margin: ║ ║ │ │
* ║ ┌──────────┐ ║ │ │
* Item(multipleItemHeight): ║ BasePadding │ Item │ ║ Overflow Container(ControlHeight)
* ║ └──────────┘ ║ │ │
* Item Margin: ║ ║ │ │
* ╟───────────────────────────╢ ┴ │
* ContainerPadding: ║ ║ │
* Border: ╚═══════════════════════════╝ ┴
*/
// Multiple selector utilities based on CSS-in-JS getMultipleSelectorUnit function
.getMultipleSelectorUnit(@item-height, @base-padding, @container-padding) {
@result-item-height: @item-height;
@result-item-line-height: calc(@item-height - @line-width * 2);
@result-base-padding: @base-padding;
@result-container-padding: @container-padding;
}
// Utility to calculate select item distance
.getSelectItemStyle(@select-height, @multiple-item-height) {
@select-item-dist: calc(calc(@select-height - @multiple-item-height) / 2 - @line-width);
}
// Overflow styles
.genOverflowStyle() {
// Overflow container
.@{select-overflow-prefix-cls} {
position: relative;
display: flex;
flex: auto;
flex-wrap: wrap;
max-width: 100%;
&-item {
display: inline-flex;
flex: none;
align-self: center;
// https://github.com/ant-design/ant-design/issues/54179
max-width: calc(100% - 4px);
}
}
// Selection items
.@{select-prefix-cls}-selection-item {
display: flex;
flex: none;
align-self: center;
box-sizing: border-box;
max-width: 100%;
background: @select-selection-item-bg;
border: @line-width @border-style-base @select-selection-item-border-color;
border-radius: @border-radius-sm;
cursor: default;
transition:
font-size @animation-duration-slow,
line-height @animation-duration-slow,
height @animation-duration-slow;
margin-block: @select-internal-fixed-item-margin;
margin-inline-end: calc(@select-internal-fixed-item-margin * 2);
padding-inline-start: @padding-xs;
padding-inline-end: calc(@padding-xs / 2);
.@{select-prefix-cls}-disabled& {
color: @select-multiple-item-disabled-color;
border-color: @select-multiple-item-disabled-border-color;
cursor: not-allowed;
}
// Content
&-content {
display: inline-block;
overflow: hidden;
white-space: pre; // fix whitespace wrapping. custom tags display all whitespace within.
text-overflow: ellipsis;
margin-inline-end: calc(@padding-xs / 2);
}
&-remove {
.iconfont-mixin();
display: inline-flex;
align-items: center;
color: @text-color-secondary;
font-weight: bold;
font-size: 10px;
line-height: inherit;
cursor: pointer;
> .@{iconfont-css-prefix} {
vertical-align: -0.2em;
}
&:hover {
color: @icon-color-hover;
}
}
}
}
// Selection styles
.genSelectionStyle(@select-height, @multiple-item-height, @base-padding, @container-padding, @border-radius) {
.getSelectItemStyle(@select-height, @multiple-item-height);
.getMultipleSelectorUnit(@multiple-item-height, @base-padding, @container-padding);
// Selector container
.@{select-prefix-cls}-selector {
display: flex;
align-items: center;
width: 100%;
height: 100%;
// Multiple is little different that horizontal is follow the vertical
padding-inline: @base-padding;
padding-block: @container-padding;
border-radius: @border-radius;
.@{select-prefix-cls}-disabled& {
background: @select-multiple-selector-bg-disabled;
cursor: not-allowed;
}
&::after {
display: inline-block;
width: 0;
margin: @select-internal-fixed-item-margin 0;
line-height: @multiple-item-height;
visibility: hidden;
content: '\a0';
}
}
// Selection items with calculated height
.@{select-prefix-cls}-selection-item {
height: @multiple-item-height;
line-height: calc(@multiple-item-height - @line-width * 2);
}
// Selection wrap
.@{select-prefix-cls}-selection-wrap {
align-self: flex-start;
&::after {
line-height: @multiple-item-height;
margin-block: @select-internal-fixed-item-margin;
}
}
// Prefix adjustments
.@{select-prefix-cls}-prefix {
margin-inline-start: calc(@input-padding-horizontal-base - @base-padding);
}
// Overflow item spacing
.@{select-overflow-prefix-cls}-item + .@{select-overflow-prefix-cls}-item,
.@{select-prefix-cls}-prefix + .@{select-prefix-cls}-selection-wrap {
.@{select-prefix-cls}-selection-search {
margin-inline-start: 0;
}
.@{select-prefix-cls}-selection-placeholder {
inset-inline-start: 0;
}
}
// https://github.com/ant-design/ant-design/issues/44754
// Same as `wrap:after`
.@{select-overflow-prefix-cls}-item-suffix {
min-height: @multiple-item-height;
margin-block: @select-internal-fixed-item-margin;
}
// Search input
.@{select-prefix-cls}-selection-search {
position: relative;
display: inline-flex;
max-width: 100%;
margin-inline-start: calc(@input-padding-horizontal-base - @select-item-dist);
&-input,
&-mirror {
height: @multiple-item-height;
font-family: @font-family;
line-height: @multiple-item-height;
transition: all @animation-duration-slow;
}
&-input {
width: 100%;
min-width: 4.1px; // fix search cursor missing
}
&-mirror {
position: absolute;
top: 0;
z-index: 999;
white-space: pre; // fix whitespace wrapping caused width calculation bug
visibility: hidden;
inset-inline-start: 0;
inset-inline-end: auto;
}
}
// Placeholder
.@{select-prefix-cls}-selection-placeholder {
position: absolute;
top: 50%;
inset-inline-start: calc(@input-padding-horizontal-base - @base-padding);
inset-inline-end: @input-padding-horizontal-base;
transform: translateY(-50%);
transition: all @animation-duration-slow;
}
}
// ============================================================
// == Size ==
// ============================================================
.genSizeStyle(@suffix, @multiple-item-height, @border-radius, @border-radius-sm, @select-height, @font-size: @font-size-base) {
@merged-cls: ~'@{select-prefix-cls}@{suffix}';
// Calculate padding values
@base-padding: max(calc(@padding-xss - @line-width), 0px);
@container-padding: max(calc(@base-padding - @select-internal-fixed-item-margin), 0px);
.@{select-prefix-cls}-multiple.@{merged-cls} {
font-size: @font-size;
// Include overflow styles
.genOverflowStyle();
// Include selection styles with calculated values
.genSelectionStyle(@select-height, @multiple-item-height, @base-padding, @container-padding, @border-radius);
// Selector specific styles
.@{select-prefix-cls}-selector {
.@{select-prefix-cls}-show-search& {
cursor: text;
}
}
// Show arrow and allow clear states
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selector,
&.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {
padding-inline-end: calc(@font-size-icon + @control-padding-horizontal);
}
}
}
// Main multiple style generation - equivalent to genMultipleStyle function
.genMultipleStyle() {
// ======================== Default ========================
.genSizeStyle('', @select-multiple-item-height, @border-radius-base, @border-radius-sm, @select-height);
// ======================== Large ========================
// stylelint-disable-next-line less/no-duplicate-variables
.genSizeStyle('-sm', @select-multiple-item-height-sm, @border-radius-sm, @border-radius-sm, @input-height-sm);
// Size small need additional set padding
.@{select-prefix-cls}-multiple.@{select-prefix-cls}-sm {
.@{select-prefix-cls}-selection-placeholder {
inset-inline: calc(@control-padding-horizontal-sm - @line-width);
}
// https://github.com/ant-design/ant-design/issues/29559
.@{select-prefix-cls}-selection-search {
margin-inline-start: 2px; // magic number
}
}
// ======================== Large ========================
// stylelint-disable-next-line less/no-duplicate-variables
.genSizeStyle('-lg', @select-multiple-item-height-lg, @border-radius-lg, @border-radius-base, @input-height-lg, @font-size-lg);
}
.genMultipleStyle();

27
node_modules/ng-zorro-antd/select/style/patch.less generated vendored Normal file
View File

@@ -0,0 +1,27 @@
.ant-select-dropdown {
position: relative;
top: 100%;
left: 0;
display: block;
width: 100%;
margin-top: 4px;
margin-bottom: 4px;
.cdk-virtual-scroll-content-wrapper {
right: 0;
}
.full-width {
contain: initial;
.cdk-virtual-scroll-content-wrapper {
position: static;
}
.cdk-virtual-scroll-spacer {
position: absolute;
top: 0;
width: 1px;
}
}
}

13
node_modules/ng-zorro-antd/select/style/rtl.less generated vendored Normal file
View File

@@ -0,0 +1,13 @@
@select-prefix-cls: ~'@{ant-prefix}-select';
.@{select-prefix-cls} {
&-rtl {
direction: rtl;
}
&-dropdown {
&-rtl {
direction: rtl;
}
}
}

154
node_modules/ng-zorro-antd/select/style/single.less generated vendored Normal file
View File

@@ -0,0 +1,154 @@
@import (reference) '../../style/themes/index';
@select-prefix-cls: ~'@{ant-prefix}-select';
.genSizeStyle(@suffix, @control-height, @font-size, @border-radius) {
@merged-cls: ~'@{select-prefix-cls}@{suffix}';
@select-height-without-border: @control-height - 2 * @line-width;
@show-arrow-padding-inline-end: ceil(@font-size * 1.25);
&.@{merged-cls} {
height: @control-height;
font-size: @font-size;
// ========================= Selector =========================
.@{select-prefix-cls}-selector {
display: flex;
flex: 1 1 auto;
border-radius: @border-radius;
.@{select-prefix-cls}-selection-wrap::after {
line-height: @select-height-without-border;
}
.@{select-prefix-cls}-selection-search {
position: absolute;
width: 100%;
inset: 0;
&-input {
width: 100%;
appearance: textfield;
}
}
.@{select-prefix-cls}-selection-item,
.@{select-prefix-cls}-selection-placeholder {
display: block;
align-self: center;
padding: 0;
line-height: @select-height-without-border;
transition:
all 0.3s,
visibility 0s;
}
.@{select-prefix-cls}-selection-placeholder {
transition: none;
pointer-events: none;
}
// For common baseline align
&::after,
/* For '' value baseline align */
.@{select-prefix-cls}-selection-item::after,
/* For undefined value baseline align */
.@{select-prefix-cls}-selection-placeholder::after {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
}
// With arrow should provides `padding-inline-end` to show the arrow
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search,
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
padding-inline-end: @show-arrow-padding-inline-end;
}
// Opacity selection if open
&.@{select-prefix-cls}-open .@{select-prefix-cls}-selection-item {
color: @input-placeholder-color;
}
// ========================== Input ==========================
// We only change the style of non-customize input which is only support by `combobox` mode.
// Not customize
&:not(.@{select-prefix-cls}-customize-input) {
.@{select-prefix-cls}-selector {
align-items: center;
width: 100%;
height: 100%;
padding: 0 @input-padding-horizontal-base;
.@{select-prefix-cls}-selection-search-input {
height: @select-height-without-border;
font-size: @font-size-base;
}
&::after {
line-height: @select-height-without-border;
}
}
}
&.@{select-prefix-cls}-customize-input {
.@{select-prefix-cls}-selector {
&::after {
display: none;
}
.@{select-prefix-cls}-selection-search {
position: static;
width: 100%;
}
.@{select-prefix-cls}-selection-placeholder {
position: absolute;
padding: 0 @input-padding-horizontal-base;
inset-inline-start: 0;
inset-inline-end: 0;
&::after {
display: none;
}
}
}
}
}
}
.@{select-prefix-cls}-single {
.genSizeStyle('', @input-height-base, @font-size-base, @border-radius-base);
// ======================== Small ========================
// Shared
// stylelint-disable-next-line less/no-duplicate-variables
.genSizeStyle('-sm', @input-height-sm, @font-size-sm, @border-radius-sm);
// Padding
&.@{select-prefix-cls}-sm {
&:not(.@{select-prefix-cls}-customize-input) {
.@{select-prefix-cls}-selector {
padding: 0 @input-padding-horizontal-sm;
}
// With arrow should provides `padding-inline-end` to show the arrow
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
padding-inline-end: @input-padding-horizontal-sm + @font-size-base * 1.5;
}
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
padding-inline-end: @font-size-base * 1.5;
}
}
}
// ======================== Large ========================
// Shared
// stylelint-disable-next-line less/no-duplicate-variables
.genSizeStyle('-lg', @select-single-item-height-lg, @font-size-lg, @border-radius-lg);
}

49
node_modules/ng-zorro-antd/select/style/status.less generated vendored Normal file
View File

@@ -0,0 +1,49 @@
@import '../../input/style/mixin';
@select-prefix-cls: ~'@{ant-prefix}-select';
@pagination-prefix-cls: ~'@{ant-prefix}-pagination';
.select-status-color(
@text-color;
@border-color;
@background-color;
@hoverBorderColor;
@outlineColor;
) {
&.@{select-prefix-cls}:not(.@{select-prefix-cls}-disabled):not(.@{select-prefix-cls}-customize-input):not(.@{pagination-prefix-cls}-size-changer) {
.@{select-prefix-cls}-selector {
background-color: @background-color;
border-color: @border-color !important;
}
&.@{select-prefix-cls}-open .@{select-prefix-cls}-selector,
&.@{select-prefix-cls}-focused .@{select-prefix-cls}-selector {
.active(@border-color, @hoverBorderColor, @outlineColor);
}
}
}
.@{select-prefix-cls} {
&-status-error {
.select-status-color(@error-color, @error-color, @select-background, @error-color-hover, @error-color-outline);
}
&-status-warning {
.select-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
}
&-status-error,
&-status-warning,
&-status-success,
&-status-validating {
&.@{select-prefix-cls}-has-feedback {
//.@{prefix-cls}-arrow,
.@{select-prefix-cls}-clear {
inset-inline-end: 32px;
}
.@{select-prefix-cls}-selection-selected-value {
padding-inline-end: 42px;
}
}
}
}