@douyinfe/semi-animation 2.87.0-alpha.0 → 2.87.0-alpha.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/index.js +1 -2
- package/lib/cjs/src/Animation.js +1 -3
- package/lib/cjs/src/getEasing.js +1 -3
- package/lib/cjs/src/interpolate.js +1 -4
- package/lib/cjs/src/utils/Event.js +4 -8
- package/lib/cjs/src/utils/debounce.js +2 -6
- package/lib/cjs/src/utils/log.js +1 -4
- package/lib/cjs/src/wrapValue.js +1 -2
- package/lib/es/src/Animation.js +1 -3
- package/lib/es/src/getEasing.js +1 -3
- package/lib/es/src/interpolate.js +1 -4
- package/lib/es/src/utils/Event.js +4 -8
- package/lib/es/src/utils/debounce.js +2 -6
- package/lib/es/src/utils/log.js +1 -4
- package/lib/es/src/wrapValue.js +1 -2
- package/package.json +2 -2
package/lib/cjs/index.js
CHANGED
|
@@ -45,5 +45,4 @@ var _Animation = _interopRequireDefault(require("./src/Animation"));
|
|
|
45
45
|
var _interpolate = _interopRequireDefault(require("./src/interpolate"));
|
|
46
46
|
var _presets = _interopRequireDefault(require("./src/presets"));
|
|
47
47
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
48
|
-
function
|
|
49
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
48
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
package/lib/cjs/src/Animation.js
CHANGED
|
@@ -24,9 +24,7 @@ const msPerFrame = 1000 / 60;
|
|
|
24
24
|
* const animation = new Animation (); animation.on ('start | frame | rest ', () => {});
|
|
25
25
|
*/
|
|
26
26
|
class Animation extends _Event.default {
|
|
27
|
-
constructor() {
|
|
28
|
-
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
29
|
-
let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
27
|
+
constructor(props = {}, config = {}) {
|
|
30
28
|
super();
|
|
31
29
|
this._props = Object.assign({}, props);
|
|
32
30
|
this._config = Object.assign({}, config);
|
package/lib/cjs/src/getEasing.js
CHANGED
|
@@ -15,9 +15,7 @@ function parseEasingParameters(string) {
|
|
|
15
15
|
return match ? match[1].split(',').map(p => parseFloat(p)) : [];
|
|
16
16
|
}
|
|
17
17
|
// Elastic easing adapted from jQueryUI http://api.jqueryui.com/easings/
|
|
18
|
-
function elastic() {
|
|
19
|
-
let amplitude = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
20
|
-
let period = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
|
|
18
|
+
function elastic(amplitude = 1, period = 0.5) {
|
|
21
19
|
const a = minMax(amplitude, 1, 10);
|
|
22
20
|
const p = minMax(period, 0.1, 2);
|
|
23
21
|
return t => t === 0 || t === 1 ? t : -a * Math.pow(2, 10 * (t - 1)) * Math.sin((t - 1 - p / (Math.PI * 2) * Math.asin(1 / a)) * (Math.PI * 2) / p);
|
|
@@ -13,10 +13,7 @@ exports.default = interpolate;
|
|
|
13
13
|
* @param {Function} [formatter]
|
|
14
14
|
* @returns {any}
|
|
15
15
|
*/
|
|
16
|
-
function interpolate(from, to) {
|
|
17
|
-
let ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
18
|
-
let parser = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
19
|
-
let formatter = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
|
|
16
|
+
function interpolate(from, to, ratio = 0, parser = null, formatter = null) {
|
|
20
17
|
if (typeof parser === 'function') {
|
|
21
18
|
from = parser(from);
|
|
22
19
|
to = parser(to);
|
|
@@ -16,11 +16,10 @@ class Event {
|
|
|
16
16
|
return this;
|
|
17
17
|
}
|
|
18
18
|
once(event, callback) {
|
|
19
|
-
var _this = this;
|
|
20
19
|
if (event && typeof callback === 'function') {
|
|
21
|
-
const fn =
|
|
22
|
-
callback(...
|
|
23
|
-
|
|
20
|
+
const fn = (...args) => {
|
|
21
|
+
callback(...args);
|
|
22
|
+
this.off(event, fn);
|
|
24
23
|
};
|
|
25
24
|
this.on(event, fn);
|
|
26
25
|
}
|
|
@@ -41,10 +40,7 @@ class Event {
|
|
|
41
40
|
}
|
|
42
41
|
return this;
|
|
43
42
|
}
|
|
44
|
-
emit(event) {
|
|
45
|
-
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
46
|
-
args[_key - 1] = arguments[_key];
|
|
47
|
-
}
|
|
43
|
+
emit(event, ...args) {
|
|
48
44
|
if (!this._eventMap.has(event)) {
|
|
49
45
|
return false;
|
|
50
46
|
}
|
|
@@ -9,13 +9,9 @@ exports.default = debounce;
|
|
|
9
9
|
* @param {Function} func
|
|
10
10
|
* @param {number} delay
|
|
11
11
|
*/
|
|
12
|
-
function debounce(func) {
|
|
13
|
-
let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
12
|
+
function debounce(func, delay = 0) {
|
|
14
13
|
let timeoutId;
|
|
15
|
-
return function () {
|
|
16
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
17
|
-
args[_key] = arguments[_key];
|
|
18
|
-
}
|
|
14
|
+
return function (...args) {
|
|
19
15
|
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
|
20
16
|
const context = this;
|
|
21
17
|
clearTimeout(timeoutId);
|
package/lib/cjs/src/utils/log.js
CHANGED
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
const log =
|
|
7
|
+
const log = (text, ...rest) => {
|
|
8
8
|
if (process.env.NODE_ENV === 'development') {
|
|
9
|
-
for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
10
|
-
rest[_key - 1] = arguments[_key];
|
|
11
|
-
}
|
|
12
9
|
console.log(text, ...rest);
|
|
13
10
|
}
|
|
14
11
|
};
|
package/lib/cjs/src/wrapValue.js
CHANGED
|
@@ -11,8 +11,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
11
11
|
const defaultConfig = Object.assign(Object.assign({}, _presets.default.default), {
|
|
12
12
|
precision: 0.01
|
|
13
13
|
});
|
|
14
|
-
function wrapValue(val) {
|
|
15
|
-
let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
14
|
+
function wrapValue(val, config = {}) {
|
|
16
15
|
if ((0, _shouldUseBezier.default)(config)) {
|
|
17
16
|
const easing = (0, _getEasing.default)(config.easing);
|
|
18
17
|
const duration = typeof config.duration === 'number' && config.duration > 0 ? config.duration : 1000;
|
package/lib/es/src/Animation.js
CHANGED
|
@@ -17,9 +17,7 @@ const msPerFrame = 1000 / 60;
|
|
|
17
17
|
* const animation = new Animation (); animation.on ('start | frame | rest ', () => {});
|
|
18
18
|
*/
|
|
19
19
|
export default class Animation extends Event {
|
|
20
|
-
constructor() {
|
|
21
|
-
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
22
|
-
let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
20
|
+
constructor(props = {}, config = {}) {
|
|
23
21
|
super();
|
|
24
22
|
this._props = Object.assign({}, props);
|
|
25
23
|
this._config = Object.assign({}, config);
|
package/lib/es/src/getEasing.js
CHANGED
|
@@ -7,9 +7,7 @@ function parseEasingParameters(string) {
|
|
|
7
7
|
return match ? match[1].split(',').map(p => parseFloat(p)) : [];
|
|
8
8
|
}
|
|
9
9
|
// Elastic easing adapted from jQueryUI http://api.jqueryui.com/easings/
|
|
10
|
-
function elastic() {
|
|
11
|
-
let amplitude = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
12
|
-
let period = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
|
|
10
|
+
function elastic(amplitude = 1, period = 0.5) {
|
|
13
11
|
const a = minMax(amplitude, 1, 10);
|
|
14
12
|
const p = minMax(period, 0.1, 2);
|
|
15
13
|
return t => t === 0 || t === 1 ? t : -a * Math.pow(2, 10 * (t - 1)) * Math.sin((t - 1 - p / (Math.PI * 2) * Math.asin(1 / a)) * (Math.PI * 2) / p);
|
|
@@ -7,10 +7,7 @@
|
|
|
7
7
|
* @param {Function} [formatter]
|
|
8
8
|
* @returns {any}
|
|
9
9
|
*/
|
|
10
|
-
export default function interpolate(from, to) {
|
|
11
|
-
let ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
12
|
-
let parser = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
13
|
-
let formatter = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
|
|
10
|
+
export default function interpolate(from, to, ratio = 0, parser = null, formatter = null) {
|
|
14
11
|
if (typeof parser === 'function') {
|
|
15
12
|
from = parser(from);
|
|
16
13
|
to = parser(to);
|
|
@@ -10,11 +10,10 @@ export default class Event {
|
|
|
10
10
|
return this;
|
|
11
11
|
}
|
|
12
12
|
once(event, callback) {
|
|
13
|
-
var _this = this;
|
|
14
13
|
if (event && typeof callback === 'function') {
|
|
15
|
-
const fn =
|
|
16
|
-
callback(...
|
|
17
|
-
|
|
14
|
+
const fn = (...args) => {
|
|
15
|
+
callback(...args);
|
|
16
|
+
this.off(event, fn);
|
|
18
17
|
};
|
|
19
18
|
this.on(event, fn);
|
|
20
19
|
}
|
|
@@ -35,10 +34,7 @@ export default class Event {
|
|
|
35
34
|
}
|
|
36
35
|
return this;
|
|
37
36
|
}
|
|
38
|
-
emit(event) {
|
|
39
|
-
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
40
|
-
args[_key - 1] = arguments[_key];
|
|
41
|
-
}
|
|
37
|
+
emit(event, ...args) {
|
|
42
38
|
if (!this._eventMap.has(event)) {
|
|
43
39
|
return false;
|
|
44
40
|
}
|
|
@@ -3,13 +3,9 @@
|
|
|
3
3
|
* @param {Function} func
|
|
4
4
|
* @param {number} delay
|
|
5
5
|
*/
|
|
6
|
-
export default function debounce(func) {
|
|
7
|
-
let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
6
|
+
export default function debounce(func, delay = 0) {
|
|
8
7
|
let timeoutId;
|
|
9
|
-
return function () {
|
|
10
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
11
|
-
args[_key] = arguments[_key];
|
|
12
|
-
}
|
|
8
|
+
return function (...args) {
|
|
13
9
|
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
|
14
10
|
const context = this;
|
|
15
11
|
clearTimeout(timeoutId);
|
package/lib/es/src/utils/log.js
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
const log =
|
|
1
|
+
const log = (text, ...rest) => {
|
|
2
2
|
if (process.env.NODE_ENV === 'development') {
|
|
3
|
-
for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
4
|
-
rest[_key - 1] = arguments[_key];
|
|
5
|
-
}
|
|
6
3
|
console.log(text, ...rest);
|
|
7
4
|
}
|
|
8
5
|
};
|
package/lib/es/src/wrapValue.js
CHANGED
|
@@ -4,8 +4,7 @@ import shouldUseBezier from './shouldUseBezier';
|
|
|
4
4
|
const defaultConfig = Object.assign(Object.assign({}, presets.default), {
|
|
5
5
|
precision: 0.01
|
|
6
6
|
});
|
|
7
|
-
export default function wrapValue(val) {
|
|
8
|
-
let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
7
|
+
export default function wrapValue(val, config = {}) {
|
|
9
8
|
if (shouldUseBezier(config)) {
|
|
10
9
|
const easing = getEasing(config.easing);
|
|
11
10
|
const duration = typeof config.duration === 'number' && config.duration > 0 ? config.duration : 1000;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-animation",
|
|
3
|
-
"version": "2.87.0-alpha.
|
|
3
|
+
"version": "2.87.0-alpha.1",
|
|
4
4
|
"description": "animation base library for semi-ui",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"animation",
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"merge2": "^1.4.1",
|
|
43
43
|
"react-storybook-addon-props-combinations": "^1.1.0"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "a79f41ec82da286cf7fee91938342ad1a750d42a"
|
|
46
46
|
}
|