vevet 3.6.0 → 3.7.1
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.
- package/README.md +1 -1
- package/lib/cjs/components/Timeline/index.js +8 -1
- package/lib/cjs/components/Timeline/index.js.map +1 -1
- package/lib/cjs/utils/math/easing.js +34 -8
- package/lib/cjs/utils/math/easing.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/components/Timeline/index.js +4 -1
- package/lib/esm/components/Timeline/index.js.map +1 -1
- package/lib/esm/utils/math/easing.js +3 -3
- package/lib/esm/utils/math/easing.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/types/Application/types.d.ts +2 -2
- package/lib/types/Application/types.d.ts.map +1 -1
- package/lib/types/components/BaseTimeline/index.d.ts +1 -1
- package/lib/types/components/Timeline/index.d.ts +2 -1
- package/lib/types/components/Timeline/index.d.ts.map +1 -1
- package/lib/types/utils/math/easing.d.ts +4 -3
- package/lib/types/utils/math/easing.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +2 -4
- package/src/Application/types.ts +2 -2
- package/src/components/BaseTimeline/stories/Basic.tsx +2 -2
- package/src/components/BaseTimeline/stories/Nested.tsx +3 -3
- package/src/components/Timeline/index.ts +5 -2
- package/src/components/Timeline/stories/Basic.tsx +2 -2
- package/src/components/Timeline/stories/Nested.tsx +3 -3
- package/src/utils/math/easing.ts +40 -3
- package/src/version.ts +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# Vevet is a JavaScript library of ready-made solutions and helpers
|
|
2
2
|
|
|
3
|
-

|
|
4
3
|

|
|
4
|
+

|
|
5
5
|
|
|
6
6
|
* [See Demo](https://antonbobrov.github.io/vevet/)
|
|
7
7
|
* [See Documentation](https://antonbobrov.github.io/vevet/docs/)
|
|
@@ -74,6 +74,13 @@ var Timeline = /** @class */ (function (_super) {
|
|
|
74
74
|
enumerable: false,
|
|
75
75
|
configurable: true
|
|
76
76
|
});
|
|
77
|
+
Object.defineProperty(Timeline.prototype, "duration", {
|
|
78
|
+
get: function () {
|
|
79
|
+
return Math.max(this.props.duration, 1);
|
|
80
|
+
},
|
|
81
|
+
enumerable: false,
|
|
82
|
+
configurable: true
|
|
83
|
+
});
|
|
77
84
|
/** Play the timeline */
|
|
78
85
|
Timeline.prototype.play = function () {
|
|
79
86
|
if (this.isDestroyed || this.progress === 1) {
|
|
@@ -128,7 +135,7 @@ var Timeline = /** @class */ (function (_super) {
|
|
|
128
135
|
var frameDiff = Math.abs(this._animationFrameLastTime - currentTime);
|
|
129
136
|
this._animationFrameLastTime = currentTime;
|
|
130
137
|
// calculate current progress
|
|
131
|
-
var progressIterator = frameDiff / this.
|
|
138
|
+
var progressIterator = frameDiff / this.duration / (isReversed ? -1 : 1);
|
|
132
139
|
var progressTarget = (0, math_1.clamp)(this.progress + progressIterator, [0, 1]);
|
|
133
140
|
this.progress = progressTarget;
|
|
134
141
|
// end animation
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAqC;AACrC,gDAA+C;AAK/C;;GAEG;AACH;IAKU,4BAA0D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.easing = exports.
|
|
7
|
-
var easing_progress_1 =
|
|
3
|
+
exports.easing = exports.EaseOutSine = exports.EaseOutQuint = exports.EaseOutQuart = exports.EaseOutQuad = exports.EaseOutExpo = exports.EaseOutElastic = exports.EaseOutCubic = exports.EaseOutCirc = exports.EaseOutBounce = exports.EaseOutBack = exports.EaseInSine = exports.EaseInQuint = exports.EaseInQuart = exports.EaseInQuad = exports.EaseInOutSine = exports.EaseInOutQuint = exports.EaseInOutQuart = exports.EaseInOutQuad = exports.EaseInOutExpo = exports.EaseInOutElastic = exports.EaseInOutCubic = exports.EaseInOutCirc = exports.EaseInOutBounce = exports.EaseInOutBack = exports.EaseInExpo = exports.EaseInElastic = exports.EaseInCubic = exports.EaseInCirc = exports.EaseInBounce = exports.EaseInBack = void 0;
|
|
4
|
+
var easing_progress_1 = require("easing-progress");
|
|
8
5
|
var easing_progress_2 = require("easing-progress");
|
|
9
|
-
Object.defineProperty(exports, "
|
|
6
|
+
Object.defineProperty(exports, "EaseInBack", { enumerable: true, get: function () { return easing_progress_2.EaseInBack; } });
|
|
7
|
+
Object.defineProperty(exports, "EaseInBounce", { enumerable: true, get: function () { return easing_progress_2.EaseInBounce; } });
|
|
8
|
+
Object.defineProperty(exports, "EaseInCirc", { enumerable: true, get: function () { return easing_progress_2.EaseInCirc; } });
|
|
9
|
+
Object.defineProperty(exports, "EaseInCubic", { enumerable: true, get: function () { return easing_progress_2.EaseInCubic; } });
|
|
10
|
+
Object.defineProperty(exports, "EaseInElastic", { enumerable: true, get: function () { return easing_progress_2.EaseInElastic; } });
|
|
11
|
+
Object.defineProperty(exports, "EaseInExpo", { enumerable: true, get: function () { return easing_progress_2.EaseInExpo; } });
|
|
12
|
+
Object.defineProperty(exports, "EaseInOutBack", { enumerable: true, get: function () { return easing_progress_2.EaseInOutBack; } });
|
|
13
|
+
Object.defineProperty(exports, "EaseInOutBounce", { enumerable: true, get: function () { return easing_progress_2.EaseInOutBounce; } });
|
|
14
|
+
Object.defineProperty(exports, "EaseInOutCirc", { enumerable: true, get: function () { return easing_progress_2.EaseInOutCirc; } });
|
|
15
|
+
Object.defineProperty(exports, "EaseInOutCubic", { enumerable: true, get: function () { return easing_progress_2.EaseInOutCubic; } });
|
|
16
|
+
Object.defineProperty(exports, "EaseInOutElastic", { enumerable: true, get: function () { return easing_progress_2.EaseInOutElastic; } });
|
|
17
|
+
Object.defineProperty(exports, "EaseInOutExpo", { enumerable: true, get: function () { return easing_progress_2.EaseInOutExpo; } });
|
|
18
|
+
Object.defineProperty(exports, "EaseInOutQuad", { enumerable: true, get: function () { return easing_progress_2.EaseInOutQuad; } });
|
|
19
|
+
Object.defineProperty(exports, "EaseInOutQuart", { enumerable: true, get: function () { return easing_progress_2.EaseInOutQuart; } });
|
|
20
|
+
Object.defineProperty(exports, "EaseInOutQuint", { enumerable: true, get: function () { return easing_progress_2.EaseInOutQuint; } });
|
|
21
|
+
Object.defineProperty(exports, "EaseInOutSine", { enumerable: true, get: function () { return easing_progress_2.EaseInOutSine; } });
|
|
22
|
+
Object.defineProperty(exports, "EaseInQuad", { enumerable: true, get: function () { return easing_progress_2.EaseInQuad; } });
|
|
23
|
+
Object.defineProperty(exports, "EaseInQuart", { enumerable: true, get: function () { return easing_progress_2.EaseInQuart; } });
|
|
24
|
+
Object.defineProperty(exports, "EaseInQuint", { enumerable: true, get: function () { return easing_progress_2.EaseInQuint; } });
|
|
25
|
+
Object.defineProperty(exports, "EaseInSine", { enumerable: true, get: function () { return easing_progress_2.EaseInSine; } });
|
|
26
|
+
Object.defineProperty(exports, "EaseOutBack", { enumerable: true, get: function () { return easing_progress_2.EaseOutBack; } });
|
|
27
|
+
Object.defineProperty(exports, "EaseOutBounce", { enumerable: true, get: function () { return easing_progress_2.EaseOutBounce; } });
|
|
28
|
+
Object.defineProperty(exports, "EaseOutCirc", { enumerable: true, get: function () { return easing_progress_2.EaseOutCirc; } });
|
|
29
|
+
Object.defineProperty(exports, "EaseOutCubic", { enumerable: true, get: function () { return easing_progress_2.EaseOutCubic; } });
|
|
30
|
+
Object.defineProperty(exports, "EaseOutElastic", { enumerable: true, get: function () { return easing_progress_2.EaseOutElastic; } });
|
|
31
|
+
Object.defineProperty(exports, "EaseOutExpo", { enumerable: true, get: function () { return easing_progress_2.EaseOutExpo; } });
|
|
32
|
+
Object.defineProperty(exports, "EaseOutQuad", { enumerable: true, get: function () { return easing_progress_2.EaseOutQuad; } });
|
|
33
|
+
Object.defineProperty(exports, "EaseOutQuart", { enumerable: true, get: function () { return easing_progress_2.EaseOutQuart; } });
|
|
34
|
+
Object.defineProperty(exports, "EaseOutQuint", { enumerable: true, get: function () { return easing_progress_2.EaseOutQuint; } });
|
|
35
|
+
Object.defineProperty(exports, "EaseOutSine", { enumerable: true, get: function () { return easing_progress_2.EaseOutSine; } });
|
|
10
36
|
/**
|
|
11
37
|
* Easing progress
|
|
12
38
|
*
|
|
13
39
|
* @example
|
|
14
40
|
*
|
|
15
|
-
* easing(0.35,
|
|
41
|
+
* easing(0.35, EaseInBounce); // => 0.167
|
|
16
42
|
* easing(0.35, [.25, .1, .25, 1]); // => 0.604
|
|
17
43
|
* easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value)); // => 0.522
|
|
18
44
|
*/
|
|
19
45
|
var easing = function (progress, easingType) {
|
|
20
46
|
var _a, _b;
|
|
21
47
|
if (easingType === void 0) { easingType = (_b = (_a = window.vevetApp) === null || _a === void 0 ? void 0 : _a.props.easing) !== null && _b !== void 0 ? _b : false; }
|
|
22
|
-
return (0, easing_progress_1.
|
|
48
|
+
return (0, easing_progress_1.easing)(progress, easingType);
|
|
23
49
|
};
|
|
24
50
|
exports.easing = easing;
|
|
25
51
|
//# sourceMappingURL=easing.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":";;;AAAA,mDAA2D;AAE3D,mDA+ByB;AA9BvB,6GAAA,UAAU,OAAA;AACV,+GAAA,YAAY,OAAA;AACZ,6GAAA,UAAU,OAAA;AACV,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AACV,gHAAA,aAAa,OAAA;AACb,kHAAA,eAAe,OAAA;AACf,gHAAA,aAAa,OAAA;AACb,iHAAA,cAAc,OAAA;AACd,mHAAA,gBAAgB,OAAA;AAChB,gHAAA,aAAa,OAAA;AACb,gHAAA,aAAa,OAAA;AACb,iHAAA,cAAc,OAAA;AACd,iHAAA,cAAc,OAAA;AACd,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AACV,8GAAA,WAAW,OAAA;AACX,8GAAA,WAAW,OAAA;AACX,6GAAA,UAAU,OAAA;AACV,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,8GAAA,WAAW,OAAA;AACX,+GAAA,YAAY,OAAA;AACZ,iHAAA,cAAc,OAAA;AACd,8GAAA,WAAW,OAAA;AACX,8GAAA,WAAW,OAAA;AACX,+GAAA,YAAY,OAAA;AACZ,+GAAA,YAAY,OAAA;AACZ,8GAAA,WAAW,OAAA;AASb;;;;;;;;GAQG;AACI,IAAM,MAAM,GAA0B,UAC3C,QAAQ,EACR,UAAmD;;IAAnD,2BAAA,EAAA,mBAAa,MAAA,MAAM,CAAC,QAAQ,0CAAE,KAAK,CAAC,MAAM,mCAAI,KAAK;IAChD,OAAA,IAAA,wBAAc,EAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;CAAA,CAAC;AAH7B,QAAA,MAAM,UAGuB"}
|
package/lib/cjs/version.js
CHANGED
|
@@ -19,6 +19,9 @@ export class Timeline extends BaseTimeline {
|
|
|
19
19
|
get isPaused() {
|
|
20
20
|
return this._isPaused;
|
|
21
21
|
}
|
|
22
|
+
get duration() {
|
|
23
|
+
return Math.max(this.props.duration, 1);
|
|
24
|
+
}
|
|
22
25
|
constructor(initialProps, canInit = true) {
|
|
23
26
|
super(initialProps, false);
|
|
24
27
|
// set default variables
|
|
@@ -84,7 +87,7 @@ export class Timeline extends BaseTimeline {
|
|
|
84
87
|
const frameDiff = Math.abs(this._animationFrameLastTime - currentTime);
|
|
85
88
|
this._animationFrameLastTime = currentTime;
|
|
86
89
|
// calculate current progress
|
|
87
|
-
const progressIterator = frameDiff / this.
|
|
90
|
+
const progressIterator = frameDiff / this.duration / (isReversed ? -1 : 1);
|
|
88
91
|
const progressTarget = clamp(this.progress + progressIterator, [0, 1]);
|
|
89
92
|
this.progress = progressTarget;
|
|
90
93
|
// end animation
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import easingProgress from 'easing-progress';
|
|
2
|
-
export {
|
|
1
|
+
import { easing as easingProgress } from 'easing-progress';
|
|
2
|
+
export { EaseInBack, EaseInBounce, EaseInCirc, EaseInCubic, EaseInElastic, EaseInExpo, EaseInOutBack, EaseInOutBounce, EaseInOutCirc, EaseInOutCubic, EaseInOutElastic, EaseInOutExpo, EaseInOutQuad, EaseInOutQuart, EaseInOutQuint, EaseInOutSine, EaseInQuad, EaseInQuart, EaseInQuint, EaseInSine, EaseOutBack, EaseOutBounce, EaseOutCirc, EaseOutCubic, EaseOutElastic, EaseOutExpo, EaseOutQuad, EaseOutQuart, EaseOutQuint, EaseOutSine, } from 'easing-progress';
|
|
3
3
|
/**
|
|
4
4
|
* Easing progress
|
|
5
5
|
*
|
|
6
6
|
* @example
|
|
7
7
|
*
|
|
8
|
-
* easing(0.35,
|
|
8
|
+
* easing(0.35, EaseInBounce); // => 0.167
|
|
9
9
|
* easing(0.35, [.25, .1, .25, 1]); // => 0.604
|
|
10
10
|
* easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value)); // => 0.522
|
|
11
11
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,eAAe,EACf,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACX,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAQzB;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAC3C,QAAQ,EACR,UAAmD,EACnD,EAAE,0CADF,EAAA,mBAAa,MAAA,MAAM,CAAC,QAAQ,0CAAE,KAAK,CAAC,MAAM,mCAAI,KAAK,IAChD,OAAA,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA,EAAA,CAAC"}
|
package/lib/esm/version.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TEasingType } from '../utils/math';
|
|
2
2
|
export declare namespace NApplication {
|
|
3
3
|
interface IProps {
|
|
4
4
|
shouldPrintVersion: boolean;
|
|
@@ -26,7 +26,7 @@ export declare namespace NApplication {
|
|
|
26
26
|
* Easing function that is used in animation as the default value
|
|
27
27
|
* @default [.25, .1, .25, 1]
|
|
28
28
|
*/
|
|
29
|
-
easing:
|
|
29
|
+
easing: TEasingType;
|
|
30
30
|
/**
|
|
31
31
|
* Check if the browser supports WebP
|
|
32
32
|
* @default false
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Application/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Application/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,yBAAiB,YAAY,CAAC;IAC5B,UAAiB,MAAM;QACrB,kBAAkB,EAAE,OAAO,CAAC;QAC5B;;;WAGG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,cAAc,EAAE,MAAM,CAAC;QACvB;;;WAGG;QACH,MAAM,EAAE,WAAW,CAAC;QACpB;;;WAGG;QACH,sBAAsB,EAAE,OAAO,CAAC;KACjC;CACF"}
|
|
@@ -7,7 +7,7 @@ export type { NBaseTimeline };
|
|
|
7
7
|
*/
|
|
8
8
|
export declare class BaseTimeline<StaticProps extends NBaseTimeline.IStaticProps = NBaseTimeline.IStaticProps, ChangeableProps extends NBaseTimeline.IChangeableProps = NBaseTimeline.IChangeableProps, CallbacksTypes extends NBaseTimeline.ICallbacksTypes = NBaseTimeline.ICallbacksTypes> extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
|
|
9
9
|
protected _getDefaultProps(): import("ts-essentials").DeepRequired<StaticProps & ChangeableProps> & {
|
|
10
|
-
easing: import("
|
|
10
|
+
easing: import("../../utils/math").TEasingType;
|
|
11
11
|
scope: number[];
|
|
12
12
|
hasNestedEasingProgress: boolean;
|
|
13
13
|
};
|
|
@@ -8,7 +8,7 @@ export declare class Timeline<StaticProps extends NTimeline.IStaticProps = NTime
|
|
|
8
8
|
protected _getDefaultProps(): import("ts-essentials").DeepRequired<StaticProps & ChangeableProps> & {
|
|
9
9
|
duration: number;
|
|
10
10
|
shouldDestroyOnEnd: boolean;
|
|
11
|
-
easing: import("
|
|
11
|
+
easing: import("../../utils/math").TEasingType;
|
|
12
12
|
scope: number[];
|
|
13
13
|
hasNestedEasingProgress: boolean;
|
|
14
14
|
};
|
|
@@ -26,6 +26,7 @@ export declare class Timeline<StaticProps extends NTimeline.IStaticProps = NTime
|
|
|
26
26
|
protected _isPaused: boolean;
|
|
27
27
|
/** Timeline is paused */
|
|
28
28
|
get isPaused(): boolean;
|
|
29
|
+
get duration(): number;
|
|
29
30
|
constructor(initialProps?: StaticProps & ChangeableProps, canInit?: boolean);
|
|
30
31
|
/** Play the timeline */
|
|
31
32
|
play(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;GAEG;AACH,qBAAa,QAAQ,CACnB,WAAW,SAAS,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,EACnE,eAAe,SACb,SAAS,CAAC,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,EACzD,cAAc,SAAS,SAAS,CAAC,eAAe,GAAG,SAAS,CAAC,eAAe,CAC5E,SAAQ,YAAY,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IAClE,SAAS,CAAC,gBAAgB;;;;;;;IAQ1B,0BAA0B;IAC1B,SAAS,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEnC,6DAA6D;IAC7D,SAAS,CAAC,uBAAuB,EAAE,MAAM,CAAC;IAE1C,0BAA0B;IAC1B,IAAI,SAAS,YAEZ;IAED,2BAA2B;IAC3B,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC;IAE/B,2BAA2B;IAC3B,IAAI,UAAU,YAEb;IAED,yBAAyB;IACzB,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAE7B,yBAAyB;IACzB,IAAI,QAAQ,YAEX;gBAEW,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAcxE,wBAAwB;IACjB,IAAI;IAcX,uBAAuB;IAChB,OAAO;IAcd,sBAAsB;IACf,KAAK;IAaZ,qBAAqB;IACd,KAAK;IASZ,sBAAsB;IACtB,SAAS,CAAC,QAAQ;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;GAEG;AACH,qBAAa,QAAQ,CACnB,WAAW,SAAS,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,EACnE,eAAe,SACb,SAAS,CAAC,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,EACzD,cAAc,SAAS,SAAS,CAAC,eAAe,GAAG,SAAS,CAAC,eAAe,CAC5E,SAAQ,YAAY,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IAClE,SAAS,CAAC,gBAAgB;;;;;;;IAQ1B,0BAA0B;IAC1B,SAAS,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEnC,6DAA6D;IAC7D,SAAS,CAAC,uBAAuB,EAAE,MAAM,CAAC;IAE1C,0BAA0B;IAC1B,IAAI,SAAS,YAEZ;IAED,2BAA2B;IAC3B,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC;IAE/B,2BAA2B;IAC3B,IAAI,UAAU,YAEb;IAED,yBAAyB;IACzB,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAE7B,yBAAyB;IACzB,IAAI,QAAQ,YAEX;IAED,IAAI,QAAQ,WAEX;gBAEW,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAcxE,wBAAwB;IACjB,IAAI;IAcX,uBAAuB;IAChB,OAAO;IAcd,sBAAsB;IACf,KAAK;IAaZ,qBAAqB;IACd,KAAK;IASZ,sBAAsB;IACtB,SAAS,CAAC,QAAQ;IAmClB,yBAAyB;IACzB,SAAS,CAAC,qBAAqB;IAkB/B,2BAA2B;IAC3B,SAAS,CAAC,QAAQ;CAKnB"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import easingProgress from 'easing-progress';
|
|
2
|
-
export {
|
|
1
|
+
import { easing as easingProgress } from 'easing-progress';
|
|
2
|
+
export { EaseInBack, EaseInBounce, EaseInCirc, EaseInCubic, EaseInElastic, EaseInExpo, EaseInOutBack, EaseInOutBounce, EaseInOutCirc, EaseInOutCubic, EaseInOutElastic, EaseInOutExpo, EaseInOutQuad, EaseInOutQuart, EaseInOutQuint, EaseInOutSine, EaseInQuad, EaseInQuart, EaseInQuint, EaseInSine, EaseOutBack, EaseOutBounce, EaseOutCirc, EaseOutCubic, EaseOutElastic, EaseOutExpo, EaseOutQuad, EaseOutQuart, EaseOutQuint, EaseOutSine, } from 'easing-progress';
|
|
3
|
+
export type { TEasingBezier, TEasingFunction, TEasingType, } from 'easing-progress';
|
|
3
4
|
/**
|
|
4
5
|
* Easing progress
|
|
5
6
|
*
|
|
6
7
|
* @example
|
|
7
8
|
*
|
|
8
|
-
* easing(0.35,
|
|
9
|
+
* easing(0.35, EaseInBounce); // => 0.167
|
|
9
10
|
* easing(0.35, [.25, .1, .25, 1]); // => 0.604
|
|
10
11
|
* easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value)); // => 0.522
|
|
11
12
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,eAAe,EACf,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACX,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EACV,aAAa,EACb,eAAe,EACf,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAEzB;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,EAAE,OAAO,cAGa,CAAC"}
|
package/lib/types/version.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vevet",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.7.1",
|
|
4
4
|
"description": "Vevet - a JavaScript library of ready-made solutions and helpers",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"storybook": "storybook dev -p 6006",
|
|
@@ -59,10 +59,9 @@
|
|
|
59
59
|
"dependencies": {
|
|
60
60
|
"@anton.bobrov/p-cancelable": "^4.0.1-1",
|
|
61
61
|
"detect-browser": "^5.3.0",
|
|
62
|
-
"easing-progress": "^0.0
|
|
62
|
+
"easing-progress": "^1.0.0",
|
|
63
63
|
"get-image-pos": "^0.0.11",
|
|
64
64
|
"ismobilejs": "^1.1.1",
|
|
65
|
-
"lodash.mergewith": "^4.6.2",
|
|
66
65
|
"normalize-wheel": "^1.0.1",
|
|
67
66
|
"ts-essentials": "^9.3.2",
|
|
68
67
|
"vevet-dom": "^0.0.15"
|
|
@@ -80,7 +79,6 @@
|
|
|
80
79
|
"@storybook/react": "^7.3.2",
|
|
81
80
|
"@storybook/react-webpack5": "^7.3.2",
|
|
82
81
|
"@storybook/testing-library": "^0.2.0",
|
|
83
|
-
"@types/lodash.mergewith": "^4.6.7",
|
|
84
82
|
"@types/normalize-wheel": "^1.0.1",
|
|
85
83
|
"@types/react": "18.0.18",
|
|
86
84
|
"copyfiles": "^2.4.1",
|
package/src/Application/types.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TEasingType } from '@/utils/math';
|
|
2
2
|
|
|
3
3
|
export namespace NApplication {
|
|
4
4
|
export interface IProps {
|
|
@@ -27,7 +27,7 @@ export namespace NApplication {
|
|
|
27
27
|
* Easing function that is used in animation as the default value
|
|
28
28
|
* @default [.25, .1, .25, 1]
|
|
29
29
|
*/
|
|
30
|
-
easing:
|
|
30
|
+
easing: TEasingType;
|
|
31
31
|
/**
|
|
32
32
|
* Check if the browser supports WebP
|
|
33
33
|
* @default false
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC, useEffect, useRef, useState } from 'react';
|
|
2
2
|
import { BaseTimeline } from '..';
|
|
3
|
-
import {
|
|
3
|
+
import { EaseInOutBounce } from '@/utils/math';
|
|
4
4
|
|
|
5
5
|
export const Basic: FC = () => {
|
|
6
6
|
const thumbRef = useRef<HTMLDivElement>(null);
|
|
@@ -8,7 +8,7 @@ export const Basic: FC = () => {
|
|
|
8
8
|
const [timeline, setTimeline] = useState<BaseTimeline>();
|
|
9
9
|
|
|
10
10
|
useEffect(() => {
|
|
11
|
-
const instance = new BaseTimeline({ easing:
|
|
11
|
+
const instance = new BaseTimeline({ easing: EaseInOutBounce });
|
|
12
12
|
setTimeline(instance);
|
|
13
13
|
|
|
14
14
|
instance.addCallback('progress', ({ easing }) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC, useEffect, useRef, useState } from 'react';
|
|
2
2
|
import { BaseTimeline } from '..';
|
|
3
|
-
import {
|
|
3
|
+
import { EaseInOutBounce, spreadScope } from '@/utils/math';
|
|
4
4
|
|
|
5
5
|
export const Nested: FC = () => {
|
|
6
6
|
const containerRef = useRef<HTMLDivElement>(null);
|
|
@@ -8,7 +8,7 @@ export const Nested: FC = () => {
|
|
|
8
8
|
|
|
9
9
|
useEffect(() => {
|
|
10
10
|
const instance = new BaseTimeline({
|
|
11
|
-
easing:
|
|
11
|
+
easing: EaseInOutBounce,
|
|
12
12
|
hasNestedEasingProgress: true,
|
|
13
13
|
});
|
|
14
14
|
setTimeline(instance);
|
|
@@ -23,7 +23,7 @@ export const Nested: FC = () => {
|
|
|
23
23
|
children.forEach((child, index) => {
|
|
24
24
|
const nestedTm = new BaseTimeline({
|
|
25
25
|
nestedScope: scopes[index],
|
|
26
|
-
easing:
|
|
26
|
+
easing: EaseInOutBounce,
|
|
27
27
|
});
|
|
28
28
|
|
|
29
29
|
nestedTm.addCallback('progress', ({ easing }) => {
|
|
@@ -48,6 +48,10 @@ export class Timeline<
|
|
|
48
48
|
return this._isPaused;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
+
get duration() {
|
|
52
|
+
return Math.max(this.props.duration, 1);
|
|
53
|
+
}
|
|
54
|
+
|
|
51
55
|
constructor(initialProps?: StaticProps & ChangeableProps, canInit = true) {
|
|
52
56
|
super(initialProps, false);
|
|
53
57
|
|
|
@@ -130,8 +134,7 @@ export class Timeline<
|
|
|
130
134
|
this._animationFrameLastTime = currentTime;
|
|
131
135
|
|
|
132
136
|
// calculate current progress
|
|
133
|
-
const progressIterator =
|
|
134
|
-
frameDiff / this.props.duration / (isReversed ? -1 : 1);
|
|
137
|
+
const progressIterator = frameDiff / this.duration / (isReversed ? -1 : 1);
|
|
135
138
|
const progressTarget = clamp(this.progress + progressIterator, [0, 1]);
|
|
136
139
|
this.progress = progressTarget;
|
|
137
140
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC, useEffect, useRef, useState } from 'react';
|
|
2
2
|
import { Timeline } from '..';
|
|
3
|
-
import {
|
|
3
|
+
import { EaseInOutBounce } from '@/utils/math';
|
|
4
4
|
|
|
5
5
|
export const Basic: FC = () => {
|
|
6
6
|
const thumbRef = useRef<HTMLDivElement>(null);
|
|
@@ -11,7 +11,7 @@ export const Basic: FC = () => {
|
|
|
11
11
|
useEffect(() => {
|
|
12
12
|
const instance = new Timeline({
|
|
13
13
|
duration: 3500,
|
|
14
|
-
easing:
|
|
14
|
+
easing: EaseInOutBounce,
|
|
15
15
|
});
|
|
16
16
|
|
|
17
17
|
setTimeline(instance);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC, useEffect, useRef, useState } from 'react';
|
|
2
2
|
import { Timeline } from '..';
|
|
3
|
-
import {
|
|
3
|
+
import { EaseInOutBounce, spreadScope } from '@/utils/math';
|
|
4
4
|
import { BaseTimeline } from '../../BaseTimeline';
|
|
5
5
|
|
|
6
6
|
export const Nested: FC = () => {
|
|
@@ -12,7 +12,7 @@ export const Nested: FC = () => {
|
|
|
12
12
|
useEffect(() => {
|
|
13
13
|
const instance = new Timeline({
|
|
14
14
|
duration: 3500,
|
|
15
|
-
easing:
|
|
15
|
+
easing: EaseInOutBounce,
|
|
16
16
|
});
|
|
17
17
|
|
|
18
18
|
setTimeline(instance);
|
|
@@ -33,7 +33,7 @@ export const Nested: FC = () => {
|
|
|
33
33
|
children.forEach((child, index) => {
|
|
34
34
|
const nestedTm = new BaseTimeline({
|
|
35
35
|
nestedScope: scopes[index],
|
|
36
|
-
easing:
|
|
36
|
+
easing: EaseInOutBounce,
|
|
37
37
|
});
|
|
38
38
|
|
|
39
39
|
nestedTm.addCallback('progress', ({ easing }) => {
|
package/src/utils/math/easing.ts
CHANGED
|
@@ -1,13 +1,50 @@
|
|
|
1
|
-
import easingProgress from 'easing-progress';
|
|
1
|
+
import { easing as easingProgress } from 'easing-progress';
|
|
2
2
|
|
|
3
|
-
export {
|
|
3
|
+
export {
|
|
4
|
+
EaseInBack,
|
|
5
|
+
EaseInBounce,
|
|
6
|
+
EaseInCirc,
|
|
7
|
+
EaseInCubic,
|
|
8
|
+
EaseInElastic,
|
|
9
|
+
EaseInExpo,
|
|
10
|
+
EaseInOutBack,
|
|
11
|
+
EaseInOutBounce,
|
|
12
|
+
EaseInOutCirc,
|
|
13
|
+
EaseInOutCubic,
|
|
14
|
+
EaseInOutElastic,
|
|
15
|
+
EaseInOutExpo,
|
|
16
|
+
EaseInOutQuad,
|
|
17
|
+
EaseInOutQuart,
|
|
18
|
+
EaseInOutQuint,
|
|
19
|
+
EaseInOutSine,
|
|
20
|
+
EaseInQuad,
|
|
21
|
+
EaseInQuart,
|
|
22
|
+
EaseInQuint,
|
|
23
|
+
EaseInSine,
|
|
24
|
+
EaseOutBack,
|
|
25
|
+
EaseOutBounce,
|
|
26
|
+
EaseOutCirc,
|
|
27
|
+
EaseOutCubic,
|
|
28
|
+
EaseOutElastic,
|
|
29
|
+
EaseOutExpo,
|
|
30
|
+
EaseOutQuad,
|
|
31
|
+
EaseOutQuart,
|
|
32
|
+
EaseOutQuint,
|
|
33
|
+
EaseOutSine,
|
|
34
|
+
} from 'easing-progress';
|
|
35
|
+
|
|
36
|
+
export type {
|
|
37
|
+
TEasingBezier,
|
|
38
|
+
TEasingFunction,
|
|
39
|
+
TEasingType,
|
|
40
|
+
} from 'easing-progress';
|
|
4
41
|
|
|
5
42
|
/**
|
|
6
43
|
* Easing progress
|
|
7
44
|
*
|
|
8
45
|
* @example
|
|
9
46
|
*
|
|
10
|
-
* easing(0.35,
|
|
47
|
+
* easing(0.35, EaseInBounce); // => 0.167
|
|
11
48
|
* easing(0.35, [.25, .1, .25, 1]); // => 0.604
|
|
12
49
|
* easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value)); // => 0.522
|
|
13
50
|
*/
|
package/src/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const version = '3.
|
|
1
|
+
const version = '3.7.1';
|
|
2
2
|
export default version;
|