mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
fix(): update global references
This commit is contained in:
@ -1,5 +1,5 @@
|
|||||||
import { Component, Listen } from '@stencil/core';
|
import { Component, Listen } from '@stencil/core';
|
||||||
import { ActionSheetEvent, ActionSheetOptions, ActionSheet, IonicControllerApi } from '../../index';
|
import { ActionSheetEvent, ActionSheetOptions, ActionSheet, IonicControllerApi, Ionic } from '../../index';
|
||||||
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
@ -15,7 +15,7 @@ export class ActionSheetController implements IonicControllerApi {
|
|||||||
|
|
||||||
ionViewDidLoad() {
|
ionViewDidLoad() {
|
||||||
this.appRoot = document.querySelector('ion-app') || document.body;
|
this.appRoot = document.querySelector('ion-app') || document.body;
|
||||||
Ionic.loadController('action-sheet', this);
|
Ionic.registerController('action-sheet', this);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
|
import { Animation } from '../../../index';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* iOS Loading Enter Animation
|
* iOS Loading Enter Animation
|
||||||
*/
|
*/
|
||||||
export default function(baseElm: HTMLElement) {
|
export default function(Animation: Animation, baseElm: HTMLElement) {
|
||||||
const baseAnimation = new Ionic.Animation();
|
const baseAnimation = new Animation();
|
||||||
|
|
||||||
const backdropAnimation = new Ionic.Animation();
|
const backdropAnimation = new Animation();
|
||||||
backdropAnimation.addElement(baseElm.querySelector('.loading-backdrop'));
|
backdropAnimation.addElement(baseElm.querySelector('.loading-backdrop'));
|
||||||
|
|
||||||
const wrapperAnimation = new Ionic.Animation();
|
const wrapperAnimation = new Animation();
|
||||||
wrapperAnimation.addElement(baseElm.querySelector('.loading-wrapper'));
|
wrapperAnimation.addElement(baseElm.querySelector('.loading-wrapper'));
|
||||||
|
|
||||||
backdropAnimation.fromTo('opacity', 0.01, 0.3);
|
backdropAnimation.fromTo('opacity', 0.01, 0.3);
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
|
import { Animation } from '../../../index';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* iOS Loading Leave Animation
|
* iOS Loading Leave Animation
|
||||||
*/
|
*/
|
||||||
export default function(baseElm: HTMLElement) {
|
export default function(Animation: Animation, baseElm: HTMLElement) {
|
||||||
const baseAnimation = new Ionic.Animation();
|
const baseAnimation = new Animation();
|
||||||
|
|
||||||
const backdropAnimation = new Ionic.Animation();
|
const backdropAnimation = new Animation();
|
||||||
backdropAnimation.addElement(baseElm.querySelector('.loading-backdrop'));
|
backdropAnimation.addElement(baseElm.querySelector('.loading-backdrop'));
|
||||||
|
|
||||||
const wrapperAnimation = new Ionic.Animation();
|
const wrapperAnimation = new Animation();
|
||||||
wrapperAnimation.addElement(baseElm.querySelector('.loading-wrapper'));
|
wrapperAnimation.addElement(baseElm.querySelector('.loading-wrapper'));
|
||||||
|
|
||||||
backdropAnimation.fromTo('opacity', 0.3, 0);
|
backdropAnimation.fromTo('opacity', 0.3, 0);
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import { Component, Listen } from '@stencil/core';
|
import { Component, Listen } from '@stencil/core';
|
||||||
import { PopoverEvent, PopoverOptions, Popover, IonicControllerApi } from '../../index';
|
import { PopoverEvent, PopoverOptions, Popover, IonicControllerApi, Ionic } from '../../index';
|
||||||
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
@ -15,7 +15,7 @@ export class PopoverController implements IonicControllerApi {
|
|||||||
|
|
||||||
ionViewDidLoad() {
|
ionViewDidLoad() {
|
||||||
this.appRoot = document.querySelector('ion-app') || document.body;
|
this.appRoot = document.querySelector('ion-app') || document.body;
|
||||||
Ionic.loadController('popover', this);
|
Ionic.registerController('popover', this);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,11 +1,12 @@
|
|||||||
|
import { Animation } from '../../../index';
|
||||||
|
|
||||||
export default function(baseElm: HTMLElement) {
|
export default function(Animation: Animation, baseElm: HTMLElement) {
|
||||||
const baseAnimation = new Ionic.Animation();
|
const baseAnimation = new Animation();
|
||||||
|
|
||||||
const backdropAnimation = new Ionic.Animation();
|
const backdropAnimation = new Animation();
|
||||||
backdropAnimation.addElement(baseElm.querySelector('.popover-backdrop'));
|
backdropAnimation.addElement(baseElm.querySelector('.popover-backdrop'));
|
||||||
|
|
||||||
const wrapperAnimation = new Ionic.Animation();
|
const wrapperAnimation = new Animation();
|
||||||
wrapperAnimation.addElement(baseElm.querySelector('.popover-wrapper'));
|
wrapperAnimation.addElement(baseElm.querySelector('.popover-wrapper'));
|
||||||
|
|
||||||
backdropAnimation.fromTo('opacity', 0.01, 0.3);
|
backdropAnimation.fromTo('opacity', 0.01, 0.3);
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
|
import { Animation } from '../../../index';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* iOS Modal Leave Animation
|
* iOS Modal Leave Animation
|
||||||
*/
|
*/
|
||||||
export default function(baseElm: HTMLElement) {
|
export default function(Animation: Animation, baseElm: HTMLElement) {
|
||||||
const baseAnimation = new Ionic.Animation();
|
const baseAnimation = new Animation();
|
||||||
|
|
||||||
const backdropAnimation = new Ionic.Animation();
|
const backdropAnimation = new Animation();
|
||||||
backdropAnimation.addElement(baseElm.querySelector('.modal-backdrop'));
|
backdropAnimation.addElement(baseElm.querySelector('.modal-backdrop'));
|
||||||
|
|
||||||
const wrapperAnimation = new Ionic.Animation();
|
const wrapperAnimation = new Animation();
|
||||||
const wrapperElm = baseElm.querySelector('.modal-wrapper');
|
const wrapperElm = baseElm.querySelector('.modal-wrapper');
|
||||||
wrapperAnimation.addElement(wrapperElm);
|
wrapperAnimation.addElement(wrapperElm);
|
||||||
const wrapperElmRect = wrapperElm.getBoundingClientRect();
|
const wrapperElmRect = wrapperElm.getBoundingClientRect();
|
||||||
|
|||||||
Reference in New Issue
Block a user