vevet 3.12.0 → 3.13.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/lib/cjs/components/SlideProgress/index.js +45 -6
- package/lib/cjs/components/SlideProgress/index.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/components/SlideProgress/index.js +45 -6
- package/lib/esm/components/SlideProgress/index.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/types/components/SlideProgress/index.d.ts +7 -0
- package/lib/types/components/SlideProgress/index.d.ts.map +1 -1
- package/lib/types/components/SlideProgress/types.d.ts +5 -0
- package/lib/types/components/SlideProgress/types.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/SlideProgress/index.ts +62 -5
- package/src/components/SlideProgress/types.ts +5 -0
- package/src/version.ts +1 -1
|
@@ -46,6 +46,12 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
46
46
|
_this._progressLerp = { current: 0, target: 0 };
|
|
47
47
|
/** Can drag */
|
|
48
48
|
_this._canDragMove = false;
|
|
49
|
+
/** Direction */
|
|
50
|
+
_this._direction = 1;
|
|
51
|
+
/** Wheel intensity */
|
|
52
|
+
_this._wheelIntensity = 0;
|
|
53
|
+
/** Current handler */
|
|
54
|
+
_this._currentHandler = 'wheel';
|
|
49
55
|
var container = _this.props.container;
|
|
50
56
|
// create animation frame
|
|
51
57
|
_this._animationFrame = new AnimationFrame_1.AnimationFrame();
|
|
@@ -71,7 +77,7 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
71
77
|
return _this;
|
|
72
78
|
}
|
|
73
79
|
SlideProgress.prototype._getDefaultProps = function () {
|
|
74
|
-
return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { min: 0, max: 3, step: 1, ease: 0.1, friction: 0.5, hasDrag: true, dragSpeed: 1, dragDirection: 'y', hasWheel: true, wheelSpeed: 1, stickyEndDuration: 500, dragThreshold: 3 });
|
|
80
|
+
return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { min: 0, max: 3, step: 1, stepThreshold: 0.1, ease: 0.1, friction: 0.5, hasDrag: true, dragSpeed: 1, dragDirection: 'y', hasWheel: true, wheelSpeed: 1, stickyEndDuration: 500, dragThreshold: 3 });
|
|
75
81
|
};
|
|
76
82
|
Object.defineProperty(SlideProgress.prototype, "progress", {
|
|
77
83
|
/** Progress */
|
|
@@ -107,14 +113,22 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
107
113
|
// vars
|
|
108
114
|
var progress = this._progressLerp;
|
|
109
115
|
var _a = this.props, container = _a.container, min = _a.min, max = _a.max, wheelSpeed = _a.wheelSpeed;
|
|
116
|
+
// update handler
|
|
117
|
+
this._currentHandler = 'wheel';
|
|
110
118
|
// normalize wheel
|
|
111
119
|
var wheel = (0, normalizeWheel_1.normalizeWheel)(event);
|
|
112
120
|
var y = (wheel.pixelY / container.clientHeight) * wheelSpeed;
|
|
121
|
+
// update direction
|
|
122
|
+
this._wheelIntensity += y;
|
|
123
|
+
this._direction = this._wheelIntensity > 0 ? 1 : -1;
|
|
113
124
|
// update target
|
|
114
125
|
progress.target = (0, math_1.clamp)(progress.target + y, [min, max]);
|
|
115
126
|
this._animationFrame.play();
|
|
116
127
|
// go sticky
|
|
117
|
-
this._stickyEndTimeout = setTimeout(function () {
|
|
128
|
+
this._stickyEndTimeout = setTimeout(function () {
|
|
129
|
+
_this._wheelIntensity = 0;
|
|
130
|
+
_this._goStickyEnd();
|
|
131
|
+
}, 100);
|
|
118
132
|
// callbacks
|
|
119
133
|
this.callbacks.tbt('wheel', wheel);
|
|
120
134
|
};
|
|
@@ -145,15 +159,20 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
145
159
|
}
|
|
146
160
|
var _a = this, progress = _a._progressLerp, props = _a.props;
|
|
147
161
|
var container = props.container, dragSpeed = props.dragSpeed, dragDirection = props.dragDirection, min = props.min, max = props.max;
|
|
148
|
-
var event = data.event, step = data.step;
|
|
162
|
+
var event = data.event, step = data.step, diff = data.diff;
|
|
149
163
|
if (event.cancelable) {
|
|
150
164
|
event.preventDefault();
|
|
151
165
|
}
|
|
152
166
|
event.stopPropagation();
|
|
167
|
+
// update handler
|
|
168
|
+
this._currentHandler = 'drag';
|
|
169
|
+
// drag logic
|
|
153
170
|
var defaultIterator = dragDirection === 'y' ? step.y : step.x;
|
|
154
171
|
var iteratorDivider = dragDirection === 'y' ? container.clientHeight : container.clientWidth;
|
|
155
172
|
var iterator = (defaultIterator * dragSpeed) / iteratorDivider;
|
|
156
173
|
progress.target = (0, math_1.clamp)(progress.target - iterator, [min, max]);
|
|
174
|
+
var dragDiff = dragDirection === 'y' ? diff.y : diff.x;
|
|
175
|
+
this._direction = dragDiff < 0 ? 1 : -1;
|
|
157
176
|
this._animationFrame.play();
|
|
158
177
|
// callbacks
|
|
159
178
|
this.callbacks.tbt('dragMove', data);
|
|
@@ -165,6 +184,21 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
165
184
|
};
|
|
166
185
|
/** Get nearest stepped value to given progress */
|
|
167
186
|
SlideProgress.prototype._getNearestStep = function (value) {
|
|
187
|
+
var _a = this.props, step = _a.step, stepThresholdProp = _a.stepThreshold, dragSpeed = _a.dragSpeed;
|
|
188
|
+
var threshold = (0, math_1.clamp)(stepThresholdProp, [0.001, 0.5]);
|
|
189
|
+
var direction = this._direction;
|
|
190
|
+
if (this._currentHandler === 'drag') {
|
|
191
|
+
direction = dragSpeed < 0 ? this._direction * -1 : this._direction;
|
|
192
|
+
}
|
|
193
|
+
var diff = direction === 1
|
|
194
|
+
? Math.abs(value - Math.floor(value / step) * step)
|
|
195
|
+
: Math.abs(value - Math.ceil(value / step) * step);
|
|
196
|
+
if (diff > threshold) {
|
|
197
|
+
if (direction === 1) {
|
|
198
|
+
return Math.ceil(value / step) * step;
|
|
199
|
+
}
|
|
200
|
+
return Math.floor(value / step) * step;
|
|
201
|
+
}
|
|
168
202
|
return Math.round(value / this.props.step) * this.props.step;
|
|
169
203
|
};
|
|
170
204
|
/** Callback on animation frame */
|
|
@@ -208,7 +242,12 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
208
242
|
if (startValue === endValue) {
|
|
209
243
|
return;
|
|
210
244
|
}
|
|
211
|
-
this.to({
|
|
245
|
+
this.to({
|
|
246
|
+
value: endValue,
|
|
247
|
+
duration: typeof stickyEndDuration === 'number'
|
|
248
|
+
? stickyEndDuration * 2
|
|
249
|
+
: stickyEndDuration,
|
|
250
|
+
});
|
|
212
251
|
};
|
|
213
252
|
/** Animate progress to a certain value */
|
|
214
253
|
SlideProgress.prototype.to = function (_a) {
|
|
@@ -219,9 +258,9 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
219
258
|
var startValue = this._progressLerp.current;
|
|
220
259
|
var diff = Math.abs(startValue - endValue);
|
|
221
260
|
var multiplier = diff / this.props.step;
|
|
222
|
-
var duration = typeof durationProp === 'number'
|
|
261
|
+
var duration = Math.max(typeof durationProp === 'number'
|
|
223
262
|
? durationProp * multiplier
|
|
224
|
-
: durationProp(multiplier);
|
|
263
|
+
: durationProp(multiplier), 100);
|
|
225
264
|
var timeline = new Timeline_1.Timeline({ duration: duration });
|
|
226
265
|
this._timelineTo = timeline;
|
|
227
266
|
timeline.addCallback('progress', function (data) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SlideProgress/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA+D;AAE/D,qCAA2C;AAC3C,gEAA+D;AAC/D,kEAAiE;AACjE,oDAAmD;AACnD,8CAA2D;AAC3D,wCAAuC;AAKvC;;GAEG;AACH;IAMU,iCAA4D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SlideProgress/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA+D;AAE/D,qCAA2C;AAC3C,gEAA+D;AAC/D,kEAAiE;AACjE,oDAAmD;AACnD,8CAA2D;AAC3D,wCAAuC;AAKvC;;GAEG;AACH;IAMU,iCAA4D;IAyDpE,uBAAY,YAA4C,EAAE,OAAc;QAAd,wBAAA,EAAA,cAAc;QAAxE,YACE,kBAAM,YAAY,EAAE,KAAK,CAAC,SAyB3B;QAzDD,oCAAoC;QAC1B,mBAAa,GAA6B,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAkB9E,eAAe;QACL,kBAAY,GAAG,KAAK,CAAC;QAE/B,gBAAgB;QACN,gBAAU,GAAW,CAAC,CAAC;QAEjC,sBAAsB;QACZ,qBAAe,GAAG,CAAC,CAAC;QAE9B,sBAAsB;QACZ,qBAAe,GAAqB,OAAO,CAAC;QAK5C,IAAA,SAAS,GAAK,KAAI,CAAC,KAAK,UAAf,CAAgB;QAEjC,yBAAyB;QACzB,KAAI,CAAC,eAAe,GAAG,IAAI,+BAAc,EAAE,CAAC;QAC5C,KAAI,CAAC,eAAe,CAAC,WAAW,CAAC,OAAO,EAAE;YACxC,OAAA,KAAI,CAAC,qBAAqB,EAAE;QAA5B,CAA4B,CAC7B,CAAC;QAEF,iBAAiB;QACjB,KAAI,CAAC,QAAQ,GAAG,IAAI,yBAAW,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;QAC/C,KAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,EAAE,UAAC,KAAK,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAvB,CAAuB,CAAC,CAAC;QACtE,KAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,KAAK,CAAC,eAAe,EAAE;QAAvB,CAAuB,CAAC,CAAC;QAC3E,KAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,cAAM,OAAA,KAAI,CAAC,cAAc,EAAE,EAArB,CAAqB,CAAC,CAAC;QAE9D,kBAAkB;QAClB,KAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,UAAC,KAAK;YAC9C,OAAA,KAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QAAxB,CAAwB,CACzB,CAAC;QAEF,uBAAuB;QACvB,IAAI,OAAO,EAAE;YACX,KAAI,CAAC,IAAI,EAAE,CAAC;SACb;;IACH,CAAC;IAlFS,wCAAgB,GAA1B;QACE,6BACK,iBAAM,gBAAgB,WAAE,KAC3B,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,aAAa,EAAE,GAAG,EAClB,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,CAAC,EACZ,aAAa,EAAE,GAAG,EAClB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,CAAC,EACb,iBAAiB,EAAE,GAAG,EACtB,aAAa,EAAE,CAAC,IAChB;IACJ,CAAC;IAYD,sBAAI,mCAAQ;QADZ,eAAe;aACf;YACE,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QACpC,CAAC;;;OAAA;IAGD,sBAAI,0CAAe;QADnB,uBAAuB;aACvB;YACE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC1D,CAAC;;;OAAA;IAgDS,sCAAc,GAAxB;QACE,iBAAM,cAAc,WAAE,CAAC;QAEvB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;IAC/D,CAAC;IAED,yBAAyB;IACf,oCAAY,GAAtB,UAAuB,KAAiB;QAAxC,iBAsCC;QArCC,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAC5C,OAAO;SACR;QAED,uBAAuB;QACvB,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACrC,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;SACpC;QAED,OAAO;QACC,IAAe,QAAQ,GAAK,IAAI,cAAT,CAAU;QACnC,IAAA,KAAsC,IAAI,CAAC,KAAK,EAA9C,SAAS,eAAA,EAAE,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,UAAU,gBAAe,CAAC;QAEvD,iBAAiB;QACjB,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;QAE/B,kBAAkB;QAClB,IAAM,KAAK,GAAG,IAAA,+BAAc,EAAC,KAAK,CAAC,CAAC;QACpC,IAAM,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;QAE/D,mBAAmB;QACnB,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEpD,gBAAgB;QAChB,QAAQ,CAAC,MAAM,GAAG,IAAA,YAAK,EAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;QAE5B,YAAY;QACZ,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC;YAClC,KAAI,CAAC,eAAe,GAAG,CAAC,CAAC;YACzB,KAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,YAAY;QACZ,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,wBAAwB;IACd,yCAAiB,GAA3B,UAA4B,OAA8B;QAClD,IAAA,KAAmC,IAAI,CAAC,KAAK,EAA3C,aAAa,mBAAA,EAAE,aAAa,mBAAe,CAAC;QAEpD,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,OAAO,IAAI,CAAC;SACb;QAED,IAAI,OAAO,CAAC,CAAC,GAAG,aAAa,IAAI,OAAO,CAAC,CAAC,GAAG,aAAa,EAAE;YAC1D,OAAO,KAAK,CAAC;SACd;QAED,IAAI,aAAa,KAAK,GAAG,IAAI,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE;YAClD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B;QAED,IAAI,aAAa,KAAK,GAAG,IAAI,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE;YAClD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,6BAA6B;IACnB,mCAAW,GAArB,UAAsB,IAAiC;QACrD,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAA,iCAAe,GAAE,EAAE;YAChE,OAAO;SACR;QAED,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACzC,OAAO;SACR;QAEK,IAAA,KAAqC,IAAI,EAAxB,QAAQ,mBAAA,EAAE,KAAK,WAAS,CAAC;QACxC,IAAA,SAAS,GAAyC,KAAK,UAA9C,EAAE,SAAS,GAA8B,KAAK,UAAnC,EAAE,aAAa,GAAe,KAAK,cAApB,EAAE,GAAG,GAAU,KAAK,IAAf,EAAE,GAAG,GAAK,KAAK,IAAV,CAAW;QACxD,IAAA,KAAK,GAAiB,IAAI,MAArB,EAAE,IAAI,GAAW,IAAI,KAAf,EAAE,IAAI,GAAK,IAAI,KAAT,CAAU;QAEnC,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;QACD,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,iBAAiB;QACjB,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;QAE9B,aAAa;QAEb,IAAM,eAAe,GAAG,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAChE,IAAM,eAAe,GACnB,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC;QAEzE,IAAM,QAAQ,GAAG,CAAC,eAAe,GAAG,SAAS,CAAC,GAAG,eAAe,CAAC;QACjE,QAAQ,CAAC,MAAM,GAAG,IAAA,YAAK,EAAC,QAAQ,CAAC,MAAM,GAAG,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAEhE,IAAM,QAAQ,GAAG,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAExC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;QAE5B,YAAY;QACZ,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,6BAA6B;IACrB,sCAAc,GAAtB;QACE,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAE1B,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,kDAAkD;IACxC,uCAAe,GAAzB,UAA0B,KAAa;QAC/B,IAAA,KAAwD,IAAI,CAAC,KAAK,EAAhE,IAAI,UAAA,EAAiB,iBAAiB,mBAAA,EAAE,SAAS,eAAe,CAAC;QACzE,IAAM,SAAS,GAAG,IAAA,YAAK,EAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;QAEzD,IAAI,SAAS,GAAG,IAAI,CAAC,UAAoB,CAAC;QAC1C,IAAI,IAAI,CAAC,eAAe,KAAK,MAAM,EAAE;YACnC,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;SACpE;QAED,IAAM,IAAI,GACR,SAAS,KAAK,CAAC;YACb,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;YACnD,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;QAEvD,IAAI,IAAI,GAAG,SAAS,EAAE;YACpB,IAAI,SAAS,KAAK,CAAC,EAAE;gBACnB,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;aACvC;YAED,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;SACxC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC/D,CAAC;IAED,kCAAkC;IACxB,6CAAqB,GAA/B;QACU,IAAe,QAAQ,GAAK,IAAI,cAAT,CAAU;QACnC,IAAA,KAA2B,IAAI,CAAC,KAAK,EAAnC,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAe,CAAC;QACpC,IAAA,cAAc,GAAK,IAAI,CAAC,eAAe,eAAzB,CAA0B;QAEhD,IAAM,sBAAsB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAErE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,QAAQ,CAAC,MAAM,GAAG,IAAA,WAAI,EACpB,QAAQ,CAAC,MAAM,EACf,sBAAsB,EACtB,QAAQ,GAAG,IAAI,GAAG,cAAc,EAChC,CAAC,CACF,CAAC;YAEF,IAAI,CAAC,sBAAsB,CAAC,IAAI,GAAG,cAAc,CAAC,CAAC;YAEnD,IACE,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,MAAM;gBACpC,QAAQ,CAAC,OAAO,GAAG,IAAI,KAAK,CAAC,EAC7B;gBACA,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC;aAC9B;SACF;QAED,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,mBAAmB;IACZ,8BAAM,GAAb;QACE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC;IAED,gEAAgE;IACtD,8CAAsB,GAAhC,UAAiC,IAAY;QAC3C,IAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC;QAEpC,IAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEnE,QAAQ,CAAC,OAAO,GAAG,IAAA,WAAI,EAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAEpE,IAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEnE,IAAI,mBAAmB,KAAK,mBAAmB,EAAE;YAC/C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;SACvC;IACH,CAAC;IAED,iCAAiC;IACvB,oCAAY,GAAtB;QACU,IAAA,iBAAiB,GAAK,IAAI,CAAC,KAAK,kBAAf,CAAgB;QAEzC,IAAI,CAAC,iBAAiB,EAAE;YACtB,OAAO;SACR;QAED,IAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QAC9C,IAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAElD,IAAI,UAAU,KAAK,QAAQ,EAAE;YAC3B,OAAO;SACR;QAED,IAAI,CAAC,EAAE,CAAC;YACN,KAAK,EAAE,QAAQ;YACf,QAAQ,EACN,OAAO,iBAAiB,KAAK,QAAQ;gBACnC,CAAC,CAAC,iBAAiB,GAAG,CAAC;gBACvB,CAAC,CAAC,iBAAiB;SACxB,CAAC,CAAC;IACL,CAAC;IAED,0CAA0C;IACnC,0BAAE,GAAT,UAAU,EAKgB;QAL1B,iBAuCC;;YAtCQ,QAAQ,WAAA,EACf,gBAA4B,EAAlB,YAAY,mBAAG,GAAG,KAAA,EAC5B,UAAU,gBAAA,EACV,KAAK,WAAA;QAEL,MAAA,IAAI,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;QAE5B,IAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QAC9C,IAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAC;QAC7C,IAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAE1C,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,OAAO,YAAY,KAAK,QAAQ;YAC9B,CAAC,CAAC,YAAY,GAAG,UAAU;YAC3B,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,EAC5B,GAAG,CACJ,CAAC;QAEF,IAAM,QAAQ,GAAG,IAAI,mBAAQ,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;QAC5C,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;QAE5B,QAAQ,CAAC,WAAW,CAAC,UAAU,EAAE,UAAC,IAAI;YACpC,KAAI,CAAC,aAAa,CAAC,MAAM,GAAG,IAAA,WAAI,EAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YACvE,KAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;YAE/B,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE;;YAC1B,MAAA,KAAI,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;YAC5B,KAAI,CAAC,WAAW,GAAG,SAAS,CAAC;YAE7B,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAC;QACZ,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,IAAI,EAAE,CAAC;QAEhB,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;IAC9B,CAAC;IAED,yBAAyB;IACf,gCAAQ,GAAlB;;QACE,iBAAM,QAAQ,WAAE,CAAC;QAEjB,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;QAC/B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QAExB,MAAA,IAAI,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;QAE5B,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACrC,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;SACpC;IACH,CAAC;IACH,oBAAC;AAAD,CAAC,AA3WD,CAMU,qBAAc,GAqWvB;AA3WY,sCAAa"}
|
package/lib/cjs/version.js
CHANGED
|
@@ -10,7 +10,7 @@ import { Timeline } from '../Timeline';
|
|
|
10
10
|
*/
|
|
11
11
|
export class SlideProgress extends ComponentClass {
|
|
12
12
|
_getDefaultProps() {
|
|
13
|
-
return Object.assign(Object.assign({}, super._getDefaultProps()), { min: 0, max: 3, step: 1, ease: 0.1, friction: 0.5, hasDrag: true, dragSpeed: 1, dragDirection: 'y', hasWheel: true, wheelSpeed: 1, stickyEndDuration: 500, dragThreshold: 3 });
|
|
13
|
+
return Object.assign(Object.assign({}, super._getDefaultProps()), { min: 0, max: 3, step: 1, stepThreshold: 0.1, ease: 0.1, friction: 0.5, hasDrag: true, dragSpeed: 1, dragDirection: 'y', hasWheel: true, wheelSpeed: 1, stickyEndDuration: 500, dragThreshold: 3 });
|
|
14
14
|
}
|
|
15
15
|
/** Progress */
|
|
16
16
|
get progress() {
|
|
@@ -26,6 +26,12 @@ export class SlideProgress extends ComponentClass {
|
|
|
26
26
|
this._progressLerp = { current: 0, target: 0 };
|
|
27
27
|
/** Can drag */
|
|
28
28
|
this._canDragMove = false;
|
|
29
|
+
/** Direction */
|
|
30
|
+
this._direction = 1;
|
|
31
|
+
/** Wheel intensity */
|
|
32
|
+
this._wheelIntensity = 0;
|
|
33
|
+
/** Current handler */
|
|
34
|
+
this._currentHandler = 'wheel';
|
|
29
35
|
const { container } = this.props;
|
|
30
36
|
// create animation frame
|
|
31
37
|
this._animationFrame = new AnimationFrame();
|
|
@@ -59,14 +65,22 @@ export class SlideProgress extends ComponentClass {
|
|
|
59
65
|
// vars
|
|
60
66
|
const { _progressLerp: progress } = this;
|
|
61
67
|
const { container, min, max, wheelSpeed } = this.props;
|
|
68
|
+
// update handler
|
|
69
|
+
this._currentHandler = 'wheel';
|
|
62
70
|
// normalize wheel
|
|
63
71
|
const wheel = normalizeWheel(event);
|
|
64
72
|
const y = (wheel.pixelY / container.clientHeight) * wheelSpeed;
|
|
73
|
+
// update direction
|
|
74
|
+
this._wheelIntensity += y;
|
|
75
|
+
this._direction = this._wheelIntensity > 0 ? 1 : -1;
|
|
65
76
|
// update target
|
|
66
77
|
progress.target = clamp(progress.target + y, [min, max]);
|
|
67
78
|
this._animationFrame.play();
|
|
68
79
|
// go sticky
|
|
69
|
-
this._stickyEndTimeout = setTimeout(() =>
|
|
80
|
+
this._stickyEndTimeout = setTimeout(() => {
|
|
81
|
+
this._wheelIntensity = 0;
|
|
82
|
+
this._goStickyEnd();
|
|
83
|
+
}, 100);
|
|
70
84
|
// callbacks
|
|
71
85
|
this.callbacks.tbt('wheel', wheel);
|
|
72
86
|
}
|
|
@@ -97,15 +111,20 @@ export class SlideProgress extends ComponentClass {
|
|
|
97
111
|
}
|
|
98
112
|
const { _progressLerp: progress, props } = this;
|
|
99
113
|
const { container, dragSpeed, dragDirection, min, max } = props;
|
|
100
|
-
const { event, step } = data;
|
|
114
|
+
const { event, step, diff } = data;
|
|
101
115
|
if (event.cancelable) {
|
|
102
116
|
event.preventDefault();
|
|
103
117
|
}
|
|
104
118
|
event.stopPropagation();
|
|
119
|
+
// update handler
|
|
120
|
+
this._currentHandler = 'drag';
|
|
121
|
+
// drag logic
|
|
105
122
|
const defaultIterator = dragDirection === 'y' ? step.y : step.x;
|
|
106
123
|
const iteratorDivider = dragDirection === 'y' ? container.clientHeight : container.clientWidth;
|
|
107
124
|
const iterator = (defaultIterator * dragSpeed) / iteratorDivider;
|
|
108
125
|
progress.target = clamp(progress.target - iterator, [min, max]);
|
|
126
|
+
const dragDiff = dragDirection === 'y' ? diff.y : diff.x;
|
|
127
|
+
this._direction = dragDiff < 0 ? 1 : -1;
|
|
109
128
|
this._animationFrame.play();
|
|
110
129
|
// callbacks
|
|
111
130
|
this.callbacks.tbt('dragMove', data);
|
|
@@ -117,6 +136,21 @@ export class SlideProgress extends ComponentClass {
|
|
|
117
136
|
}
|
|
118
137
|
/** Get nearest stepped value to given progress */
|
|
119
138
|
_getNearestStep(value) {
|
|
139
|
+
const { step, stepThreshold: stepThresholdProp, dragSpeed } = this.props;
|
|
140
|
+
const threshold = clamp(stepThresholdProp, [0.001, 0.5]);
|
|
141
|
+
let direction = this._direction;
|
|
142
|
+
if (this._currentHandler === 'drag') {
|
|
143
|
+
direction = dragSpeed < 0 ? this._direction * -1 : this._direction;
|
|
144
|
+
}
|
|
145
|
+
const diff = direction === 1
|
|
146
|
+
? Math.abs(value - Math.floor(value / step) * step)
|
|
147
|
+
: Math.abs(value - Math.ceil(value / step) * step);
|
|
148
|
+
if (diff > threshold) {
|
|
149
|
+
if (direction === 1) {
|
|
150
|
+
return Math.ceil(value / step) * step;
|
|
151
|
+
}
|
|
152
|
+
return Math.floor(value / step) * step;
|
|
153
|
+
}
|
|
120
154
|
return Math.round(value / this.props.step) * this.props.step;
|
|
121
155
|
}
|
|
122
156
|
/** Callback on animation frame */
|
|
@@ -160,7 +194,12 @@ export class SlideProgress extends ComponentClass {
|
|
|
160
194
|
if (startValue === endValue) {
|
|
161
195
|
return;
|
|
162
196
|
}
|
|
163
|
-
this.to({
|
|
197
|
+
this.to({
|
|
198
|
+
value: endValue,
|
|
199
|
+
duration: typeof stickyEndDuration === 'number'
|
|
200
|
+
? stickyEndDuration * 2
|
|
201
|
+
: stickyEndDuration,
|
|
202
|
+
});
|
|
164
203
|
}
|
|
165
204
|
/** Animate progress to a certain value */
|
|
166
205
|
to({ value: endValue, duration: durationProp = 500, onProgress, onEnd, }) {
|
|
@@ -169,9 +208,9 @@ export class SlideProgress extends ComponentClass {
|
|
|
169
208
|
const startValue = this._progressLerp.current;
|
|
170
209
|
const diff = Math.abs(startValue - endValue);
|
|
171
210
|
const multiplier = diff / this.props.step;
|
|
172
|
-
const duration = typeof durationProp === 'number'
|
|
211
|
+
const duration = Math.max(typeof durationProp === 'number'
|
|
173
212
|
? durationProp * multiplier
|
|
174
|
-
: durationProp(multiplier);
|
|
213
|
+
: durationProp(multiplier), 100);
|
|
175
214
|
const timeline = new Timeline({ duration });
|
|
176
215
|
this._timelineTo = timeline;
|
|
177
216
|
timeline.addCallback('progress', (data) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SlideProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAKvC;;GAEG;AACH,MAAM,OAAO,aAMX,SAAQ,cAA4D;IAC1D,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,CAAC,EACZ,aAAa,EAAE,GAAG,EAClB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,CAAC,EACb,iBAAiB,EAAE,GAAG,EACtB,aAAa,EAAE,CAAC,IAChB;IACJ,CAAC;IAWD,eAAe;IACf,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;IACpC,CAAC;IAED,uBAAuB;IACvB,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SlideProgress/index.ts"],"names":[],"mappings":"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"}
|
package/lib/esm/version.js
CHANGED
|
@@ -14,6 +14,7 @@ export declare class SlideProgress<StaticProps extends NSlideProgress.IStaticPro
|
|
|
14
14
|
min: number;
|
|
15
15
|
max: number;
|
|
16
16
|
step: number;
|
|
17
|
+
stepThreshold: number;
|
|
17
18
|
ease: number;
|
|
18
19
|
friction: number;
|
|
19
20
|
hasDrag: boolean;
|
|
@@ -40,6 +41,12 @@ export declare class SlideProgress<StaticProps extends NSlideProgress.IStaticPro
|
|
|
40
41
|
protected _stickyEndTimeout?: NodeJS.Timeout;
|
|
41
42
|
/** Can drag */
|
|
42
43
|
protected _canDragMove: boolean;
|
|
44
|
+
/** Direction */
|
|
45
|
+
protected _direction: 1 | -1;
|
|
46
|
+
/** Wheel intensity */
|
|
47
|
+
protected _wheelIntensity: number;
|
|
48
|
+
/** Current handler */
|
|
49
|
+
protected _currentHandler: 'wheel' | 'drag';
|
|
43
50
|
constructor(initialProps?: StaticProps & ChangeableProps, canInit?: boolean);
|
|
44
51
|
protected _onPropsMutate(): void;
|
|
45
52
|
/** Handle wheel event */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideProgress/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B;;GAEG;AACH,qBAAa,aAAa,CACxB,WAAW,SAAS,cAAc,CAAC,YAAY,GAAG,cAAc,CAAC,YAAY,EAC7E,eAAe,SACb,cAAc,CAAC,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,EACnE,cAAc,SACZ,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,eAAe,CACjE,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideProgress/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B;;GAEG;AACH,qBAAa,aAAa,CACxB,WAAW,SAAS,cAAc,CAAC,YAAY,GAAG,cAAc,CAAC,YAAY,EAC7E,eAAe,SACb,cAAc,CAAC,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,EACnE,cAAc,SACZ,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,eAAe,CACjE,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;;;;;;;;;;;IAmB1B,sBAAsB;IACtB,SAAS,CAAC,eAAe,EAAE,cAAc,CAAC;IAE1C,qBAAqB;IACrB,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAEhC,oCAAoC;IACpC,SAAS,CAAC,aAAa,EAAE,cAAc,CAAC,SAAS,CAA6B;IAE9E,eAAe;IACf,IAAI,QAAQ,WAEX;IAED,uBAAuB;IACvB,IAAI,eAAe,WAElB;IAED,wBAAwB;IACxB,SAAS,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC;IAEjC,qBAAqB;IACrB,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAE7C,eAAe;IACf,SAAS,CAAC,YAAY,UAAS;IAE/B,gBAAgB;IAChB,SAAS,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,CAAK;IAEjC,sBAAsB;IACtB,SAAS,CAAC,eAAe,SAAK;IAE9B,sBAAsB;IACtB,SAAS,CAAC,eAAe,EAAE,OAAO,GAAG,MAAM,CAAW;gBAE1C,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IA4BxE,SAAS,CAAC,cAAc;IAMxB,yBAAyB;IACzB,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IAwCxC,wBAAwB;IACxB,SAAS,CAAC,iBAAiB,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ;IAsB1D,6BAA6B;IAC7B,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,YAAY,CAAC,cAAc;IAuCvD,6BAA6B;IAC7B,OAAO,CAAC,cAAc;IAMtB,kDAAkD;IAClD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM;IAyBvC,kCAAkC;IAClC,SAAS,CAAC,qBAAqB;IA4B/B,mBAAmB;IACZ,MAAM;IAIb,gEAAgE;IAChE,SAAS,CAAC,sBAAsB,CAAC,IAAI,EAAE,MAAM;IAc7C,iCAAiC;IACjC,SAAS,CAAC,YAAY;IAuBtB,0CAA0C;IACnC,EAAE,CAAC,EACR,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,YAAkB,EAC5B,UAAU,EACV,KAAK,GACN,EAAE,cAAc,CAAC,QAAQ;IAoC1B,yBAAyB;IACzB,SAAS,CAAC,QAAQ;CAanB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideProgress/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,YAAa,SAAQ,UAAU,CAAC,YAAY;QAC3D,qBAAqB;QACrB,SAAS,EAAE,WAAW,CAAC;KACxB;IAED,UAAiB,gBAAiB,SAAQ,UAAU,CAAC,gBAAgB;QACnE,6BAA6B;QAC7B,GAAG,EAAE,MAAM,CAAC;QACZ,6BAA6B;QAC7B,GAAG,EAAE,MAAM,CAAC;QACZ,oBAAoB;QACpB,IAAI,EAAE,MAAM,CAAC;QACb;;;WAGG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;;WAGG;QACH,aAAa,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;QAC1B;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB;;;WAGG;QACH,iBAAiB,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;QACrC;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,eAAgB,SAAQ,UAAU,CAAC,eAAe;QACjE,MAAM,EAAE,SAAS,CAAC;QAClB,IAAI,EAAE,SAAS,CAAC;QAChB,KAAK,EAAE,eAAe,CAAC;QACvB,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC;KACvC;IAED,UAAiB,SAAS;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAElE,UAAiB,QAAQ;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,mBAAmB;QACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QACpE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;KACpB;CACF"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideProgress/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,YAAa,SAAQ,UAAU,CAAC,YAAY;QAC3D,qBAAqB;QACrB,SAAS,EAAE,WAAW,CAAC;KACxB;IAED,UAAiB,gBAAiB,SAAQ,UAAU,CAAC,gBAAgB;QACnE,6BAA6B;QAC7B,GAAG,EAAE,MAAM,CAAC;QACZ,6BAA6B;QAC7B,GAAG,EAAE,MAAM,CAAC;QACZ,oBAAoB;QACpB,IAAI,EAAE,MAAM,CAAC;QACb;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB;;;WAGG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;;WAGG;QACH,aAAa,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;QAC1B;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB;;;WAGG;QACH,iBAAiB,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;QACrC;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,eAAgB,SAAQ,UAAU,CAAC,eAAe;QACjE,MAAM,EAAE,SAAS,CAAC;QAClB,IAAI,EAAE,SAAS,CAAC;QAChB,KAAK,EAAE,eAAe,CAAC;QACvB,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC;KACvC;IAED,UAAiB,SAAS;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAElE,UAAiB,QAAQ;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,mBAAmB;QACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QACpE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;KACpB;CACF"}
|
package/lib/types/version.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -26,6 +26,7 @@ export class SlideProgress<
|
|
|
26
26
|
min: 0,
|
|
27
27
|
max: 3,
|
|
28
28
|
step: 1,
|
|
29
|
+
stepThreshold: 0.1,
|
|
29
30
|
ease: 0.1,
|
|
30
31
|
friction: 0.5,
|
|
31
32
|
hasDrag: true,
|
|
@@ -66,6 +67,15 @@ export class SlideProgress<
|
|
|
66
67
|
/** Can drag */
|
|
67
68
|
protected _canDragMove = false;
|
|
68
69
|
|
|
70
|
+
/** Direction */
|
|
71
|
+
protected _direction: 1 | -1 = 1;
|
|
72
|
+
|
|
73
|
+
/** Wheel intensity */
|
|
74
|
+
protected _wheelIntensity = 0;
|
|
75
|
+
|
|
76
|
+
/** Current handler */
|
|
77
|
+
protected _currentHandler: 'wheel' | 'drag' = 'wheel';
|
|
78
|
+
|
|
69
79
|
constructor(initialProps?: StaticProps & ChangeableProps, canInit = true) {
|
|
70
80
|
super(initialProps, false);
|
|
71
81
|
|
|
@@ -116,16 +126,26 @@ export class SlideProgress<
|
|
|
116
126
|
const { _progressLerp: progress } = this;
|
|
117
127
|
const { container, min, max, wheelSpeed } = this.props;
|
|
118
128
|
|
|
129
|
+
// update handler
|
|
130
|
+
this._currentHandler = 'wheel';
|
|
131
|
+
|
|
119
132
|
// normalize wheel
|
|
120
133
|
const wheel = normalizeWheel(event);
|
|
121
134
|
const y = (wheel.pixelY / container.clientHeight) * wheelSpeed;
|
|
122
135
|
|
|
136
|
+
// update direction
|
|
137
|
+
this._wheelIntensity += y;
|
|
138
|
+
this._direction = this._wheelIntensity > 0 ? 1 : -1;
|
|
139
|
+
|
|
123
140
|
// update target
|
|
124
141
|
progress.target = clamp(progress.target + y, [min, max]);
|
|
125
142
|
this._animationFrame.play();
|
|
126
143
|
|
|
127
144
|
// go sticky
|
|
128
|
-
this._stickyEndTimeout = setTimeout(() =>
|
|
145
|
+
this._stickyEndTimeout = setTimeout(() => {
|
|
146
|
+
this._wheelIntensity = 0;
|
|
147
|
+
this._goStickyEnd();
|
|
148
|
+
}, 100);
|
|
129
149
|
|
|
130
150
|
// callbacks
|
|
131
151
|
this.callbacks.tbt('wheel', wheel);
|
|
@@ -166,13 +186,18 @@ export class SlideProgress<
|
|
|
166
186
|
|
|
167
187
|
const { _progressLerp: progress, props } = this;
|
|
168
188
|
const { container, dragSpeed, dragDirection, min, max } = props;
|
|
169
|
-
const { event, step } = data;
|
|
189
|
+
const { event, step, diff } = data;
|
|
170
190
|
|
|
171
191
|
if (event.cancelable) {
|
|
172
192
|
event.preventDefault();
|
|
173
193
|
}
|
|
174
194
|
event.stopPropagation();
|
|
175
195
|
|
|
196
|
+
// update handler
|
|
197
|
+
this._currentHandler = 'drag';
|
|
198
|
+
|
|
199
|
+
// drag logic
|
|
200
|
+
|
|
176
201
|
const defaultIterator = dragDirection === 'y' ? step.y : step.x;
|
|
177
202
|
const iteratorDivider =
|
|
178
203
|
dragDirection === 'y' ? container.clientHeight : container.clientWidth;
|
|
@@ -180,6 +205,9 @@ export class SlideProgress<
|
|
|
180
205
|
const iterator = (defaultIterator * dragSpeed) / iteratorDivider;
|
|
181
206
|
progress.target = clamp(progress.target - iterator, [min, max]);
|
|
182
207
|
|
|
208
|
+
const dragDiff = dragDirection === 'y' ? diff.y : diff.x;
|
|
209
|
+
this._direction = dragDiff < 0 ? 1 : -1;
|
|
210
|
+
|
|
183
211
|
this._animationFrame.play();
|
|
184
212
|
|
|
185
213
|
// callbacks
|
|
@@ -195,6 +223,27 @@ export class SlideProgress<
|
|
|
195
223
|
|
|
196
224
|
/** Get nearest stepped value to given progress */
|
|
197
225
|
protected _getNearestStep(value: number) {
|
|
226
|
+
const { step, stepThreshold: stepThresholdProp, dragSpeed } = this.props;
|
|
227
|
+
const threshold = clamp(stepThresholdProp, [0.001, 0.5]);
|
|
228
|
+
|
|
229
|
+
let direction = this._direction as number;
|
|
230
|
+
if (this._currentHandler === 'drag') {
|
|
231
|
+
direction = dragSpeed < 0 ? this._direction * -1 : this._direction;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
const diff =
|
|
235
|
+
direction === 1
|
|
236
|
+
? Math.abs(value - Math.floor(value / step) * step)
|
|
237
|
+
: Math.abs(value - Math.ceil(value / step) * step);
|
|
238
|
+
|
|
239
|
+
if (diff > threshold) {
|
|
240
|
+
if (direction === 1) {
|
|
241
|
+
return Math.ceil(value / step) * step;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
return Math.floor(value / step) * step;
|
|
245
|
+
}
|
|
246
|
+
|
|
198
247
|
return Math.round(value / this.props.step) * this.props.step;
|
|
199
248
|
}
|
|
200
249
|
|
|
@@ -262,7 +311,13 @@ export class SlideProgress<
|
|
|
262
311
|
return;
|
|
263
312
|
}
|
|
264
313
|
|
|
265
|
-
this.to({
|
|
314
|
+
this.to({
|
|
315
|
+
value: endValue,
|
|
316
|
+
duration:
|
|
317
|
+
typeof stickyEndDuration === 'number'
|
|
318
|
+
? stickyEndDuration * 2
|
|
319
|
+
: stickyEndDuration,
|
|
320
|
+
});
|
|
266
321
|
}
|
|
267
322
|
|
|
268
323
|
/** Animate progress to a certain value */
|
|
@@ -278,10 +333,12 @@ export class SlideProgress<
|
|
|
278
333
|
const diff = Math.abs(startValue - endValue);
|
|
279
334
|
const multiplier = diff / this.props.step;
|
|
280
335
|
|
|
281
|
-
const duration =
|
|
336
|
+
const duration = Math.max(
|
|
282
337
|
typeof durationProp === 'number'
|
|
283
338
|
? durationProp * multiplier
|
|
284
|
-
: durationProp(multiplier)
|
|
339
|
+
: durationProp(multiplier),
|
|
340
|
+
100,
|
|
341
|
+
);
|
|
285
342
|
|
|
286
343
|
const timeline = new Timeline({ duration });
|
|
287
344
|
this._timelineTo = timeline;
|
package/src/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const version = '3.
|
|
1
|
+
const version = '3.13.1';
|
|
2
2
|
export default version;
|