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(loading): use loading overlay inline (#26153)

Browse Source
This commit is contained in:
Sean Perkins
2022-10-24 16:49:17 -04:00
committed by GitHub
parent d1fb7b039b
commit 34ca337b8a
13 changed files with 536 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1385,6 +1385,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 loading overlay after it has been presented.
* @param data Any data to emit in the dismiss events.
@ -1399,10 +1400,15 @@ export namespace Components {
* Animation to use when the loading indicator is presented.
*/
"enterAnimation"?: AnimationBuilder;
"hasController": boolean;
/**
* Additional attributes to pass to the loader.
*/
"htmlAttributes"?: LoadingAttributes;
/**
* If `true`, the loading indicator will open. If `false`, the loading indicator will close. Use this if you need finer grained control over presentation, otherwise just use the loadingController or the `trigger` property. Note: `isOpen` will not automatically be set back to `false` when the loading indicator 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.
*/
@ -1444,6 +1450,10 @@ export namespace Components {
* If `true`, the loading indicator 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 loading indicator to open when clicked.
*/
"trigger": string | undefined;
}
interface IonMenu {
/**
@ -5183,6 +5193,7 @@ 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;
/**
* Number of milliseconds to wait before dismissing the loading indicator.
*/
@ -5191,10 +5202,15 @@ declare namespace LocalJSX {
* Animation to use when the loading indicator is presented.
*/
"enterAnimation"?: AnimationBuilder;
"hasController"?: boolean;
/**
* Additional attributes to pass to the loader.
*/
"htmlAttributes"?: LoadingAttributes;
/**
* If `true`, the loading indicator will open. If `false`, the loading indicator will close. Use this if you need finer grained control over presentation, otherwise just use the loadingController or the `trigger` property. Note: `isOpen` will not automatically be set back to `false` when the loading indicator 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.
*/
@ -5211,6 +5227,14 @@ declare namespace LocalJSX {
* The mode determines which platform styles to use.
*/
"mode"?: "ios" | "md";
/**
* Emitted after the loading indicator has dismissed. Shorthand for ionLoadingDidDismiss.
*/
"onDidDismiss"?: (event: IonLoadingCustomEvent<OverlayEventDetail>) => void;
/**
* Emitted after the loading indicator has presented. Shorthand for ionLoadingWillDismiss.
*/
"onDidPresent"?: (event: IonLoadingCustomEvent<void>) => void;
/**
* Emitted after the loading has dismissed.
*/
@ -5227,6 +5251,14 @@ declare namespace LocalJSX {
* Emitted before the loading has presented.
*/
"onIonLoadingWillPresent"?: (event: IonLoadingCustomEvent<void>) => void;
/**
* Emitted before the loading indicator has dismissed. Shorthand for ionLoadingWillDismiss.
*/
"onWillDismiss"?: (event: IonLoadingCustomEvent<OverlayEventDetail>) => void;
/**
* Emitted before the loading indicator has presented. Shorthand for ionLoadingWillPresent.
*/
"onWillPresent"?: (event: IonLoadingCustomEvent<void>) => void;
"overlayIndex": number;
/**
* If `true`, a backdrop will be displayed behind the loading indicator.
@ -5240,6 +5272,10 @@ declare namespace LocalJSX {
* If `true`, the loading indicator 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 loading indicator to open when clicked.
*/
"trigger"?: string | undefined;
}
interface IonMenu {
/**