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

fix(react): overlays now define internal ionic components (#25967)

Browse Source 
resolves #25962
This commit is contained in:
Liam DeBeasi
2022-09-21 10:30:32 -05:00
committed by GitHub
parent 92264cd4b0
commit 21dc893f90
5 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/react/src/components/IonAlert.tsx
View File

@ -1,10 +1,10 @@
import { AlertOptions, alertController } from '@ionic/core/components'; import { AlertOptions, alertController } from '@ionic/core/components';
import { IonAlert as IonAlertCmp } from '@ionic/core/components/ion-alert.js'; import { defineCustomElement } from '@ionic/core/components/ion-alert.js';
import { createControllerComponent } from './createControllerComponent'; import { createControllerComponent } from './createControllerComponent';
export const IonAlert = /*@__PURE__*/ createControllerComponent<AlertOptions, HTMLIonAlertElement>( export const IonAlert = /*@__PURE__*/ createControllerComponent<AlertOptions, HTMLIonAlertElement>(
'ion-alert', 'ion-alert',
alertController, alertController,
IonAlertCmp defineCustomElement
); );

4
packages/react/src/components/IonLoading.tsx
View File

@ -1,9 +1,9 @@
import { LoadingOptions, loadingController } from '@ionic/core/components'; import { LoadingOptions, loadingController } from '@ionic/core/components';
import { IonLoading as IonLoadingCmp } from '@ionic/core/components/ion-loading.js'; import { defineCustomElement } from '@ionic/core/components/ion-loading.js';
import { createControllerComponent } from './createControllerComponent'; import { createControllerComponent } from './createControllerComponent';
export const IonLoading = /*@__PURE__*/ createControllerComponent< export const IonLoading = /*@__PURE__*/ createControllerComponent<
LoadingOptions, LoadingOptions,
HTMLIonLoadingElement HTMLIonLoadingElement
>('ion-loading', loadingController, IonLoadingCmp); >('ion-loading', loadingController, defineCustomElement);

4
packages/react/src/components/IonPicker.tsx
View File

@ -1,9 +1,9 @@
import { PickerOptions, pickerController } from '@ionic/core/components'; import { PickerOptions, pickerController } from '@ionic/core/components';
import { IonPicker as IonPickerCmp } from '@ionic/core/components/ion-picker.js'; import { defineCustomElement } from '@ionic/core/components/ion-picker.js';
import { createControllerComponent } from './createControllerComponent'; import { createControllerComponent } from './createControllerComponent';
export const IonPicker = /*@__PURE__*/ createControllerComponent< export const IonPicker = /*@__PURE__*/ createControllerComponent<
PickerOptions, PickerOptions,
HTMLIonPickerElement HTMLIonPickerElement
>('ion-picker', pickerController, IonPickerCmp); >('ion-picker', pickerController, defineCustomElement);

4
packages/react/src/components/IonToast.tsx
View File

@ -3,7 +3,7 @@ import {
ToastOptions as ToastOptionsCore, ToastOptions as ToastOptionsCore,
toastController as toastControllerCore, toastController as toastControllerCore,
} from '@ionic/core/components'; } from '@ionic/core/components';
import { IonToast as IonToastCmp } from '@ionic/core/components/ion-toast.js'; import { defineCustomElement } from '@ionic/core/components/ion-toast.js';
import { createControllerComponent } from './createControllerComponent'; import { createControllerComponent } from './createControllerComponent';
@ -30,5 +30,5 @@ const toastController = {
export const IonToast = /*@__PURE__*/ createControllerComponent<ToastOptions, HTMLIonToastElement>( export const IonToast = /*@__PURE__*/ createControllerComponent<ToastOptions, HTMLIonToastElement>(
'ion-toast', 'ion-toast',
toastController, toastController,
IonToastCmp defineCustomElement
); );

7
packages/react/src/components/createControllerComponent.tsx
View File

@ -4,7 +4,6 @@ import React from 'react';
import { import {
attachProps, attachProps,
dashToPascalCase, dashToPascalCase,
defineCustomElement,
setRef, setRef,
} from './react-component-lib/utils'; } from './react-component-lib/utils';
@ -27,9 +26,11 @@ export const createControllerComponent = <
>( >(
tagName: string, tagName: string,
controller: { create: (options: OptionsType) => Promise<OverlayType> }, controller: { create: (options: OptionsType) => Promise<OverlayType> },
customElement?: any defineCustomElement?: () => void
) => { ) => {
defineCustomElement(tagName, customElement); if (defineCustomElement) {
defineCustomElement();
}
const displayName = dashToPascalCase(tagName); const displayName = dashToPascalCase(tagName);
const didDismissEventName = `on${displayName}DidDismiss`; const didDismissEventName = `on${displayName}DidDismiss`;