@easyv/charts 1.1.8 → 1.2.0

package/lib/hooks/useAnimateData.js

@@ -34,13 +34,13 @@ var _default = function _default(data, dataAnimation) {
   (0, _react.useEffect)(function () {
     var animateRef = null;
 
-    if (dataAnimation && data.length) {
+    if (dataAnimation && dataAnimation.show && dataAnimation.duration && data.length) {
       animateRef = (0, _popmotion.animate)({
         autoplay: true,
         repeat: 0,
         from: 0,
         to: 1,
-        duration: 500,
+        duration: dataAnimation.duration * 1000,
         ease: _popmotion.linear,
         onUpdate: function onUpdate(v) {
           setAnimateData(function (oldData) {

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@easyv/charts",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
-    "release": "standard-version",
     "make": "babel src -d lib --extensions .ts,.tsx,.js && cp -r src/css lib",
     "prepare": "husky install"
   },
@@ -32,7 +31,7 @@
     "standard-version": "^9.3.2"
   },
   "dependencies": {
-    "@easyv/utils": "^0.0.44",
+    "@easyv/utils": "^0.0.45",
     "d3v7": "npm:d3@^7.0.0",
     "popmotion": "^9.3.6",
     "react": "^17.0.2",

package/src/components/AnimateData.tsx

@@ -12,7 +12,7 @@ export default (Component: ComponentType<any>) =>
       ...rest
     }: {
       data: DataType[];
-      config: { dataAnimation: boolean; [key: string]: any };
+      config: { dataAnimation: DataAnimation; [key: string]: any };
       [key: string]: any;
     }) => (
       <Component

package/src/hooks/useAnimateData.ts

@@ -8,18 +8,23 @@ import { animate, linear } from 'popmotion';
  * @returns 改变后的数据
  */
 
-export default (data: DataType[], dataAnimation: boolean) => {
+export default (data: DataType[], dataAnimation: DataAnimation) => {
   const [animateData, setAnimateData] = useState<DataType[]>([]);
 
   useEffect(() => {
     let animateRef: any = null;
-    if (dataAnimation && data.length) {
+    if (
+      dataAnimation &&
+      dataAnimation.show &&
+      dataAnimation.duration &&
+      data.length
+    ) {
       animateRef = animate({
         autoplay: true,
         repeat: 0,
         from: 0,
         to: 1,
-        duration: 500,
+        duration: dataAnimation.duration * 1000,
         ease: linear,
         onUpdate: (v: number) => {
           setAnimateData((oldData: DataType[]) => {

package/src/types/index.d.ts

@@ -3,6 +3,11 @@ declare module 'd3v7' {
   export * from 'd3-array';
 }
 
+type DataAnimation = {
+  show: boolean;
+  duration: number;
+};
+
 type DataType = {
   x: string;
   y: number;