update tween-one and core-js, fix parallax tween

Author: jljsj33

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-scroll-anim",
-  "version": "2.5.6",
+  "version": "2.5.7",
   "description": "scroll-anim anim component for react",
   "keywords": [
     "react",
@@ -61,16 +61,16 @@
   },
   "devDependencies": {
     "@types/react": "^16.0.0",
-    "core-js": "^2.5.1",
+    "core-js": "^3.0.0",
     "expect.js": "0.3.x",
     "pre-commit": "1.x",
     "precommit-hook": "1.x",
+    "rc-animate": "2.x",
+    "rc-queue-anim": "^1.3.0",
     "rc-test": "6.x",
     "rc-tools": "8.x",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
-    "rc-animate": "2.x",
-    "rc-queue-anim": "^1.3.0",
     "typescript": "3.x"
   },
   "pre-commit": [
@@ -80,7 +80,7 @@
     "babel-runtime": "6.x",
     "prop-types": "^15.6.0",
     "raf": "3.x",
-    "rc-tween-one": "^2.2.0",
+    "rc-tween-one": "^2.4.0",
     "tween-functions": "1.x"
   }
 }

src/EventDispatcher.d.ts

@@ -1,16 +1,16 @@
 type ICallback = (e?: { type: string, target: HTMLElement }) => void;
 export default class EventDispatcher {
-  static addEventListener(
+  public static addEventListener(
     type: string,
     callback: ICallback,
     target: HTMLElement
   ): void;
-  static removeEventListener(
+  public static removeEventListener(
     type: string, 
     callback: ICallback, 
     target: HTMLElement, 
     force?: boolean
   ): void;
-  static removeAllType(type: string, target: HTMLElement): void;
-  static reAllType(type: string, target: HTMLElement): void
+  public static removeAllType(type: string, target: HTMLElement): void;
+  public static reAllType(type: string, target: HTMLElement): void
 }

src/ScrollElement.d.ts

@@ -4,17 +4,26 @@ export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
 export declare type IPlayScaleType = number | string | [number | string, number | string];
 
-export declare type IChangeCallBackype = { mode: 'enter' | 'leave', id: string };
+export interface IChangeCallBackType {
+  mode: 'enter' | 'leave',
+  id: string
+}
 
-export declare type IScrollCallBackype = { id: string, domEvent: Event, scrollTop: number, offsetTop: number, showHeight: number };
+export interface IScrollCallBackType {
+  id: string,
+  domEvent: Event,
+  scrollTop: number,
+  offsetTop: number,
+  showHeight: number
+}
 
 export interface IProps<T> extends Omit<React.HTMLAttributes<T>, 'onChange' | 'onScroll'> {
   targetId?: string;
   playScale?: IPlayScaleType;
   replay?: boolean;
   location?: string;
-  onChange?: (e: IChangeCallBackype) => void;
-  onScroll?: (e: IScrollCallBackype) => void;
+  onChange?: (e: IChangeCallBackType) => void;
+  onScroll?: (e: IScrollCallBackType) => void;
   component?: string | React.ReactNode;
   componentProps?: {};
 }

src/ScrollLink.d.ts

@@ -1,6 +1,6 @@
+import { IEaseType } from 'rc-tween-one/typings/AnimObject';
 import * as React from 'react';
 import { Omit } from './ScrollElement';
-import { IEaseType } from 'rc-tween-one/typings/AnimObject';
 
 export interface IProps<T> extends Omit<React.HTMLAttributes<T>, 'onFocus'> {
   to: string

src/ScrollParallax.d.ts

@@ -1,5 +1,5 @@
+import { IAnimType, IBezierProps, IChildrenProps, IEaseCallBack, IEaseType, IStyleAnimProps } from 'rc-tween-one/typings/AnimObject';
 import * as React from 'react';
-import { IEaseCallBack, IAnimType, IEaseType, IBezierProps, IChildrenProps, IStyleAnimProps } from 'rc-tween-one/typings/AnimObject';
 
 export interface IAnimProps extends IStyleAnimProps {
   playScale?: number[];

src/ScrollParallax.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDom from 'react-dom';
 import PropTypes from 'prop-types';
 import easingTypes from 'tween-functions';
-import Timeline from 'rc-tween-one/lib/Tween';
+import { Tween as Timeline } from 'rc-tween-one';
 import ticker from 'rc-tween-one/lib/ticker';
 import EventListener from './EventDispatcher';
 import { noop, dataToArray, objectEqual, currentScrollTop, windowHeight } from './util';
@@ -112,7 +112,8 @@ class ScrollParallax extends React.Component {
     if (this.timeline) {
       this.timeline.resetDefaultStyle();
     }
-    this.timeline = new Timeline(this.dom, this.defaultTweenData, {});
+    this.timeline = new Timeline(this.dom, this.defaultTweenData);
+    this.timeline.init();
     this.scrollEventListener();
   }
 

src/ScrollScreen.d.ts

@@ -9,6 +9,6 @@ export interface IVarsProps {
 }
 
 export default class RcSCrollScreen {
-  static init: (vars?: IVarsProps) => void;
-  static unMount: () => void;
+  public static init: (vars?: IVarsProps) => void;
+  public static unMount: () => void;
 }

src/index.d.ts

@@ -2,12 +2,12 @@
 // Project: https://github.com/react-component/scroll-anim
 // Definitions by: jljsj33 <https://github.com/jljsj33>
 // Definitions: https://github.com/react-component/scroll-anim
+import ScrollEvent from './EventDispatcher';
 import ScrollElement from './ScrollElement';
+import ScrollLink from './ScrollLink';
 import ScrollOverPack from './ScrollOverPack';
 import ScrollParallax from './ScrollParallax';
-import ScrollLink from './ScrollLink';
 import Screen from './ScrollScreen';
-import ScrollEvent from './EventDispatcher';
 
 export const Element: typeof ScrollElement;
 export const OverPack: typeof ScrollOverPack;

tests/test.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 // import { Parallax, Element, OverPack, Link, scrollScreen, Event } from '../typings';
+import Event from '../src/EventDispatcher';
 import Element from '../src/ScrollElement';
+import Link from '../src/ScrollLink';
 import OverPack from '../src/ScrollOverPack';
 import Parallax from '../src/ScrollParallax';
-import Link from '../src/ScrollLink';
-import Event from '../src/EventDispatcher';
 import scrollScreen from '../src/ScrollScreen';
 
-function TCompoent(props: { a?: string, b?: number }) {
+function TComponent(props: { a?: string, b?: number }) {
   return (
     <div>
       {props.a}
@@ -18,15 +18,15 @@ function TCompoent(props: { a?: string, b?: number }) {
 
 function Text() {
   scrollScreen.init();
-  Event.addEventListener('r', () => { }, document.body);
+  Event.addEventListener('r', (e) => { console.log(e); }, document.body);
   return (
     <div>
-      <Element targetId="a"><div key="1">test</div></Element>
+      <Element targetId="a" onChange={(e) => { console.log(e.mode, e.id); }}><div key="1">test</div></Element>
       <Parallax
         animation={{ x: 100 }}
-        component={TCompoent}
+        component={TComponent}
         componentProps={{ a: 'number', b: 100 }}
-        always
+        always={true}
       >
         abc
       </Parallax>