revas 1.0.3 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/README.md +61 -1
  2. package/dist/chunk-JPUKLNW3.js +1710 -0
  3. package/dist/chunk-JPUKLNW3.js.map +1 -0
  4. package/dist/revas-common.cjs +1768 -0
  5. package/dist/revas-common.cjs.map +1 -0
  6. package/dist/revas-common.d.cts +363 -0
  7. package/dist/revas-common.d.ts +363 -0
  8. package/dist/revas-common.js +3 -0
  9. package/dist/revas-common.js.map +1 -0
  10. package/dist/revas.cjs +1881 -0
  11. package/dist/revas.cjs.map +1 -0
  12. package/dist/revas.d.cts +13 -0
  13. package/dist/revas.d.ts +13 -0
  14. package/dist/revas.js +108 -1978
  15. package/dist/revas.js.map +1 -1
  16. package/package.json +56 -46
  17. package/common.d.ts +0 -1
  18. package/common.js +0 -1
  19. package/dist/revas.common.js +0 -1872
  20. package/dist/revas.common.js.map +0 -1
  21. package/dist/revas.es.js +0 -1943
  22. package/dist/revas.es.js.map +0 -1
  23. package/dist/types/develop/App.d.ts +0 -8
  24. package/dist/types/develop/Intro/About.d.ts +0 -2
  25. package/dist/types/develop/Intro/Animation.d.ts +0 -2
  26. package/dist/types/develop/Intro/Component.d.ts +0 -2
  27. package/dist/types/develop/Intro/Entry.d.ts +0 -6
  28. package/dist/types/develop/Intro/Gesture.d.ts +0 -2
  29. package/dist/types/develop/Intro/Interactable.d.ts +0 -10
  30. package/dist/types/develop/Intro/Navbar.d.ts +0 -6
  31. package/dist/types/develop/Intro/Panel.d.ts +0 -14
  32. package/dist/types/develop/Intro/Style.d.ts +0 -2
  33. package/dist/types/develop/Intro/index.d.ts +0 -2
  34. package/dist/types/develop/Music/Player.d.ts +0 -79
  35. package/dist/types/develop/Music/data.d.ts +0 -8
  36. package/dist/types/develop/Music/index.d.ts +0 -23
  37. package/dist/types/develop/Music/styles.d.ts +0 -19
  38. package/dist/types/develop/Timeline/data.d.ts +0 -5
  39. package/dist/types/develop/Timeline/index.d.ts +0 -11
  40. package/dist/types/develop/common/back.d.ts +0 -2
  41. package/dist/types/develop/common/simple-router.d.ts +0 -44
  42. package/dist/types/develop/serviceWorker.d.ts +0 -7
  43. package/dist/types/index.d.ts +0 -1
  44. package/dist/types/revas/common.d.ts +0 -24
  45. package/dist/types/revas/components/Context.d.ts +0 -12
  46. package/dist/types/revas/components/Image.d.ts +0 -20
  47. package/dist/types/revas/components/LinearGradient.d.ts +0 -38
  48. package/dist/types/revas/components/ListView.d.ts +0 -22
  49. package/dist/types/revas/components/ScrollView.d.ts +0 -43
  50. package/dist/types/revas/components/Text.d.ts +0 -16
  51. package/dist/types/revas/components/Touchable.d.ts +0 -34
  52. package/dist/types/revas/components/View.d.ts +0 -3
  53. package/dist/types/revas/components/common/Scroller.d.ts +0 -35
  54. package/dist/types/revas/components/common/drawImage.d.ts +0 -3
  55. package/dist/types/revas/components/common/drawText.d.ts +0 -17
  56. package/dist/types/revas/components/common/imageLoader.d.ts +0 -2
  57. package/dist/types/revas/core/Animated.d.ts +0 -59
  58. package/dist/types/revas/core/Canvas.d.ts +0 -17
  59. package/dist/types/revas/core/Container.d.ts +0 -18
  60. package/dist/types/revas/core/Node.d.ts +0 -46
  61. package/dist/types/revas/core/css-layout/index.d.ts +0 -9
  62. package/dist/types/revas/core/draw.d.ts +0 -4
  63. package/dist/types/revas/core/offscreen.d.ts +0 -11
  64. package/dist/types/revas/core/reconciler.d.ts +0 -5
  65. package/dist/types/revas/core/touch.d.ts +0 -3
  66. package/dist/types/revas/core/utils.d.ts +0 -22
  67. package/dist/types/revas/core/yoga-layout/index.d.ts +0 -3
  68. package/dist/types/revas/core/yoga-layout/init.d.ts +0 -3
  69. package/dist/types/revas/core/yoga-layout/style.d.ts +0 -3
  70. package/dist/types/revas/index.d.ts +0 -2
  71. package/dist/types/revas/web/index.d.ts +0 -1
  72. package/dist/types/revas/web/render.d.ts +0 -7
  73. package/doc/API.md +0 -241
  74. package/doc/README-zh.md +0 -266
  75. package/public/favicon.ico +0 -0
  76. package/public/index.html +0 -64
  77. package/public/logo192.png +0 -0
  78. package/public/logo512.png +0 -0
  79. package/public/manifest.json +0 -25
  80. package/public/robots.txt +0 -2
  81. package/public/stats.min.js +0 -5
  82. package/public/touch-emulator.js +0 -363
  83. package/rollup.config.ts +0 -44
  84. package/tsconfig.json +0 -30
@@ -1 +0,0 @@
1
- {"version":3,"file":"revas.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- import SimpleRouter from './common/simple-router';
3
- export default class App extends React.Component {
4
- router: React.RefObject<SimpleRouter>;
5
- push: (Comp: any) => () => void;
6
- open: () => void;
7
- render(): JSX.Element;
8
- }
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export default function About(props: any): JSX.Element;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export default function Animation(props: any): JSX.Element;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export default function Components(props: any): JSX.Element;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export interface EntryProps {
3
- label: string;
4
- onPress: any;
5
- }
6
- export default function Entry(props: EntryProps): JSX.Element;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export default function Gesture(props: any): JSX.Element;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { RevasTouchEvent } from '../../revas';
3
- export default class Interactable extends React.Component<any, any> {
4
- private _start;
5
- private _tid;
6
- private _style;
7
- touchStart: (e: RevasTouchEvent) => void;
8
- touchMove: (e: RevasTouchEvent) => void;
9
- render(): JSX.Element;
10
- }
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export interface NavBarProps {
3
- title: string;
4
- router: any;
5
- }
6
- export default function NavBar(props: NavBarProps): JSX.Element;
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- export interface PanelItemProps {
3
- label: string;
4
- children?: any;
5
- style?: any;
6
- }
7
- export declare function PanelItem(props: PanelItemProps): JSX.Element;
8
- export interface PanelProps {
9
- label: string;
10
- children?: any;
11
- style?: any;
12
- cache?: boolean;
13
- }
14
- export default function Panel(props: PanelProps): JSX.Element;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export default function Style(props: any): JSX.Element;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export default function Intro(props: any): JSX.Element;
@@ -1,79 +0,0 @@
1
- import * as React from 'react';
2
- import { AnimatedValue, AnimatedTiming } from '../../revas';
3
- export interface PlayerProps {
4
- music: any;
5
- disabled: boolean;
6
- transaction: AnimatedValue;
7
- }
8
- declare enum PlayerMode {
9
- Mini = 0,
10
- Toggle = 1,
11
- Full = 2,
12
- Switch = 3
13
- }
14
- export default class Player extends React.Component<PlayerProps> {
15
- state: {
16
- mode: PlayerMode;
17
- current: any;
18
- playing: boolean;
19
- };
20
- WINDOW_WIDTH: any;
21
- WINDOW_HEIGHT: any;
22
- SIZE: number;
23
- RADIO: number;
24
- IMAGE_SIZE: number;
25
- IMAGE_RADIO: number;
26
- STYLES: {
27
- cover: {
28
- justifyContent: string;
29
- alignItems: string;
30
- position: string;
31
- top: number;
32
- left: number;
33
- width: number;
34
- height: number;
35
- borderRadius: number;
36
- shadowColor: string;
37
- shadowOffsetX: number;
38
- shadowOffsetY: number;
39
- shadowBlur: number;
40
- backgroundColor: string;
41
- };
42
- coverImage: {
43
- width: number;
44
- height: number;
45
- borderRadius: number;
46
- };
47
- main: {
48
- position: string;
49
- left: number;
50
- right: number;
51
- bottom: number;
52
- height: number;
53
- justifyContent: string;
54
- };
55
- };
56
- get transaction(): AnimatedValue;
57
- audio: HTMLAudioElement;
58
- rotateHandler?: AnimatedTiming;
59
- switchHandler?: AnimatedTiming;
60
- _coverStyle: {
61
- translateX: import("../../revas").AnimatedInterpolate;
62
- translateY: import("../../revas").AnimatedInterpolate;
63
- rotate: AnimatedValue;
64
- animated: boolean;
65
- };
66
- _opacity: {
67
- opacity: import("../../revas").AnimatedInterpolate;
68
- animated: boolean;
69
- };
70
- componentDidUpdate(): void;
71
- componentWillUnmount(): void;
72
- onPlay: () => void;
73
- _play: () => void;
74
- next: () => Promise<void>;
75
- toggle: () => Promise<void>;
76
- renderMain(): JSX.Element | undefined;
77
- render(): JSX.Element;
78
- }
79
- export {};
@@ -1,8 +0,0 @@
1
- export declare type MusicItemData = {
2
- cover: string;
3
- name: string;
4
- singer: string;
5
- audio: string;
6
- color: string[];
7
- };
8
- export declare const MUSICS: MusicItemData[];
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
- import { RevasScrollEvent, AnimatedValue } from '../../revas';
3
- import { MusicItemData } from './data';
4
- export default class MusicApp extends React.Component {
5
- state: {
6
- index: number;
7
- picking: boolean;
8
- };
9
- transaction: AnimatedValue;
10
- style: {
11
- opacity: AnimatedValue;
12
- flex: number;
13
- animated: boolean;
14
- };
15
- inner: {
16
- marginTop: number;
17
- marginBottom: number;
18
- };
19
- startScroll: () => void;
20
- checkIndex: (e: RevasScrollEvent) => void;
21
- renderMusic: (item: MusicItemData, index: number) => JSX.Element;
22
- render(): JSX.Element;
23
- }
@@ -1,19 +0,0 @@
1
- export declare const ABS_FULL: {
2
- position: string;
3
- left: number;
4
- top: number;
5
- right: number;
6
- bottom: number;
7
- };
8
- export declare const CENTER_AREA: {
9
- justifyContent: string;
10
- alignItems: string;
11
- };
12
- export declare const DEFAULT_TEXT: {
13
- fontFamily: string;
14
- color: string;
15
- };
16
- export declare const ROW_CENTER: {
17
- flexDirection: string;
18
- alignItems: string;
19
- };
@@ -1,5 +0,0 @@
1
- export declare const DATA: {
2
- title: string;
3
- excerpt: string;
4
- imageUrl: string;
5
- }[];
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- import { RevasScrollEvent, AnimatedValue } from '../../revas';
3
- export default class TimelineApp extends React.Component<any> {
4
- WINDOW_HEIGHT: any;
5
- MAX_LINES: number;
6
- animated: AnimatedValue;
7
- onScroll: (e: RevasScrollEvent) => void;
8
- renderItem: (item: any, index: number) => JSX.Element;
9
- getItemHeight: () => any;
10
- render(): JSX.Element;
11
- }
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export default function Back(props: any): JSX.Element;
@@ -1,44 +0,0 @@
1
- import * as React from 'react';
2
- import { AnimatedValue } from '../../revas';
3
- export interface SimpleRouterProps {
4
- width: number;
5
- }
6
- export default class SimpleRouter extends React.Component<SimpleRouterProps> {
7
- state: {
8
- animating: number;
9
- };
10
- pages: React.ReactNode[];
11
- animated: AnimatedValue;
12
- style: {
13
- first: {
14
- translateX: import("../../revas").AnimatedInterpolate;
15
- animated: boolean;
16
- };
17
- second: {
18
- opacity: import("../../revas").AnimatedInterpolate;
19
- scale: import("../../revas").AnimatedInterpolate;
20
- animated: boolean;
21
- };
22
- others: {
23
- opacity: number;
24
- };
25
- };
26
- push: (Component: any, params?: any) => void;
27
- _pushAnim: () => void;
28
- _pushAnimDone: () => void;
29
- pop: () => void;
30
- _popAnimDone: () => void;
31
- getStyle(index: number, pages: any[]): {
32
- translateX: import("../../revas").AnimatedInterpolate;
33
- animated: boolean;
34
- } | {
35
- opacity: import("../../revas").AnimatedInterpolate;
36
- scale: import("../../revas").AnimatedInterpolate;
37
- animated: boolean;
38
- } | {
39
- opacity: number;
40
- };
41
- id: number;
42
- renderPage: (page: React.ReactNode, index: number, pages: React.ReactNode[]) => JSX.Element;
43
- render(): JSX.Element[];
44
- }
@@ -1,7 +0,0 @@
1
- declare type Config = {
2
- onSuccess?: (registration: ServiceWorkerRegistration) => void;
3
- onUpdate?: (registration: ServiceWorkerRegistration) => void;
4
- };
5
- export declare function register(config?: Config): void;
6
- export declare function unregister(): void;
7
- export {};
@@ -1 +0,0 @@
1
- import './develop/index.css';
@@ -1,24 +0,0 @@
1
- import View from './components/View';
2
- import Text from './components/Text';
3
- import Image from './components/Image';
4
- import Touchable from './components/Touchable';
5
- import ScrollView from './components/ScrollView';
6
- import ListView from './components/ListView';
7
- import LinearGradient from './components/LinearGradient';
8
- import renderer from './core/reconciler';
9
- export * from './components/View';
10
- export * from './components/Text';
11
- export * from './components/Image';
12
- export * from './components/Touchable';
13
- export * from './components/ScrollView';
14
- export * from './components/ListView';
15
- export * from './components/LinearGradient';
16
- export * from './components/Context';
17
- export * from './core/utils';
18
- export * from './core/Node';
19
- export * from './core/Container';
20
- export * from './core/Animated';
21
- export * from './core/Canvas';
22
- export * from './components/common/Scroller';
23
- export { renderer };
24
- export { View, Text, Image, Touchable, ScrollView, ListView, LinearGradient };
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { RevasCanvas } from '../core/Canvas';
3
- export interface AppContextType {
4
- clientWidth: number;
5
- clientHeight: number;
6
- deviceRatio: number;
7
- canvas?: RevasCanvas;
8
- RTL?: boolean;
9
- }
10
- export declare const AppContext: import("react").Context<AppContextType>;
11
- export declare function withContext<T>(comp: T): T;
12
- export declare function Root(props: AppContextType): import("react").FunctionComponentElement<import("react").ProviderProps<AppContextType>>;
@@ -1,20 +0,0 @@
1
- import * as React from 'react';
2
- import drawImage from './common/drawImage';
3
- import { NodeProps } from '../core/Node';
4
- export declare type ImageViewProps = {
5
- src: string;
6
- } & NodeProps;
7
- export default function ImageView(props: ImageViewProps): React.ReactElement<{
8
- style: any[];
9
- $ready: boolean;
10
- src: string;
11
- onTouchStart?: import("../core/Node").RevasTouchEventListener | undefined;
12
- onTouchMove?: import("../core/Node").RevasTouchEventListener | undefined;
13
- onTouchEnd?: import("../core/Node").RevasTouchEventListener | undefined;
14
- onLayout?: ((frame: import("../core/Node").Frame) => any) | undefined;
15
- pointerEvents?: "auto" | "none" | "box-none" | undefined;
16
- children?: React.ReactNode;
17
- cache?: string | boolean | undefined;
18
- forceCache?: boolean | undefined;
19
- customDrawer: typeof drawImage | undefined;
20
- }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
@@ -1,38 +0,0 @@
1
- import * as React from 'react';
2
- import { NodeProps, Node } from '../core/Node';
3
- import { RevasCanvas } from '../core/Canvas';
4
- export declare type LinearGradientProps = {
5
- start?: {
6
- x: number;
7
- y: number;
8
- };
9
- end?: {
10
- x: number;
11
- y: number;
12
- };
13
- colors: string[];
14
- } & NodeProps;
15
- export default function LinearGradient(props: LinearGradientProps): React.ReactElement<{
16
- style: any[];
17
- customDrawer: typeof drawGradient;
18
- start?: {
19
- x: number;
20
- y: number;
21
- } | undefined;
22
- end?: {
23
- x: number;
24
- y: number;
25
- } | undefined;
26
- colors: string[];
27
- onTouchStart?: import("../core/Node").RevasTouchEventListener | undefined;
28
- onTouchMove?: import("../core/Node").RevasTouchEventListener | undefined;
29
- onTouchEnd?: import("../core/Node").RevasTouchEventListener | undefined;
30
- onLayout?: ((frame: import("../core/Node").Frame) => any) | undefined;
31
- pointerEvents?: "auto" | "none" | "box-none" | undefined;
32
- $ready?: boolean | undefined;
33
- children?: React.ReactNode;
34
- cache?: string | boolean | undefined;
35
- forceCache?: boolean | undefined;
36
- }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
37
- declare function drawGradient(canvas: RevasCanvas, node: Node): void;
38
- export {};
@@ -1,22 +0,0 @@
1
- import * as React from 'react';
2
- import ScrollView, { ScrollViewProps } from './ScrollView';
3
- export declare type ListViewProps<T = any> = {
4
- data: T[];
5
- renderItem: (item: T, index: number, data: T[]) => React.ReactNode;
6
- itemHeight: number;
7
- } & ScrollViewProps;
8
- export default class ListView extends React.Component<ListViewProps<any>> {
9
- state: {
10
- start: number;
11
- end: number;
12
- };
13
- private _height;
14
- componentDidMount(): void;
15
- private checkVisible;
16
- private _onScroll;
17
- private _onLayout;
18
- renderItem: (item: any, i: number) => React.FunctionComponentElement<{
19
- key: number;
20
- }>;
21
- render(): React.CElement<ScrollViewProps, ScrollView>;
22
- }
@@ -1,43 +0,0 @@
1
- import * as React from 'react';
2
- import { NodeProps, Frame } from '../core/Node';
3
- import { RevasScrollEvent } from './common/Scroller';
4
- export declare type ScrollViewOffset = {
5
- x?: number;
6
- y?: number;
7
- };
8
- export declare type ScrollViewProps = {
9
- horizontal?: boolean;
10
- onScroll?: (e: RevasScrollEvent) => any;
11
- onScrollStart?: (e: RevasScrollEvent) => any;
12
- onScrollEnd?: (e: RevasScrollEvent) => any;
13
- paging?: boolean | number;
14
- offset?: ScrollViewOffset;
15
- } & NodeProps;
16
- export default class ScrollView extends React.Component<ScrollViewProps> {
17
- private _height;
18
- private _contentHeight;
19
- private _width;
20
- private _contentWidth;
21
- private _innerStyle;
22
- private _offset;
23
- private _scroller;
24
- componentWillUnmount(): void;
25
- private _onLayout;
26
- private _onContentLayout;
27
- private _checkLayout;
28
- render(): React.ReactElement<{
29
- onLayout: (frame: Frame) => void;
30
- onScroll?: ((e: RevasScrollEvent) => any) | undefined;
31
- onScrollStart?: ((e: RevasScrollEvent) => any) | undefined;
32
- onScrollEnd?: ((e: RevasScrollEvent) => any) | undefined;
33
- paging?: number | boolean | undefined;
34
- onTouchStart?: import("../core/Node").RevasTouchEventListener | undefined;
35
- onTouchMove?: import("../core/Node").RevasTouchEventListener | undefined;
36
- onTouchEnd?: import("../core/Node").RevasTouchEventListener | undefined;
37
- pointerEvents?: "auto" | "none" | "box-none" | undefined;
38
- $ready?: boolean | undefined;
39
- style?: any;
40
- cache?: string | boolean | undefined;
41
- forceCache?: boolean | undefined;
42
- }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
43
- }
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- import { DrawTextOptions } from './common/drawText';
3
- import { NodeProps, Node } from '../core/Node';
4
- import { RevasCanvas } from '../core/Canvas';
5
- export declare type TextProps = {
6
- numberOfLines?: number;
7
- } & NodeProps;
8
- export default class Text extends React.Component<TextProps> {
9
- state: {
10
- height: number;
11
- };
12
- _measured: import("./common/drawText").MeasureResult;
13
- _drawed?: DrawTextOptions;
14
- drawText: (canvas: RevasCanvas, node: Node) => void;
15
- render(): React.DOMElement<any, Element>;
16
- }
@@ -1,34 +0,0 @@
1
- import * as React from 'react';
2
- import { BaseProps, RevasTouchEvent } from '../core/Node';
3
- import { AnimatedValue } from '../core/Animated';
4
- export declare type TouchableProps = {
5
- onPress: Function;
6
- onPressIn?: Function;
7
- onPressOut?: Function;
8
- activeOpacity?: number;
9
- } & BaseProps;
10
- export default class Touchable extends React.Component<TouchableProps> {
11
- static defaultProps: {
12
- activeOpacity: number;
13
- };
14
- _style: {
15
- opacity: AnimatedValue;
16
- animated: boolean;
17
- };
18
- private _start?;
19
- private _tid;
20
- private _onTouchStart;
21
- private _onTouchEnd;
22
- render(): React.ReactElement<{
23
- style: any[];
24
- onPress: Function;
25
- onPressIn?: Function | undefined;
26
- onPressOut?: Function | undefined;
27
- activeOpacity?: number | undefined;
28
- children?: React.ReactNode;
29
- cache?: string | boolean | undefined;
30
- forceCache?: boolean | undefined;
31
- onTouchStart: (e: RevasTouchEvent) => void;
32
- onTouchEnd: (e: RevasTouchEvent) => void;
33
- }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
34
- }
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { NodeProps } from '../core/Node';
3
- export default function View(props: NodeProps): React.ReactElement<NodeProps, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
@@ -1,35 +0,0 @@
1
- import { RevasTouchEvent } from '../../core/Node';
2
- export declare type RevasScrollEventType = 'start' | 'scroll' | 'end' | 'none';
3
- export interface RevasScrollEvent {
4
- type: RevasScrollEventType;
5
- x: number;
6
- y: number;
7
- vx: number;
8
- vy: number;
9
- timestamp: number;
10
- tid: string;
11
- }
12
- export default class Scroller {
13
- private listener;
14
- private _timestamp;
15
- private _x;
16
- private _y;
17
- private _tid;
18
- private _timer;
19
- horizontal?: boolean;
20
- constructor(listener: (e: RevasScrollEvent) => any);
21
- set maxX(value: number);
22
- get maxX(): number;
23
- set maxY(value: number);
24
- get maxY(): number;
25
- set pagingX(value: number);
26
- set pagingY(value: number);
27
- private _sign;
28
- private _check;
29
- touchStart: (e: RevasTouchEvent) => void;
30
- touchMove: (e: RevasTouchEvent) => void;
31
- touchEnd: () => void;
32
- afterEnd: () => void;
33
- emit(type: RevasScrollEventType): void;
34
- cancel(): void;
35
- }
@@ -1,3 +0,0 @@
1
- import { Node } from '../../core/Node';
2
- import { RevasCanvas } from '../../core/Canvas';
3
- export default function drawImage(canvas: RevasCanvas, node: Node, flags: any): void;
@@ -1,17 +0,0 @@
1
- import { Frame } from '../../core/Node';
2
- import { RevasCanvas } from '../../core/Canvas';
3
- export interface DrawTextOptions {
4
- textStyle: any;
5
- numberOfLines: number;
6
- frame: Frame;
7
- content: string;
8
- }
9
- export declare type MeasureLine = {
10
- width: number;
11
- text: string;
12
- };
13
- export declare type MeasureResult = [MeasureLine[], number];
14
- export declare const DEFAULT_MEASURE: MeasureResult;
15
- export declare function applyTextStyle(canvas: RevasCanvas, options: DrawTextOptions): void;
16
- export declare function measureText(canvas: RevasCanvas, options: DrawTextOptions): MeasureResult;
17
- export declare function drawText(canvas: RevasCanvas, options: DrawTextOptions, lines: MeasureLine[]): void;
@@ -1,2 +0,0 @@
1
- export declare function get(src: string, target?: Function): HTMLImageElement;
2
- export declare function remove(src: string, target: Function): void;
@@ -1,59 +0,0 @@
1
- export declare abstract class AnimatedNode {
2
- abstract getValue(observer?: Function): number;
3
- interpolate(inRange: number[], outRange: number[], ease?: (t: number) => number): AnimatedInterpolate;
4
- }
5
- export declare class AnimatedValue extends AnimatedNode {
6
- private _value;
7
- private _observer?;
8
- constructor(_value: number);
9
- setValue(value: number): void;
10
- getValue(observer?: Function): number;
11
- }
12
- export declare class AnimatedInterpolate extends AnimatedNode {
13
- private source;
14
- private inRange;
15
- private outRange;
16
- private ease;
17
- constructor(source: AnimatedNode, inRange: number[], outRange: number[], ease: (t: number) => number);
18
- getValue(observer?: Function): number;
19
- }
20
- export declare type TimingConfig = {
21
- to: number;
22
- duration: number;
23
- ease?: (t: number) => number;
24
- };
25
- export declare class AnimatedTiming {
26
- private value;
27
- private config;
28
- private _startTime;
29
- private _startValue;
30
- private _onEnd?;
31
- private _next;
32
- constructor(value: AnimatedValue, config: TimingConfig);
33
- private get _ease();
34
- start(onEnd?: Function): this;
35
- stop(): this;
36
- promise(): Promise<unknown>;
37
- private _loop;
38
- }
39
- export declare function timing(value: AnimatedValue, config: TimingConfig): AnimatedTiming;
40
- export declare const Easing: {
41
- linear(t: number): number;
42
- ease(t: number): number;
43
- /**
44
- * Runs an easing function forwards.
45
- */
46
- in(easing?: (t: number) => number): (t: number) => number;
47
- /**
48
- * Runs an easing function backwards.
49
- */
50
- out(easing?: (t: number) => number): (t: number) => number;
51
- /**
52
- * Makes any easing function symmetrical. The easing function will run
53
- * forwards for half of the duration, then backwards for the rest of the
54
- * duration.
55
- */
56
- inOut(easing?: (t: number) => number): (t: number) => number;
57
- bounce(t: number): number;
58
- elastic(bounciness?: number): (t: number) => number;
59
- };