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

fix(): update to Stencil One 🎉🎊

Browse Source
This commit is contained in:
Manu MA
2019-06-19 21:33:50 +02:00
committed by GitHub
parent 7f1829eb21
commit b40f7d36d5
572 changed files with 14426 additions and 9916 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
core/src/components/app/app.tsx
View File

@ -1,6 +1,7 @@
import { Component, ComponentInterface, Element, Prop, QueueApi } from '@stencil/core';
import { Component, ComponentInterface, Element, Prop } from '@stencil/core';
import { Config, Mode } from '../../interface';
import { getIonMode } from '../../global/ionic-global';
import { Config } from '../../interface';
import { rIC } from '../../utils/helpers';
import { isPlatform } from '../../utils/platform';
@ -9,33 +10,33 @@ import { isPlatform } from '../../utils/platform';
styleUrl: 'app.scss'
})
export class App implements ComponentInterface {
mode!: Mode;
@Element() el!: HTMLElement;
@Prop({ context: 'window' }) win!: Window;
@Prop({ context: 'config' }) config!: Config;
@Prop({ context: 'queue' }) queue!: QueueApi;
componentDidLoad() {
rIC(() => {
const { win, config, queue } = this;
const { win, config } = this;
if (!config.getBoolean('_testing')) {
importTapClick(win, config);
}
importInputShims(win, config);
importStatusTap(win, config, queue);
importStatusTap(win, config);
importHardwareBackButton(win, config);
importFocusVisible(win);
});
}
hostData() {
const mode = getIonMode(this);
return {
class: {
[`${this.mode}`]: true,
[`${mode}`]: true,
'ion-page': true,
'force-statusbar-padding': this.config.getBoolean('_forceStatusbarPadding')
}
@ -50,10 +51,10 @@ function importHardwareBackButton(win: Window, config: Config) {
}
}
function importStatusTap(win: Window, config: Config, queue: QueueApi) {
function importStatusTap(win: Window, config: Config) {
const statusTap = config.getBoolean('statusTap', isPlatform(win, 'hybrid'));
if (statusTap) {
import('../../utils/status-tap').then(module => module.startStatusTap(win, queue));
import('../../utils/status-tap').then(module => module.startStatusTap(win));
}
}

4
core/src/components/app/test/safe-area/index.html
View File

@ -8,8 +8,8 @@
<link href="../../../../../css/ionic.bundle.css" rel="stylesheet">
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
<script src="../../../../../scripts/testing/scripts.js"></script>
<script src="../../../../../dist/ionic.js"></script>
<style>
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script> <style>
.safe-area {
--ion-safe-area-top: 40px;
--ion-safe-area-right: 40px;