Tween One Versions Save

Animate One React Element

v3.0.0

2 years ago

3.0.0

预览地址: https://tween-one-git-3x.react-component.vercel.app/

API 变更

  • 删除 currentRef, hooks 如果 component 是组件,ref 返回为组件的 ref;
  • 增加对 hooks 下的 React.fragment 的支持。
  • 增加全局动画播放时的 delay;
  • 删除 reverseDelay;
  • 增加 repeatDelay;
  • attr 改为 boolean 类型;
  • 更新 onChange 和回调,cb: { moment, targets, index, mode, ratio, vars, index, repeat }
  • 新增 onChangeTimeline, cb: { mode, targets, vars, moment, totalTime, repeat }
  • 其它回调如 onStartonUpdateonComplete 等的 cb 的 target 全部更新为 targets;
  • 删除 BezierPlugin,合进 PathMotionPlugin;;
  • PathMotionPlugin 更改用法,使用 PathMotion: { path, center, x, y, rotate }, 详细参考 pathMotion demo;
  • SvgMorph 依赖更改为使用 flubber
  • 滤境使用,改成 import { Plugins } from 'rc-tween-one'; Plugins.push(), 保留 TweenOne.plugins.push();
  • 删除 TweenOne.easing.path(path) 使用,直接用 ease: 'M0,0L100,100';
  • 增加动画区域播放 regionStartTime, regionEndTime;
  • 增加对背景渐变的动画支持,backgroundImage: 'linear-gradient(to left, #000fff 0%, red 20%, #fff000 100%)'

v3.0.0-beta.x

3 years ago
  • update prepublishOnly 6f45c84f
  • lint fix 61400346
  • update ChildrenPlugin constructor d288c9a8
  • fix willUnmount 243ede24
  • fix compile 254e3407
  • fix lint 517eb45a
  • update hooks d811c2cb

https://github.com/react-component/tween-one/compare/2.7.3...v3.0.0-beta.1

API 变更

  • 删除 currentRef, hooks 如果 component 是组件,ref 返回为组件的 ref;
  • 删除 reverseDelay;
  • 增加 repeatDelay;
  • attr 改为 boolean 类型;
  • 更新 onChange 回调,cb: { moment, targets, index, mode, ratio, vars, index, repeat }
  • 新增 onChangeTimeline, cb: { mode, targets, vars, moment, totalTime, repeat }
  • 删除 BezierPlugin,合进 PathMotionPlugin;;
  • PathMotionPlugin 更改用法,使用 PathMotion: { path, center, x, y, rotate }, 详细参考 pathMotion demo;
  • SvgMorph 依赖更改为使用 flubber
  • 滤境使用,改成 import { Plugins } from 'rc-tween-one'; Plugins.push(), 保留 TweenOne.plugins.push();
  • 删除 TweenOne.easing.path(path) 使用,直接用 ease: 'M0,0L100,100';

1.3.0

6 years ago
  1. 删除了 willChange...

  2. 更新回调接口,在动画开始的第一帧回调,不管时间流逝。。

1.2.0

7 years ago
  1. component 可以空。空时直接返回 child 做动画。。

  2. 更新 path ease 节点数量;

  3. 修复每次动画开始 getComputedStyle。

  4. 更新 group 子级可为组件形式。

0.10.0

7 years ago
  1. 更新 tweenOneGroup 刷新时动画错乱。
  2. 增加 group 的切换时强制重制样式, resetStyleBool。
  3. tween-one 的回调增加参数, 如: onStart({ index, target });

0.6.23

7 years ago
  1. 更新 tweenOneGroup 不断切换的样式留存。。
  2. 更新 group 里的 animatingClassName 直接用 dom 带上,去除 props 里的 animatingClassName .
  3. 修复 onStart 无效