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

chore(stencil): updates to stencil 0.0.8-1

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2017-11-14 23:31:12 +01:00
parent 5113363845
commit 7fff8f27fe
21 changed files with 2297 additions and 2214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/core/package-lock.json generated
View File

@ -14,9 +14,9 @@
}
},
"@stencil/core": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/@stencil/core/-/core-0.0.7.tgz",
"integrity": "sha512-mpS4l+aSm9i1dLFCGYXY8IDhfylh4+Aijxuzpi7G2VOmLmA/raZeS6hqtdg3pnTU72ckgdZ84D/+x4pgkluinQ==",
"version": "0.0.8-1",
"resolved": "https://registry.npmjs.org/@stencil/core/-/core-0.0.8-1.tgz",
"integrity": "sha512-CWeVxwFpzepOc1dOVimuG+S1Ga684ZpdmGCToOpmsQwabwAMbCLZEirEUCDumZ0IXhqw+2B00/Gg9myN1VZntw==",
"dev": true,
"requires": {
"chokidar": "1.7.0",
@ -28,14 +28,6 @@
"typescript": "2.6.1",
"uglify-es": "3.1.6",
"workbox-build": "2.1.1"
},
"dependencies": {
"typescript": {
"version": "2.6.1",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-2.6.1.tgz",
"integrity": "sha1-7znN6ierrAtQAkLWcmq5DgyEZjE=",
"dev": true
}
}
},
"@stencil/dev-server": {
@ -7246,6 +7238,12 @@
"integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
"dev": true
},
"typescript": {
"version": "2.6.1",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-2.6.1.tgz",
"integrity": "sha1-7znN6ierrAtQAkLWcmq5DgyEZjE=",
"dev": true
},
"uglify-es": {
"version": "3.1.6",
"resolved": "https://registry.npmjs.org/uglify-es/-/uglify-es-3.1.6.tgz",

2
packages/core/package.json
View File

@ -10,7 +10,7 @@
"dist/"
],
"devDependencies": {
"@stencil/core": "^0.0.7",
"@stencil/core": "0.0.8-1",
"@stencil/dev-server": "0.0.18-0",
"@stencil/utils": "latest",
"@types/jest": "^21.1.0",

1365
packages/core/src/components.d.ts vendored
View File

File diff suppressed because it is too large Load Diff

2
packages/core/src/components/content/content.tsx
View File

@ -1,5 +1,5 @@
import { Component, Element, Method, Prop } from '@stencil/core';
import { Config, HTMLIonScrollElement } from '../../index';
import { Config } from '../../index';
import { createThemedClasses, getElementClassObject } from '../../utils/theme';
import { getPageElement } from '../../utils/helpers';

2
packages/core/src/components/datetime/datetime.tsx
View File

@ -1,6 +1,6 @@
import { Component, CssClassMap, Event, EventEmitter, Prop, PropDidChange, State } from '@stencil/core';
import { convertFormatToKey, convertToArrayOfNumbers, convertToArrayOfStrings, dateDataSortValue, dateSortValue, DatetimeData, dateValueRange, daysInMonth, getValueFromFormat, LocaleData, parseDate, parseTemplate, renderTextFormat, renderDatetime, updateDate } from './datetime-util';
import { DatetimeData, LocaleData, convertFormatToKey, convertToArrayOfNumbers, convertToArrayOfStrings, dateDataSortValue, dateSortValue, dateValueRange, daysInMonth, getValueFromFormat, parseDate, parseTemplate, renderDatetime, renderTextFormat, updateDate } from './datetime-util';
import { clamp, isBlank, isObject } from '../../utils/helpers';

2
packages/core/src/components/fab/fab-list.tsx
View File

@ -1,7 +1,5 @@
import { Component, Element, Prop, PropDidChange } from '@stencil/core';
import { HTMLIonFabElement } from '../../index';
/**
* @name FabList
* @description

2
packages/core/src/components/infinite-scroll/infinite-scroll.tsx
View File

@ -1,5 +1,5 @@
import { Component, Element, Event, EventEmitter, Listen, Method, Prop, PropDidChange, State } from '@stencil/core';
import { HTMLIonScrollElement, ScrollDetail, StencilElement } from '../../index';
import { ScrollDetail, StencilElement } from '../../index';
const enum Position {
Top = 'top',

2
packages/core/src/components/item-sliding/item-sliding.tsx
View File

@ -1,6 +1,6 @@
import { Component, Element, Event, EventEmitter, Method, State } from '@stencil/core';
import { GestureDetail, HTMLIonItemElement, HTMLIonListElement } from '../../index';
import { GestureDetail } from '../../index';
import { swipeShouldReset } from '../../utils/helpers';
import { ItemOptions } from './item-options';

1
packages/core/src/components/menu/menu-controller.ts
View File

@ -1,6 +1,5 @@
import { Animation, AnimationBuilder, AnimationController, Menu } from '../../index';
import { Component, Method, Prop } from '@stencil/core';
import { HTMLIonMenuElement } from '../../index';
import MenuOverlayAnimation from './animations/overlay';
import MenuRevealAnimation from './animations/reveal';

2
packages/core/src/components/menu/menu.tsx
View File

@ -1,5 +1,5 @@
import { Component, Element, Event, EventEmitter, Listen, Method, Prop, PropDidChange, PropWillChange } from '@stencil/core';
import { Animation, Config, GestureDetail, HTMLIonMenuControllerElement, HTMLIonMenuElement, SplitPaneAlert, StencilElement } from '../../index';
import { Animation, Config, GestureDetail, SplitPaneAlert, StencilElement } from '../../index';
import { Side, assert, checkEdgeSide, isRightSide } from '../../utils/helpers';
@Component({

110
packages/core/src/components/menu/tests/basic.html
View File

@ -1,110 +0,0 @@
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="UTF-8">
<title>Ionic Item Sliding</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="/dist/ionic.js"></script>
</head>
<body>
<ion-app>
<ion-menu side="left">
<ion-header>
<ion-toolbar color="secondary">
<ion-title>Left Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item>Open Right Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
<ion-item detail-none>Close Menu</ion-item>
</ion-list>
</ion-content>
<ion-footer>
<ion-toolbar color="secondary">
<ion-title>Footer</ion-title>
</ion-toolbar>
</ion-footer>
</ion-menu>
<ion-menu side="right">
<ion-header>
<ion-toolbar>
<ion-title>Hola</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
hola macho
</ion-content>
</ion-menu>
<ion-page main>
<ion-header>
<ion-toolbar>
<ion-title>Ionic CDN demo</ion-title>
</ion-toolbar>
</ion-header>
<ion-footer>
<ion-toolbar>
</ion-toolbar>
</ion-footer>
<ion-content padding>
<p>
<ion-button onclick="openLeft()">Open left menu</ion-button>
<ion-button onclick="openRight()">Open right menu</ion-button>
</p>
<p>
<ion-button onclick="setPush()">Set Push</ion-button>
<ion-button onclick="setOverlay()">Set Overlay</ion-button>
<ion-button onclick="setReveal()">Set Reveal</ion-button>
</p>
</ion-content>
</ion-page>
</ion-app>
<ion-menu-controller></ion-menu-controller>
<script>
const menu = document.querySelector('ion-menu-controller');
function openLeft() {
console.log('Open left menu');
menu.open('left');
}
function openRight() {
console.log('Open right menu');
menu.open('right');
}
function setPush() {
menu.get('left').type = 'push';
menu.get('right').type = 'push';
}
function setOverlay() {
menu.get('left').type = 'overlay';
menu.get('right').type = 'overlay';
}
function setReveal() {
menu.get('left').type = 'reveal';
menu.get('right').type = 'reveal';
}
</script>
</body>
</html>

2
packages/core/src/components/slides/slides.tsx
View File

@ -118,7 +118,7 @@ export class Slides {
* that should be controlled by this Slides instance.
* Default: `null`.
*/
@Prop() control: Slides | Slides[] = null;
@Prop() control: any = null;
/**
* @input {string} Swipe direction: 'horizontal' or 'vertical'.

1
packages/core/src/components/tabs/page-tab.tsx
View File

@ -1,5 +1,4 @@
import { Component, Element } from '@stencil/core';
import { HTMLIonTabsElement } from '../../index';
@Component({
tag: 'page-tab'

1
packages/core/src/components/tabs/tab-bar.tsx
View File

@ -1,5 +1,4 @@
import { Component, Listen, Prop, State } from '@stencil/core';
import { HTMLIonTabElement } from '../../index';
@Component({
tag: 'ion-tabbar',

1
packages/core/src/components/tabs/tab-button.tsx
View File

@ -1,5 +1,4 @@
import { Component, Event, EventEmitter, Listen, Prop } from '@stencil/core';
import { HTMLIonTabElement } from '../../index';
@Component({
tag: 'ion-tab-button'

1
packages/core/src/components/tabs/tab-highlight.tsx
View File

@ -1,6 +1,5 @@
import { Component, Element, Listen, Prop, PropDidChange, State } from '@stencil/core';
import { getParentElement } from '../../utils/helpers';
import { HTMLIonTabButtonElement, HTMLIonTabElement } from '../../index';
@Component({
tag: 'ion-tab-highlight'

2
packages/core/src/components/tabs/tab.tsx
View File

@ -1,5 +1,5 @@
import { Component, Element, Event, EventEmitter, Method, Prop, PropDidChange, State } from '@stencil/core';
import { HTMLIonNavElement, StencilElement } from '../../index';
import { StencilElement } from '../../index';
import { ViewController } from '../../navigation/nav-interfaces';
/**

2
packages/core/src/components/tabs/tabs.tsx
View File

@ -1,5 +1,5 @@
import { Component, Element, Event, EventEmitter, Listen, Method, Prop, State } from '@stencil/core';
import { Config, HTMLIonTabElement } from '../../index';
import { Config } from '../../index';
export interface NavOptions { }
// import { isPresent } from '../../utils/helpers';

78
packages/core/src/global/dom-controller.ts Normal file
View File

@ -0,0 +1,78 @@
export interface Now {
(): number;
}
export interface DomController {
read: DomControllerCallback;
write: DomControllerCallback;
raf: DomControllerCallback;
}
export interface RafCallback {
(timeStamp?: number): void;
}
export interface DomControllerCallback {
(cb: RafCallback): void;
}
export function createDomControllerClient(win: Window, now: Now, rafPending?: boolean): DomController {
const readCBs: RafCallback[] = [];
const writeCBs: RafCallback[] = [];
const raf = (cb: FrameRequestCallback): number => win.requestAnimationFrame(cb);
function rafFlush(timeStamp: number, startTime?: number, cb?: RafCallback, err?: any) {
try {
startTime = now();
// ******** DOM READS ****************
while (cb = readCBs.shift()) {
cb(timeStamp);
}
// ******** DOM WRITES ****************
while (cb = writeCBs.shift()) {
cb(timeStamp);
if ((now() - startTime) > 8) {
break;
}
}
} catch (e) {
err = e;
}
if (rafPending = (readCBs.length > 0 || writeCBs.length > 0)) {
raf(rafFlush);
}
if (err) {
console.error(err);
}
}
return {
read: (cb: RafCallback) => {
readCBs.push(cb);
if (!rafPending) {
rafPending = true;
raf(rafFlush);
}
},
write: (cb: RafCallback) => {
writeCBs.push(cb);
if (!rafPending) {
rafPending = true;
raf(rafFlush);
}
},
raf: raf
};
}

7
packages/core/src/global/ionic-global.ts
View File

@ -1,9 +1,16 @@
import { createConfigController } from './config-controller';
import { PLATFORM_CONFIGS, detectPlatforms } from './platform-configs';
import { createDomControllerClient } from './dom-controller';
const Ionic = (window as any).Ionic = (window as any).Ionic || {};
// add dom controller, used to coordinate DOM reads and write in order to avoid
// layout thrashing
if (!Context.dom) {
const now = () => window.performance.now();
Context.dom = createDomControllerClient(window, now);
}
// create the Ionic.config from raw config object (if it exists)
// and convert Ionic.config into a ConfigApi that has a get() fn

42
packages/core/src/global/test/dom-controller.spec.ts Normal file
View File

@ -0,0 +1,42 @@
import { DomController, createDomControllerClient } from '../dom-controller';
describe('DomController', () => {
it('should schedule reads then writes', () => {
const stack: string[] = [];
dom.read(() => stack.push('r1'));
dom.read(() => {
stack.push('r2');
dom.read(() => stack.push('r1-2'));
dom.write(() => stack.push('w1-2'));
});
dom.read(() => stack.push('r3'));
dom.write(() => {
stack.push('w1');
dom.read(() => stack.push('r2-2'));
dom.write(() => stack.push('w2-2'));
});
dom.write(() => stack.push('w2'));
dom.write(() => stack.push('w3'));
expect(stack).toHaveLength(0);
win.doRAF(0);
expect(stack).toEqual(['r1', 'r2', 'r3', 'w1', 'w2', 'w3']);
});
let win: any;
let dom: DomController;
beforeEach(() => {
win = {
requestAnimationFrame: (cb: any) => {
this.cb = cb;
},
doRAF: (time: number) => {
this.cb(time);
}
} as any as Window;
const now = () => 1;
dom = createDomControllerClient(win, now, false);
});
});