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

feat(queue): use stencil's queue controller for dom read/writes

Browse Source
This commit is contained in:
Adam Bradley
2018-04-11 15:24:49 -05:00
parent 6a31f3960a
commit d623b3b71f
17 changed files with 75 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/refresher/refresher.tsx
View File

@ -1,5 +1,5 @@
import { Component, Element, Event, EventEmitter, Method, Prop, State } from '@stencil/core';
import { DomController, GestureDetail } from '../../index';
import { GestureDetail, QueueController } from '../../index';
export const enum RefresherState {
Inactive = 1 << 0,
@ -30,7 +30,7 @@ export class Refresher {
private progress = 0;
private scrollEl: HTMLElement | null = null;
@Prop({ context: 'dom' }) dom: DomController;
@Prop({ context: 'queue' }) queue: QueueController;
/**
* The current state which the refresher is in. The refresher's states include:
@ -335,7 +335,7 @@ export class Refresher {
private setCss(y: number, duration: string, overflowVisible: boolean, delay: string) {
this.appliedStyles = (y > 0);
this.dom.write(() => {
this.queue.write(() => {
if (this.scrollEl) {
const style = this.scrollEl.style;
style.transform = ((y > 0) ? 'translateY(' + y + 'px) translateZ(0px)' : 'translateZ(0px)');