mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
refactor(overlay): remove 6.0.0 deletion targets (#10161)
Removes all of the APIs that were marked for deletion in 6.0.0 from the `cdk/overlay` entry point. BREAKING CHANGES: * `ConnectedOverlayDirective` which was deprecated in 5.0.0 has been removed. Use `CdkConnectedOverlay` instead. * `OverlayOrigin` which was deprecated in 5.0.0 has been removed. Use `CdkOverlayOrigin` instead. * `hasBackdrop` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayHasBackdrop` instead. * `open` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayOpen` instead. * `scrollStrategy` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayScrollStrategy` instead. * `backdropClass` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayBackdropClass` instead. * `minHeight` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayMinHeight` instead. * `minWidth` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayMinWidth` instead. * `height` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayHeight` instead. * `width` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayWidth` instead. * `offsetX` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayOffsetX` instead. * `offsetY` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayOffsetY` instead. * `positions` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayPositions` instead. * `origin` which was deprecated in 5.0.0 has been removed. Use `cdkConnectedOverlayOrigin` instead.
This commit is contained in:
committed by
mmalerba
parent
9403eada8c
commit
54252d5c1b
@@ -402,12 +402,21 @@ describe('Overlay directives', () => {
|
||||
<button cdk-overlay-origin id="trigger" #trigger="cdkOverlayOrigin">Toggle menu</button>
|
||||
<button cdk-overlay-origin id="otherTrigger" #otherTrigger="cdkOverlayOrigin">Toggle menu</button>
|
||||
|
||||
<ng-template cdk-connected-overlay [open]="isOpen" [width]="width" [height]="height"
|
||||
<ng-template cdk-connected-overlay
|
||||
[cdkConnectedOverlayOpen]="isOpen"
|
||||
[cdkConnectedOverlayWidth]="width"
|
||||
[cdkConnectedOverlayHeight]="height"
|
||||
[cdkConnectedOverlayOrigin]="triggerOverride || trigger"
|
||||
[hasBackdrop]="hasBackdrop" backdropClass="mat-test-class"
|
||||
(backdropClick)="backdropClickHandler($event)" [offsetX]="offsetX" [offsetY]="offsetY"
|
||||
(positionChange)="positionChangeHandler($event)" (attach)="attachHandler()"
|
||||
(detach)="detachHandler()" [minWidth]="minWidth" [minHeight]="minHeight"
|
||||
[cdkConnectedOverlayHasBackdrop]="hasBackdrop"
|
||||
cdkConnectedOverlayBackdropClass="mat-test-class"
|
||||
(backdropClick)="backdropClickHandler($event)"
|
||||
[cdkConnectedOverlayOffsetX]="offsetX"
|
||||
[cdkConnectedOverlayOffsetY]="offsetY"
|
||||
(positionChange)="positionChangeHandler($event)"
|
||||
(attach)="attachHandler()"
|
||||
(detach)="detachHandler()"
|
||||
[cdkConnectedOverlayMinWidth]="minWidth"
|
||||
[cdkConnectedOverlayMinHeight]="minHeight"
|
||||
[cdkConnectedOverlayPositions]="positionOverrides">
|
||||
<p>Menu content</p>
|
||||
</ng-template>`,
|
||||
|
||||
@@ -161,104 +161,6 @@ export class CdkConnectedOverlay implements OnDestroy, OnChanges {
|
||||
get lockPosition() { return this._lockPosition; }
|
||||
set lockPosition(value: any) { this._lockPosition = coerceBooleanProperty(value); }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('origin')
|
||||
get _deprecatedOrigin(): CdkOverlayOrigin { return this.origin; }
|
||||
set _deprecatedOrigin(_origin: CdkOverlayOrigin) { this.origin = _origin; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('positions')
|
||||
get _deprecatedPositions(): ConnectionPositionPair[] { return this.positions; }
|
||||
set _deprecatedPositions(_positions: ConnectionPositionPair[]) { this.positions = _positions; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('offsetX')
|
||||
get _deprecatedOffsetX(): number { return this.offsetX; }
|
||||
set _deprecatedOffsetX(_offsetX: number) { this.offsetX = _offsetX; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('offsetY')
|
||||
get _deprecatedOffsetY(): number { return this.offsetY; }
|
||||
set _deprecatedOffsetY(_offsetY: number) { this.offsetY = _offsetY; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('width')
|
||||
get _deprecatedWidth(): number | string { return this.width; }
|
||||
set _deprecatedWidth(_width: number | string) { this.width = _width; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('height')
|
||||
get _deprecatedHeight(): number | string { return this.height; }
|
||||
set _deprecatedHeight(_height: number | string) { this.height = _height; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('minWidth')
|
||||
get _deprecatedMinWidth(): number | string { return this.minWidth; }
|
||||
set _deprecatedMinWidth(_minWidth: number | string) { this.minWidth = _minWidth; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('minHeight')
|
||||
get _deprecatedMinHeight(): number | string { return this.minHeight; }
|
||||
set _deprecatedMinHeight(_minHeight: number | string) { this.minHeight = _minHeight; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('backdropClass')
|
||||
get _deprecatedBackdropClass(): string { return this.backdropClass; }
|
||||
set _deprecatedBackdropClass(_backdropClass: string) { this.backdropClass = _backdropClass; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('scrollStrategy')
|
||||
get _deprecatedScrollStrategy(): ScrollStrategy { return this.scrollStrategy; }
|
||||
set _deprecatedScrollStrategy(_scrollStrategy: ScrollStrategy) {
|
||||
this.scrollStrategy = _scrollStrategy;
|
||||
}
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('open')
|
||||
get _deprecatedOpen(): boolean { return this.open; }
|
||||
set _deprecatedOpen(_open: boolean) { this.open = _open; }
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
@Input('hasBackdrop')
|
||||
get _deprecatedHasBackdrop() { return this.hasBackdrop; }
|
||||
set _deprecatedHasBackdrop(_hasBackdrop: any) { this.hasBackdrop = _hasBackdrop; }
|
||||
|
||||
/** Event emitted when the backdrop is clicked. */
|
||||
@Output() backdropClick = new EventEmitter<MouseEvent>();
|
||||
|
||||
|
||||
@@ -25,15 +25,3 @@ export {PositionStrategy} from './position/position-strategy';
|
||||
export {GlobalPositionStrategy} from './position/global-position-strategy';
|
||||
export {ConnectedPositionStrategy} from './position/connected-position-strategy';
|
||||
export {VIEWPORT_RULER_PROVIDER} from '@angular/cdk/scrolling';
|
||||
|
||||
/**
|
||||
* @deprecated Use CdkConnectedOverlay
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
export {CdkConnectedOverlay as ConnectedOverlayDirective} from './overlay-directives';
|
||||
|
||||
/**
|
||||
* @deprecated Use CdkOverlayOrigin
|
||||
* @deletion-target 6.0.0
|
||||
*/
|
||||
export {CdkOverlayOrigin as OverlayOrigin} from './overlay-directives';
|
||||
|
||||
@@ -19,7 +19,12 @@
|
||||
Open menu
|
||||
</button>
|
||||
|
||||
<ng-template cdk-connected-overlay [origin]="trigger" [width]="500" hasBackdrop [open]="isMenuOpen"
|
||||
<ng-template
|
||||
cdk-connected-overlay
|
||||
[cdkConnectedOverlayOrigin]="trigger"
|
||||
[cdkConnectedOverlayWidth]="500"
|
||||
cdkConnectedOverlayHasBackdrop
|
||||
[cdkConnectedOverlayOpen]="isMenuOpen"
|
||||
(backdropClick)="isMenuOpen=false">
|
||||
<div style="background-color: mediumpurple" >
|
||||
This is the menu panel.
|
||||
|
||||
@@ -17,15 +17,15 @@
|
||||
|
||||
<ng-template
|
||||
cdk-connected-overlay
|
||||
hasBackdrop
|
||||
cdkConnectedOverlayHasBackdrop
|
||||
cdkConnectedOverlayLockPosition
|
||||
backdropClass="cdk-overlay-transparent-backdrop"
|
||||
[scrollStrategy]="_scrollStrategy"
|
||||
[origin]="origin"
|
||||
[open]="panelOpen"
|
||||
[positions]="_positions"
|
||||
[minWidth]="_triggerRect?.width"
|
||||
[offsetY]="_offsetY"
|
||||
cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
|
||||
[cdkConnectedOverlayScrollStrategy]="_scrollStrategy"
|
||||
[cdkConnectedOverlayOrigin]="origin"
|
||||
[cdkConnectedOverlayOpen]="panelOpen"
|
||||
[cdkConnectedOverlayPositions]="_positions"
|
||||
[cdkConnectedOverlayMinWidth]="_triggerRect?.width"
|
||||
[cdkConnectedOverlayOffsetY]="_offsetY"
|
||||
(backdropClick)="close()"
|
||||
(attach)="_onAttached()"
|
||||
(detach)="close()">
|
||||
|
||||
Reference in New Issue
Block a user