javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf(all): dynamic import

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-05-08 19:39:07 +02:00
parent cc7ab4e3c6
commit bb809b63ed
56 changed files with 179 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/app/app.ios.scss
View File

@@ -15,8 +15,8 @@
// TODO this can be simplified
&.statusbar-padding {
.ion-page,
> ion-header,
.ion-page > ion-header,
ion-tab ion-nav .ion-page > ion-header,
ion-menu > .menu-inner,
ion-menu > .menu-inner > ion-header {
@include toolbar-statusbar-padding($toolbar-ios-height, $toolbar-ios-padding, $content-ios-padding, $app-ios-statusbar-padding);

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

@@ -21,6 +21,10 @@ export class App {
@Prop({ context: 'window' }) win!: Window;
@Prop({ context: 'config' }) config!: Config;
componentDidLoad() {
loadInputShims(this.win, this.config);
}
hostData() {
const hybrid = isHybrid(this.win);
const statusBar = this.config.getBoolean('statusbarPadding', hybrid);
@@ -35,13 +39,17 @@ export class App {
render() {
const device = this.config.getBoolean('isDevice', isDevice(this.win));
const inputShims = this.config.getBoolean('inputShims', needInputShims(this.win));
return [
inputShims && <ion-input-shims></ion-input-shims>,
<ion-tap-click></ion-tap-click>,
device && <ion-status-tap></ion-status-tap>,
<slot></slot>
];
}
}
async function loadInputShims(win: Window, config: Config) {
const inputShims = config.getBoolean('inputShims', needInputShims(win));
if (inputShims) {
(await import('../../utils/input-shims/input-shims')).startInputShims(win.document, config);
}
}