vevet 3.12.0 → 3.13.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.
- package/lib/cjs/components/SlideProgress/index.js +34 -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 +34 -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 +5 -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 +46 -5
- package/src/components/SlideProgress/types.ts +5 -0
- package/src/version.ts +1 -1
|
@@ -46,6 +46,10 @@ 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;
|
|
49
53
|
var container = _this.props.container;
|
|
50
54
|
// create animation frame
|
|
51
55
|
_this._animationFrame = new AnimationFrame_1.AnimationFrame();
|
|
@@ -71,7 +75,7 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
71
75
|
return _this;
|
|
72
76
|
}
|
|
73
77
|
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 });
|
|
78
|
+
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
79
|
};
|
|
76
80
|
Object.defineProperty(SlideProgress.prototype, "progress", {
|
|
77
81
|
/** Progress */
|
|
@@ -110,11 +114,17 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
110
114
|
// normalize wheel
|
|
111
115
|
var wheel = (0, normalizeWheel_1.normalizeWheel)(event);
|
|
112
116
|
var y = (wheel.pixelY / container.clientHeight) * wheelSpeed;
|
|
117
|
+
// update direction
|
|
118
|
+
this._wheelIntensity += y;
|
|
119
|
+
this._direction = this._wheelIntensity > 0 ? 1 : -1;
|
|
113
120
|
// update target
|
|
114
121
|
progress.target = (0, math_1.clamp)(progress.target + y, [min, max]);
|
|
115
122
|
this._animationFrame.play();
|
|
116
123
|
// go sticky
|
|
117
|
-
this._stickyEndTimeout = setTimeout(function () {
|
|
124
|
+
this._stickyEndTimeout = setTimeout(function () {
|
|
125
|
+
_this._wheelIntensity = 0;
|
|
126
|
+
_this._goStickyEnd();
|
|
127
|
+
}, 100);
|
|
118
128
|
// callbacks
|
|
119
129
|
this.callbacks.tbt('wheel', wheel);
|
|
120
130
|
};
|
|
@@ -145,7 +155,7 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
145
155
|
}
|
|
146
156
|
var _a = this, progress = _a._progressLerp, props = _a.props;
|
|
147
157
|
var container = props.container, dragSpeed = props.dragSpeed, dragDirection = props.dragDirection, min = props.min, max = props.max;
|
|
148
|
-
var event = data.event, step = data.step;
|
|
158
|
+
var event = data.event, step = data.step, diff = data.diff;
|
|
149
159
|
if (event.cancelable) {
|
|
150
160
|
event.preventDefault();
|
|
151
161
|
}
|
|
@@ -154,6 +164,8 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
154
164
|
var iteratorDivider = dragDirection === 'y' ? container.clientHeight : container.clientWidth;
|
|
155
165
|
var iterator = (defaultIterator * dragSpeed) / iteratorDivider;
|
|
156
166
|
progress.target = (0, math_1.clamp)(progress.target - iterator, [min, max]);
|
|
167
|
+
var dragDiff = dragDirection === 'y' ? diff.y : diff.x;
|
|
168
|
+
this._direction = dragDiff < 0 ? 1 : -1;
|
|
157
169
|
this._animationFrame.play();
|
|
158
170
|
// callbacks
|
|
159
171
|
this.callbacks.tbt('dragMove', data);
|
|
@@ -165,6 +177,17 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
165
177
|
};
|
|
166
178
|
/** Get nearest stepped value to given progress */
|
|
167
179
|
SlideProgress.prototype._getNearestStep = function (value) {
|
|
180
|
+
var _a = this.props, step = _a.step, stepThresholdProp = _a.stepThreshold;
|
|
181
|
+
var threshold = (0, math_1.clamp)(stepThresholdProp, [0.001, 0.5]);
|
|
182
|
+
var diff = this._direction === 1
|
|
183
|
+
? Math.abs(value - Math.floor(value / step) * step)
|
|
184
|
+
: Math.abs(value - Math.ceil(value / step) * step);
|
|
185
|
+
if (diff > threshold) {
|
|
186
|
+
if (this._direction === 1) {
|
|
187
|
+
return Math.ceil(value / step) * step;
|
|
188
|
+
}
|
|
189
|
+
return Math.floor(value / step) * step;
|
|
190
|
+
}
|
|
168
191
|
return Math.round(value / this.props.step) * this.props.step;
|
|
169
192
|
};
|
|
170
193
|
/** Callback on animation frame */
|
|
@@ -208,7 +231,12 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
208
231
|
if (startValue === endValue) {
|
|
209
232
|
return;
|
|
210
233
|
}
|
|
211
|
-
this.to({
|
|
234
|
+
this.to({
|
|
235
|
+
value: endValue,
|
|
236
|
+
duration: typeof stickyEndDuration === 'number'
|
|
237
|
+
? stickyEndDuration * 2
|
|
238
|
+
: stickyEndDuration,
|
|
239
|
+
});
|
|
212
240
|
};
|
|
213
241
|
/** Animate progress to a certain value */
|
|
214
242
|
SlideProgress.prototype.to = function (_a) {
|
|
@@ -219,9 +247,9 @@ var SlideProgress = /** @class */ (function (_super) {
|
|
|
219
247
|
var startValue = this._progressLerp.current;
|
|
220
248
|
var diff = Math.abs(startValue - endValue);
|
|
221
249
|
var multiplier = diff / this.props.step;
|
|
222
|
-
var duration = typeof durationProp === 'number'
|
|
250
|
+
var duration = Math.max(typeof durationProp === 'number'
|
|
223
251
|
? durationProp * multiplier
|
|
224
|
-
: durationProp(multiplier);
|
|
252
|
+
: durationProp(multiplier), 100);
|
|
225
253
|
var timeline = new Timeline_1.Timeline({ duration: duration });
|
|
226
254
|
this._timelineTo = timeline;
|
|
227
255
|
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;IAsDpE,uBAAY,YAA4C,EAAE,OAAc;QAAd,wBAAA,EAAA,cAAc;QAAxE,YACE,kBAAM,YAAY,EAAE,KAAK,CAAC,SAyB3B;QAtDD,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;QAKpB,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;IA/ES,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;IA6CS,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,iBAmCC;QAlCC,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,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,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,KAA6C,IAAI,CAAC,KAAK,EAArD,IAAI,UAAA,EAAiB,iBAAiB,mBAAe,CAAC;QAC9D,IAAM,SAAS,GAAG,IAAA,YAAK,EAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;QAEzD,IAAM,IAAI,GACR,IAAI,CAAC,UAAU,KAAK,CAAC;YACnB,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,IAAI,CAAC,UAAU,KAAK,CAAC,EAAE;gBACzB,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,AA3VD,CAMU,qBAAc,GAqVvB;AA3VY,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,10 @@ 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;
|
|
29
33
|
const { container } = this.props;
|
|
30
34
|
// create animation frame
|
|
31
35
|
this._animationFrame = new AnimationFrame();
|
|
@@ -62,11 +66,17 @@ export class SlideProgress extends ComponentClass {
|
|
|
62
66
|
// normalize wheel
|
|
63
67
|
const wheel = normalizeWheel(event);
|
|
64
68
|
const y = (wheel.pixelY / container.clientHeight) * wheelSpeed;
|
|
69
|
+
// update direction
|
|
70
|
+
this._wheelIntensity += y;
|
|
71
|
+
this._direction = this._wheelIntensity > 0 ? 1 : -1;
|
|
65
72
|
// update target
|
|
66
73
|
progress.target = clamp(progress.target + y, [min, max]);
|
|
67
74
|
this._animationFrame.play();
|
|
68
75
|
// go sticky
|
|
69
|
-
this._stickyEndTimeout = setTimeout(() =>
|
|
76
|
+
this._stickyEndTimeout = setTimeout(() => {
|
|
77
|
+
this._wheelIntensity = 0;
|
|
78
|
+
this._goStickyEnd();
|
|
79
|
+
}, 100);
|
|
70
80
|
// callbacks
|
|
71
81
|
this.callbacks.tbt('wheel', wheel);
|
|
72
82
|
}
|
|
@@ -97,7 +107,7 @@ export class SlideProgress extends ComponentClass {
|
|
|
97
107
|
}
|
|
98
108
|
const { _progressLerp: progress, props } = this;
|
|
99
109
|
const { container, dragSpeed, dragDirection, min, max } = props;
|
|
100
|
-
const { event, step } = data;
|
|
110
|
+
const { event, step, diff } = data;
|
|
101
111
|
if (event.cancelable) {
|
|
102
112
|
event.preventDefault();
|
|
103
113
|
}
|
|
@@ -106,6 +116,8 @@ export class SlideProgress extends ComponentClass {
|
|
|
106
116
|
const iteratorDivider = dragDirection === 'y' ? container.clientHeight : container.clientWidth;
|
|
107
117
|
const iterator = (defaultIterator * dragSpeed) / iteratorDivider;
|
|
108
118
|
progress.target = clamp(progress.target - iterator, [min, max]);
|
|
119
|
+
const dragDiff = dragDirection === 'y' ? diff.y : diff.x;
|
|
120
|
+
this._direction = dragDiff < 0 ? 1 : -1;
|
|
109
121
|
this._animationFrame.play();
|
|
110
122
|
// callbacks
|
|
111
123
|
this.callbacks.tbt('dragMove', data);
|
|
@@ -117,6 +129,17 @@ export class SlideProgress extends ComponentClass {
|
|
|
117
129
|
}
|
|
118
130
|
/** Get nearest stepped value to given progress */
|
|
119
131
|
_getNearestStep(value) {
|
|
132
|
+
const { step, stepThreshold: stepThresholdProp } = this.props;
|
|
133
|
+
const threshold = clamp(stepThresholdProp, [0.001, 0.5]);
|
|
134
|
+
const diff = this._direction === 1
|
|
135
|
+
? Math.abs(value - Math.floor(value / step) * step)
|
|
136
|
+
: Math.abs(value - Math.ceil(value / step) * step);
|
|
137
|
+
if (diff > threshold) {
|
|
138
|
+
if (this._direction === 1) {
|
|
139
|
+
return Math.ceil(value / step) * step;
|
|
140
|
+
}
|
|
141
|
+
return Math.floor(value / step) * step;
|
|
142
|
+
}
|
|
120
143
|
return Math.round(value / this.props.step) * this.props.step;
|
|
121
144
|
}
|
|
122
145
|
/** Callback on animation frame */
|
|
@@ -160,7 +183,12 @@ export class SlideProgress extends ComponentClass {
|
|
|
160
183
|
if (startValue === endValue) {
|
|
161
184
|
return;
|
|
162
185
|
}
|
|
163
|
-
this.to({
|
|
186
|
+
this.to({
|
|
187
|
+
value: endValue,
|
|
188
|
+
duration: typeof stickyEndDuration === 'number'
|
|
189
|
+
? stickyEndDuration * 2
|
|
190
|
+
: stickyEndDuration,
|
|
191
|
+
});
|
|
164
192
|
}
|
|
165
193
|
/** Animate progress to a certain value */
|
|
166
194
|
to({ value: endValue, duration: durationProp = 500, onProgress, onEnd, }) {
|
|
@@ -169,9 +197,9 @@ export class SlideProgress extends ComponentClass {
|
|
|
169
197
|
const startValue = this._progressLerp.current;
|
|
170
198
|
const diff = Math.abs(startValue - endValue);
|
|
171
199
|
const multiplier = diff / this.props.step;
|
|
172
|
-
const duration = typeof durationProp === 'number'
|
|
200
|
+
const duration = Math.max(typeof durationProp === 'number'
|
|
173
201
|
? durationProp * multiplier
|
|
174
|
-
: durationProp(multiplier);
|
|
202
|
+
: durationProp(multiplier), 100);
|
|
175
203
|
const timeline = new Timeline({ duration });
|
|
176
204
|
this._timelineTo = timeline;
|
|
177
205
|
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,10 @@ 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;
|
|
43
48
|
constructor(initialProps?: StaticProps & ChangeableProps, canInit?: boolean);
|
|
44
49
|
protected _onPropsMutate(): void;
|
|
45
50
|
/** 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;gBAElB,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IA4BxE,SAAS,CAAC,cAAc;IAMxB,yBAAyB;IACzB,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IAqCxC,wBAAwB;IACxB,SAAS,CAAC,iBAAiB,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ;IAsB1D,6BAA6B;IAC7B,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,YAAY,CAAC,cAAc;IAkCvD,6BAA6B;IAC7B,OAAO,CAAC,cAAc;IAMtB,kDAAkD;IAClD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM;IAoBvC,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,12 @@ 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
|
+
|
|
69
76
|
constructor(initialProps?: StaticProps & ChangeableProps, canInit = true) {
|
|
70
77
|
super(initialProps, false);
|
|
71
78
|
|
|
@@ -120,12 +127,19 @@ export class SlideProgress<
|
|
|
120
127
|
const wheel = normalizeWheel(event);
|
|
121
128
|
const y = (wheel.pixelY / container.clientHeight) * wheelSpeed;
|
|
122
129
|
|
|
130
|
+
// update direction
|
|
131
|
+
this._wheelIntensity += y;
|
|
132
|
+
this._direction = this._wheelIntensity > 0 ? 1 : -1;
|
|
133
|
+
|
|
123
134
|
// update target
|
|
124
135
|
progress.target = clamp(progress.target + y, [min, max]);
|
|
125
136
|
this._animationFrame.play();
|
|
126
137
|
|
|
127
138
|
// go sticky
|
|
128
|
-
this._stickyEndTimeout = setTimeout(() =>
|
|
139
|
+
this._stickyEndTimeout = setTimeout(() => {
|
|
140
|
+
this._wheelIntensity = 0;
|
|
141
|
+
this._goStickyEnd();
|
|
142
|
+
}, 100);
|
|
129
143
|
|
|
130
144
|
// callbacks
|
|
131
145
|
this.callbacks.tbt('wheel', wheel);
|
|
@@ -166,7 +180,7 @@ export class SlideProgress<
|
|
|
166
180
|
|
|
167
181
|
const { _progressLerp: progress, props } = this;
|
|
168
182
|
const { container, dragSpeed, dragDirection, min, max } = props;
|
|
169
|
-
const { event, step } = data;
|
|
183
|
+
const { event, step, diff } = data;
|
|
170
184
|
|
|
171
185
|
if (event.cancelable) {
|
|
172
186
|
event.preventDefault();
|
|
@@ -180,6 +194,9 @@ export class SlideProgress<
|
|
|
180
194
|
const iterator = (defaultIterator * dragSpeed) / iteratorDivider;
|
|
181
195
|
progress.target = clamp(progress.target - iterator, [min, max]);
|
|
182
196
|
|
|
197
|
+
const dragDiff = dragDirection === 'y' ? diff.y : diff.x;
|
|
198
|
+
this._direction = dragDiff < 0 ? 1 : -1;
|
|
199
|
+
|
|
183
200
|
this._animationFrame.play();
|
|
184
201
|
|
|
185
202
|
// callbacks
|
|
@@ -195,6 +212,22 @@ export class SlideProgress<
|
|
|
195
212
|
|
|
196
213
|
/** Get nearest stepped value to given progress */
|
|
197
214
|
protected _getNearestStep(value: number) {
|
|
215
|
+
const { step, stepThreshold: stepThresholdProp } = this.props;
|
|
216
|
+
const threshold = clamp(stepThresholdProp, [0.001, 0.5]);
|
|
217
|
+
|
|
218
|
+
const diff =
|
|
219
|
+
this._direction === 1
|
|
220
|
+
? Math.abs(value - Math.floor(value / step) * step)
|
|
221
|
+
: Math.abs(value - Math.ceil(value / step) * step);
|
|
222
|
+
|
|
223
|
+
if (diff > threshold) {
|
|
224
|
+
if (this._direction === 1) {
|
|
225
|
+
return Math.ceil(value / step) * step;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
return Math.floor(value / step) * step;
|
|
229
|
+
}
|
|
230
|
+
|
|
198
231
|
return Math.round(value / this.props.step) * this.props.step;
|
|
199
232
|
}
|
|
200
233
|
|
|
@@ -262,7 +295,13 @@ export class SlideProgress<
|
|
|
262
295
|
return;
|
|
263
296
|
}
|
|
264
297
|
|
|
265
|
-
this.to({
|
|
298
|
+
this.to({
|
|
299
|
+
value: endValue,
|
|
300
|
+
duration:
|
|
301
|
+
typeof stickyEndDuration === 'number'
|
|
302
|
+
? stickyEndDuration * 2
|
|
303
|
+
: stickyEndDuration,
|
|
304
|
+
});
|
|
266
305
|
}
|
|
267
306
|
|
|
268
307
|
/** Animate progress to a certain value */
|
|
@@ -278,10 +317,12 @@ export class SlideProgress<
|
|
|
278
317
|
const diff = Math.abs(startValue - endValue);
|
|
279
318
|
const multiplier = diff / this.props.step;
|
|
280
319
|
|
|
281
|
-
const duration =
|
|
320
|
+
const duration = Math.max(
|
|
282
321
|
typeof durationProp === 'number'
|
|
283
322
|
? durationProp * multiplier
|
|
284
|
-
: durationProp(multiplier)
|
|
323
|
+
: durationProp(multiplier),
|
|
324
|
+
100,
|
|
325
|
+
);
|
|
285
326
|
|
|
286
327
|
const timeline = new Timeline({ duration });
|
|
287
328
|
this._timelineTo = timeline;
|
package/src/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const version = '3.
|
|
1
|
+
const version = '3.13.0';
|
|
2
2
|
export default version;
|