@douyinfe/semi-animation-styled 2.60.0 → 2.61.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 +2 -2
- package/lib/cjs/src/constants/times.js +3 -6
- package/lib/cjs/src/constants/types.js +14 -28
- package/package.json +2 -2
- package/README.md +0 -19
package/lib/cjs/index.js
CHANGED
|
@@ -25,5 +25,5 @@ exports.types = void 0;
|
|
|
25
25
|
var _times = require("./src/constants/times");
|
|
26
26
|
var types = _interopRequireWildcard(require("./src/constants/types"));
|
|
27
27
|
exports.types = types;
|
|
28
|
-
function _getRequireWildcardCache(
|
|
29
|
-
function _interopRequireWildcard(
|
|
28
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
29
|
+
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; }
|
|
@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.speeds = exports.loops = exports.delays = void 0;
|
|
7
|
-
const loops = ['1', '2', '3', '4', '5', 'infinite'];
|
|
8
|
-
exports.
|
|
9
|
-
const
|
|
10
|
-
exports.delays = delays;
|
|
11
|
-
const speeds = ['default', 'fast', 'faster', 'slow', 'slower'];
|
|
12
|
-
exports.speeds = speeds;
|
|
7
|
+
const loops = exports.loops = ['1', '2', '3', '4', '5', 'infinite'];
|
|
8
|
+
const delays = exports.delays = ['0s', '1s', '2s', '3s', '4s', '5s'];
|
|
9
|
+
const speeds = exports.speeds = ['default', 'fast', 'faster', 'slow', 'slower'];
|
|
@@ -4,31 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.zoomingExits = exports.zoomingEntrances = exports.specials = exports.slidingExits = exports.slidingEntrances = exports.rotatingExits = exports.rotatingEntrances = exports.lightspeed = exports.flippers = exports.fadingExits = exports.fadingEntrances = exports.bouncingExits = exports.bouncingEntrances = exports.attentionSeekers = void 0;
|
|
7
|
-
const attentionSeekers = ['bounce', 'flash', 'headShake', 'heartBeat', 'jello', 'pulse', 'rubberBand', 'shake', 'swing', 'tada', 'wobble'];
|
|
8
|
-
exports.
|
|
9
|
-
const
|
|
10
|
-
exports.
|
|
11
|
-
const
|
|
12
|
-
exports.
|
|
13
|
-
const
|
|
14
|
-
exports.
|
|
15
|
-
const
|
|
16
|
-
exports.
|
|
17
|
-
const
|
|
18
|
-
exports.
|
|
19
|
-
const
|
|
20
|
-
exports.
|
|
21
|
-
const rotatingEntrances = ['rotateIn', 'rotateInDownLeft', 'rotateInDownRight', 'rotateInUpLeft', 'rotateInUpRight'];
|
|
22
|
-
exports.rotatingEntrances = rotatingEntrances;
|
|
23
|
-
const rotatingExits = ['rotateOut', 'rotateOutDownLeft', 'rotateOutDownRight', 'rotateOutUpLeft', 'rotateOutUpRight'];
|
|
24
|
-
exports.rotatingExits = rotatingExits;
|
|
25
|
-
const slidingEntrances = ['slideInDown', 'slideInLeft', 'slideInRight', 'slideInUp'];
|
|
26
|
-
exports.slidingEntrances = slidingEntrances;
|
|
27
|
-
const slidingExits = ['slideOutDown', 'slideOutLeft', 'slideOutRight', 'slideOutUp'];
|
|
28
|
-
exports.slidingExits = slidingExits;
|
|
29
|
-
const specials = ['hinge', 'jackInTheBox', 'rollIn', 'rollOut'];
|
|
30
|
-
exports.specials = specials;
|
|
31
|
-
const zoomingEntrances = ['zoomIn', 'zoomInDown', 'zoomInLeft', 'zoomInRight', 'zoomInUp'];
|
|
32
|
-
exports.zoomingEntrances = zoomingEntrances;
|
|
33
|
-
const zoomingExits = ['zoomOut', 'zoomOutDown', 'zoomOutLeft', 'zoomOutRight', 'zoomOutUp'];
|
|
34
|
-
exports.zoomingExits = zoomingExits;
|
|
7
|
+
const attentionSeekers = exports.attentionSeekers = ['bounce', 'flash', 'headShake', 'heartBeat', 'jello', 'pulse', 'rubberBand', 'shake', 'swing', 'tada', 'wobble'];
|
|
8
|
+
const bouncingEntrances = exports.bouncingEntrances = ['bounceIn', 'bounceInDown', 'bounceInLeft', 'bounceInRight', 'bounceInUp'];
|
|
9
|
+
const bouncingExits = exports.bouncingExits = ['bounceOut', 'bounceOutDown', 'bounceOutLeft', 'bounceOutRight', 'bounceOutUp'];
|
|
10
|
+
const fadingEntrances = exports.fadingEntrances = ['fadeIn', 'fadeInDown', 'fadeInDownBig', 'fadeInLeft', 'fadeInLeftBig', 'fadeInRight', 'fadeInRightBig', 'fadeInUp', 'fadeInUpBig'];
|
|
11
|
+
const fadingExits = exports.fadingExits = ['fadeOut', 'fadeOutDown', 'fadeOutDownBig', 'fadeOutLeft', 'fadeOutLeftBig', 'fadeOutRight', 'fadeOutRightBig', 'fadeOutUp', 'fadeOutUpBig'];
|
|
12
|
+
const flippers = exports.flippers = ['flip', 'flipInX', 'flipInY', 'flipOutX', 'flipOutY'];
|
|
13
|
+
const lightspeed = exports.lightspeed = ['lightSpeedIn', 'lightSpeedOut'];
|
|
14
|
+
const rotatingEntrances = exports.rotatingEntrances = ['rotateIn', 'rotateInDownLeft', 'rotateInDownRight', 'rotateInUpLeft', 'rotateInUpRight'];
|
|
15
|
+
const rotatingExits = exports.rotatingExits = ['rotateOut', 'rotateOutDownLeft', 'rotateOutDownRight', 'rotateOutUpLeft', 'rotateOutUpRight'];
|
|
16
|
+
const slidingEntrances = exports.slidingEntrances = ['slideInDown', 'slideInLeft', 'slideInRight', 'slideInUp'];
|
|
17
|
+
const slidingExits = exports.slidingExits = ['slideOutDown', 'slideOutLeft', 'slideOutRight', 'slideOutUp'];
|
|
18
|
+
const specials = exports.specials = ['hinge', 'jackInTheBox', 'rollIn', 'rollOut'];
|
|
19
|
+
const zoomingEntrances = exports.zoomingEntrances = ['zoomIn', 'zoomInDown', 'zoomInLeft', 'zoomInRight', 'zoomInUp'];
|
|
20
|
+
const zoomingExits = exports.zoomingExits = ['zoomOut', 'zoomOutDown', 'zoomOutLeft', 'zoomOutRight', 'zoomOutUp'];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-animation-styled",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.61.0-alpha.1",
|
|
4
4
|
"description": "semi styled animation",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"semi",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"gulp-typescript": "^6.0.0-alpha.1",
|
|
40
40
|
"merge2": "^1.4.1"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "ba06de12d059c24363f1ef151dbf4076ea3969a5"
|
|
43
43
|
}
|
package/README.md
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
> Stylesheet for animation
|
|
2
|
-
|
|
3
|
-
- Provides rich transition effects based on `animate.css` (https://github.com/animate-css/animate.css)
|
|
4
|
-
- It is easy to use. Building rich and vivid front-end pages through adding various atomic animation style to elements
|
|
5
|
-
|
|
6
|
-
## Usage
|
|
7
|
-
|
|
8
|
-
```jsx
|
|
9
|
-
import '@douyinfe/semi-animation-styled';
|
|
10
|
-
import React from 'react';
|
|
11
|
-
|
|
12
|
-
class App extends React.Component {
|
|
13
|
-
render() {
|
|
14
|
-
return (
|
|
15
|
-
<div className="semi-animated semi-bounce semi-speed-slow semi-loop-infinite">bounce</div>
|
|
16
|
-
);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
```
|