javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(action-sheet): use action sheet overlay inline (#26172)

Browse Source
This commit is contained in:
Sean Perkins
2022-11-02 16:47:43 -04:00
committed by GitHub
parent 84990cec88
commit 92b763a538
12 changed files with 409 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
core/src/components.d.ts vendored
View File

@ -92,6 +92,7 @@ export namespace Components {
* Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
*/
"cssClass"?: string | string[];
"delegate"?: FrameworkDelegate;
/**
* Dismiss the action sheet overlay after it has been presented.
* @param data Any data to emit in the dismiss events.
@ -102,6 +103,7 @@ export namespace Components {
* Animation to use when the action sheet is presented.
*/
"enterAnimation"?: AnimationBuilder;
"hasController": boolean;
/**
* Title for the action sheet.
*/
@ -110,6 +112,10 @@ export namespace Components {
* Additional attributes to pass to the action sheet.
*/
"htmlAttributes"?: { [key: string]: any };
/**
* If `true`, the action sheet will open. If `false`, the action sheet will close. Use this if you need finer grained control over presentation, otherwise just use the actionSheetController or the `trigger` property. Note: `isOpen` will not automatically be set back to `false` when the action sheet dismisses. You will need to do that in your code.
*/
"isOpen": boolean;
/**
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
*/
@ -143,6 +149,10 @@ export namespace Components {
* If `true`, the action sheet will be translucent. Only applies when the mode is `"ios"` and the device supports [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
*/
"translucent": boolean;
/**
* An ID corresponding to the trigger element that causes the action sheet to open when clicked.
*/
"trigger": string | undefined;
}
interface IonAlert {
/**
@ -3851,10 +3861,12 @@ declare namespace LocalJSX {
* Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
*/
"cssClass"?: string | string[];
"delegate"?: FrameworkDelegate;
/**
* Animation to use when the action sheet is presented.
*/
"enterAnimation"?: AnimationBuilder;
"hasController"?: boolean;
/**
* Title for the action sheet.
*/
@ -3863,6 +3875,10 @@ declare namespace LocalJSX {
* Additional attributes to pass to the action sheet.
*/
"htmlAttributes"?: { [key: string]: any };
/**
* If `true`, the action sheet will open. If `false`, the action sheet will close. Use this if you need finer grained control over presentation, otherwise just use the actionSheetController or the `trigger` property. Note: `isOpen` will not automatically be set back to `false` when the action sheet dismisses. You will need to do that in your code.
*/
"isOpen"?: boolean;
/**
* If `true`, the keyboard will be automatically dismissed when the overlay is presented.
*/
@ -3876,21 +3892,37 @@ declare namespace LocalJSX {
*/
"mode"?: "ios" | "md";
/**
* Emitted after the alert has dismissed.
* Emitted after the action sheet has dismissed. Shorthand for ionActionSheetDidDismiss.
*/
"onDidDismiss"?: (event: IonActionSheetCustomEvent<OverlayEventDetail>) => void;
/**
* Emitted after the action sheet has presented. Shorthand for ionActionSheetWillDismiss.
*/
"onDidPresent"?: (event: IonActionSheetCustomEvent<void>) => void;
/**
* Emitted after the action sheet has dismissed.
*/
"onIonActionSheetDidDismiss"?: (event: IonActionSheetCustomEvent<OverlayEventDetail>) => void;
/**
* Emitted after the alert has presented.
* Emitted after the action sheet has presented.
*/
"onIonActionSheetDidPresent"?: (event: IonActionSheetCustomEvent<void>) => void;
/**
* Emitted before the alert has dismissed.
* Emitted before the action sheet has dismissed.
*/
"onIonActionSheetWillDismiss"?: (event: IonActionSheetCustomEvent<OverlayEventDetail>) => void;
/**
* Emitted before the alert has presented.
* Emitted before the action sheet has presented.
*/
"onIonActionSheetWillPresent"?: (event: IonActionSheetCustomEvent<void>) => void;
/**
* Emitted before the action sheet has dismissed. Shorthand for ionActionSheetWillDismiss.
*/
"onWillDismiss"?: (event: IonActionSheetCustomEvent<OverlayEventDetail>) => void;
/**
* Emitted before the action sheet has presented. Shorthand for ionActionSheetWillPresent.
*/
"onWillPresent"?: (event: IonActionSheetCustomEvent<void>) => void;
"overlayIndex": number;
/**
* Subtitle for the action sheet.
@ -3900,6 +3932,10 @@ declare namespace LocalJSX {
* If `true`, the action sheet will be translucent. Only applies when the mode is `"ios"` and the device supports [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
*/
"translucent"?: boolean;
/**
* An ID corresponding to the trigger element that causes the action sheet to open when clicked.
*/
"trigger"?: string | undefined;
}
interface IonAlert {
/**