@visactor/vgrammar-core 0.13.5 → 0.13.7

package/es/graph/animation/animation/grow-polar.js

@@ -1,20 +1,24 @@
 import { isNumber } from "@visactor/vutils";
 
-const growAngleInIndividual = (element, options, animationParameters) => options && "anticlockwise" === options.orient ? {
-    from: {
-        startAngle: element.getGraphicAttribute("endAngle", !1)
-    },
-    to: {
-        startAngle: element.getGraphicAttribute("startAngle", !1)
-    }
-} : {
-    from: {
-        endAngle: element.getGraphicAttribute("startAngle", !1)
-    },
-    to: {
-        endAngle: element.getGraphicAttribute("endAngle", !1)
-    }
+const growAngleInIndividual = (element, options, animationParameters) => {
+    const finalAttrs = element.getFinalGraphicAttributes();
+    return options && "anticlockwise" === options.orient ? {
+        from: {
+            startAngle: null == finalAttrs ? void 0 : finalAttrs.endAngle
+        },
+        to: {
+            startAngle: null == finalAttrs ? void 0 : finalAttrs.startAngle
+        }
+    } : {
+        from: {
+            endAngle: null == finalAttrs ? void 0 : finalAttrs.startAngle
+        },
+        to: {
+            endAngle: null == finalAttrs ? void 0 : finalAttrs.endAngle
+        }
+    };
 }, growAngleInOverall = (element, options, animationParameters) => {
+    const finalAttrs = element.getFinalGraphicAttributes();
     if (options && "anticlockwise" === options.orient) {
         const overallValue = isNumber(options.overall) ? options.overall : 2 * Math.PI;
         return {
@@ -23,8 +27,8 @@ const growAngleInIndividual = (element, options, animationParameters) => options
                 endAngle: overallValue
             },
             to: {
-                startAngle: element.getGraphicAttribute("startAngle", !1),
-                endAngle: element.getGraphicAttribute("endAngle", !1)
+                startAngle: null == finalAttrs ? void 0 : finalAttrs.startAngle,
+                endAngle: null == finalAttrs ? void 0 : finalAttrs.endAngle
             }
         };
     }
@@ -35,8 +39,8 @@ const growAngleInIndividual = (element, options, animationParameters) => options
             endAngle: overallValue
         },
         to: {
-            startAngle: element.getGraphicAttribute("startAngle", !1),
-            endAngle: element.getGraphicAttribute("endAngle", !1)
+            startAngle: null == finalAttrs ? void 0 : finalAttrs.startAngle,
+            endAngle: null == finalAttrs ? void 0 : finalAttrs.endAngle
         }
     };
 };
@@ -46,20 +50,23 @@ export const growAngleIn = (element, options, animationParameters) => {
     return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growAngleInOverall(element, options) : growAngleInIndividual(element, options);
 };
 
-const growAngleOutIndividual = (element, options, animationParameters) => options && "anticlockwise" === options.orient ? {
-    from: {
-        startAngle: element.getGraphicAttribute("startAngle", !0)
-    },
-    to: {
-        startAngle: element.getGraphicAttribute("endAngle", !1)
-    }
-} : {
-    from: {
-        endAngle: element.getGraphicAttribute("endAngle", !0)
-    },
-    to: {
-        endAngle: element.getGraphicAttribute("startAngle", !1)
-    }
+const growAngleOutIndividual = (element, options, animationParameters) => {
+    const finalAttrs = element.getFinalGraphicAttributes();
+    return options && "anticlockwise" === options.orient ? {
+        from: {
+            startAngle: element.getGraphicAttribute("startAngle", !0)
+        },
+        to: {
+            startAngle: null == finalAttrs ? void 0 : finalAttrs.endAngle
+        }
+    } : {
+        from: {
+            endAngle: element.getGraphicAttribute("endAngle", !0)
+        },
+        to: {
+            endAngle: null == finalAttrs ? void 0 : finalAttrs.startAngle
+        }
+    };
 }, growAngleOutOverall = (element, options, animationParameters) => {
     if (options && "anticlockwise" === options.orient) {
         const overallValue = isNumber(options.overall) ? options.overall : 2 * Math.PI;
@@ -92,30 +99,33 @@ export const growAngleOut = (element, options, animationParameters) => {
     return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growAngleOutOverall(element, options) : growAngleOutIndividual(element, options);
 };
 
-const growRadiusInIndividual = (element, options, animationParameters) => options && "inside" === options.orient ? {
-    from: {
-        innerRadius: element.getGraphicAttribute("outerRadius", !1)
-    },
-    to: {
-        innerRadius: element.getGraphicAttribute("innerRadius", !1)
-    }
-} : {
-    from: {
-        outerRadius: element.getGraphicAttribute("innerRadius", !1)
-    },
-    to: {
-        outerRadius: element.getGraphicAttribute("outerRadius", !1)
-    }
+const growRadiusInIndividual = (element, options, animationParameters) => {
+    const finalAttrs = element.getFinalGraphicAttributes();
+    return options && "inside" === options.orient ? {
+        from: {
+            innerRadius: null == finalAttrs ? void 0 : finalAttrs.outerRadius
+        },
+        to: {
+            innerRadius: null == finalAttrs ? void 0 : finalAttrs.innerRadius
+        }
+    } : {
+        from: {
+            outerRadius: null == finalAttrs ? void 0 : finalAttrs.innerRadius
+        },
+        to: {
+            outerRadius: null == finalAttrs ? void 0 : finalAttrs.outerRadius
+        }
+    };
 }, growRadiusInOverall = (element, options, animationParameters) => {
-    const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
+    const finalAttrs = element.getFinalGraphicAttributes(), overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
     return {
         from: {
             innerRadius: overallValue,
             outerRadius: overallValue
         },
         to: {
-            innerRadius: element.getGraphicAttribute("innerRadius", !1),
-            outerRadius: element.getGraphicAttribute("outerRadius", !1)
+            innerRadius: null == finalAttrs ? void 0 : finalAttrs.innerRadius,
+            outerRadius: null == finalAttrs ? void 0 : finalAttrs.outerRadius
         }
     };
 };
@@ -125,20 +135,23 @@ export const growRadiusIn = (element, options, animationParameters) => {
     return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusInOverall(element, options) : growRadiusInIndividual(element, options);
 };
 
-const growRadiusOutIndividual = (element, options, animationParameters) => options && "inside" === options.orient ? {
-    from: {
-        innerRadius: element.getGraphicAttribute("innerRadius", !0)
-    },
-    to: {
-        innerRadius: element.getGraphicAttribute("outerRadius", !1)
-    }
-} : {
-    from: {
-        outerRadius: element.getGraphicAttribute("outerRadius", !0)
-    },
-    to: {
-        outerRadius: element.getGraphicAttribute("innerRadius", !1)
-    }
+const growRadiusOutIndividual = (element, options, animationParameters) => {
+    const finalAttrs = element.getFinalGraphicAttributes();
+    return options && "inside" === options.orient ? {
+        from: {
+            innerRadius: element.getGraphicAttribute("innerRadius", !0)
+        },
+        to: {
+            innerRadius: null == finalAttrs ? void 0 : finalAttrs.outerRadius
+        }
+    } : {
+        from: {
+            outerRadius: element.getGraphicAttribute("outerRadius", !0)
+        },
+        to: {
+            outerRadius: null == finalAttrs ? void 0 : finalAttrs.innerRadius
+        }
+    };
 }, growRadiusOutOverall = (element, options, animationParameters) => {
     const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
     return {

package/es/graph/animation/animation/grow-polar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph/animation/animation/grow-polar.ts"],"names":[],"mappings":"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","file":"grow-polar.js","sourcesContent":["import { isNumber } from '@visactor/vutils';\nimport type {\n  IElement,\n  IGrowAngleAnimationOptions,\n  IAnimationParameters,\n  IGrowRadiusAnimationOptions,\n  TypeAnimation\n} from '../../../types';\n\n// grow angle\n\nconst growAngleInIndividual = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options && options.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: element.getGraphicAttribute('endAngle', false) },\n      to: { startAngle: element.getGraphicAttribute('startAngle', false) }\n    };\n  }\n  return {\n    from: { endAngle: element.getGraphicAttribute('startAngle', false) },\n    to: { endAngle: element.getGraphicAttribute('endAngle', false) }\n  };\n};\n\nconst growAngleInOverall = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options && options.orient === 'anticlockwise') {\n    const overallValue = isNumber(options.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      },\n      to: {\n        startAngle: element.getGraphicAttribute('startAngle', false),\n        endAngle: element.getGraphicAttribute('endAngle', false)\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    },\n    to: {\n      startAngle: element.getGraphicAttribute('startAngle', false),\n      endAngle: element.getGraphicAttribute('endAngle', false)\n    }\n  };\n};\n\nexport const growAngleIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleInOverall(element, options, animationParameters)\n    : growAngleInIndividual(element, options, animationParameters);\n};\n\nconst growAngleOutIndividual = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options && options.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: element.getGraphicAttribute('startAngle', true) },\n      to: { startAngle: element.getGraphicAttribute('endAngle', false) }\n    };\n  }\n  return {\n    from: { endAngle: element.getGraphicAttribute('endAngle', true) },\n    to: { endAngle: element.getGraphicAttribute('startAngle', false) }\n  };\n};\n\nconst growAngleOutOverall = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options && options.orient === 'anticlockwise') {\n    const overallValue = isNumber(options.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: element.getGraphicAttribute('startAngle', true),\n        endAngle: element.getGraphicAttribute('endAngle', true)\n      },\n      to: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: element.getGraphicAttribute('startAngle', true),\n      endAngle: element.getGraphicAttribute('endAngle', true)\n    },\n    to: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    }\n  };\n};\n\nexport const growAngleOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleOutOverall(element, options, animationParameters)\n    : growAngleOutIndividual(element, options, animationParameters);\n};\n\n// grow radius\n\nconst growRadiusInIndividual = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options && options.orient === 'inside') {\n    return {\n      from: { innerRadius: element.getGraphicAttribute('outerRadius', false) },\n      to: { innerRadius: element.getGraphicAttribute('innerRadius', false) }\n    };\n  }\n  return {\n    from: { outerRadius: element.getGraphicAttribute('innerRadius', false) },\n    to: { outerRadius: element.getGraphicAttribute('outerRadius', false) }\n  };\n};\n\nconst growRadiusInOverall = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    },\n    to: {\n      innerRadius: element.getGraphicAttribute('innerRadius', false),\n      outerRadius: element.getGraphicAttribute('outerRadius', false)\n    }\n  };\n};\n\nexport const growRadiusIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusInOverall(element, options, animationParameters)\n    : growRadiusInIndividual(element, options, animationParameters);\n};\n\nconst growRadiusOutIndividual = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options && options.orient === 'inside') {\n    return {\n      from: { innerRadius: element.getGraphicAttribute('innerRadius', true) },\n      to: { innerRadius: element.getGraphicAttribute('outerRadius', false) }\n    };\n  }\n  return {\n    from: { outerRadius: element.getGraphicAttribute('outerRadius', true) },\n    to: { outerRadius: element.getGraphicAttribute('innerRadius', false) }\n  };\n};\n\nconst growRadiusOutOverall = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: element.getGraphicAttribute('innerRadius', true),\n      outerRadius: element.getGraphicAttribute('outerRadius', true)\n    },\n    to: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    }\n  };\n};\n\nexport const growRadiusOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusOutOverall(element, options, animationParameters)\n    : growRadiusOutIndividual(element, options, animationParameters);\n};\n"]}
+{"version":3,"sources":["../src/graph/animation/animation/grow-polar.ts"],"names":[],"mappings":"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","file":"grow-polar.js","sourcesContent":["import { isNumber } from '@visactor/vutils';\nimport type {\n  IElement,\n  IGrowAngleAnimationOptions,\n  IAnimationParameters,\n  IGrowRadiusAnimationOptions,\n  TypeAnimation\n} from '../../../types';\n\n// grow angle\n\nconst growAngleInIndividual = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAttrs = element.getFinalGraphicAttributes();\n  if (options && options.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: finalAttrs?.endAngle },\n      to: { startAngle: finalAttrs?.startAngle }\n    };\n  }\n  return {\n    from: { endAngle: finalAttrs?.startAngle },\n    to: { endAngle: finalAttrs?.endAngle }\n  };\n};\n\nconst growAngleInOverall = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAttrs = element.getFinalGraphicAttributes();\n\n  if (options && options.orient === 'anticlockwise') {\n    const overallValue = isNumber(options.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      },\n      to: {\n        startAngle: finalAttrs?.startAngle,\n        endAngle: finalAttrs?.endAngle\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    },\n    to: {\n      startAngle: finalAttrs?.startAngle,\n      endAngle: finalAttrs?.endAngle\n    }\n  };\n};\n\nexport const growAngleIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleInOverall(element, options, animationParameters)\n    : growAngleInIndividual(element, options, animationParameters);\n};\n\nconst growAngleOutIndividual = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAttrs = element.getFinalGraphicAttributes();\n\n  if (options && options.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: element.getGraphicAttribute('startAngle', true) },\n      to: { startAngle: finalAttrs?.endAngle }\n    };\n  }\n  return {\n    from: { endAngle: element.getGraphicAttribute('endAngle', true) },\n    to: { endAngle: finalAttrs?.startAngle }\n  };\n};\n\nconst growAngleOutOverall = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options && options.orient === 'anticlockwise') {\n    const overallValue = isNumber(options.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: element.getGraphicAttribute('startAngle', true),\n        endAngle: element.getGraphicAttribute('endAngle', true)\n      },\n      to: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: element.getGraphicAttribute('startAngle', true),\n      endAngle: element.getGraphicAttribute('endAngle', true)\n    },\n    to: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    }\n  };\n};\n\nexport const growAngleOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleOutOverall(element, options, animationParameters)\n    : growAngleOutIndividual(element, options, animationParameters);\n};\n\n// grow radius\n\nconst growRadiusInIndividual = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAttrs = element.getFinalGraphicAttributes();\n\n  if (options && options.orient === 'inside') {\n    return {\n      from: { innerRadius: finalAttrs?.outerRadius },\n      to: { innerRadius: finalAttrs?.innerRadius }\n    };\n  }\n  return {\n    from: { outerRadius: finalAttrs?.innerRadius },\n    to: { outerRadius: finalAttrs?.outerRadius }\n  };\n};\n\nconst growRadiusInOverall = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAttrs = element.getFinalGraphicAttributes();\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    },\n    to: {\n      innerRadius: finalAttrs?.innerRadius,\n      outerRadius: finalAttrs?.outerRadius\n    }\n  };\n};\n\nexport const growRadiusIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusInOverall(element, options, animationParameters)\n    : growRadiusInIndividual(element, options, animationParameters);\n};\n\nconst growRadiusOutIndividual = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAttrs = element.getFinalGraphicAttributes();\n  if (options && options.orient === 'inside') {\n    return {\n      from: { innerRadius: element.getGraphicAttribute('innerRadius', true) },\n      to: { innerRadius: finalAttrs?.outerRadius }\n    };\n  }\n  return {\n    from: { outerRadius: element.getGraphicAttribute('outerRadius', true) },\n    to: { outerRadius: finalAttrs?.innerRadius }\n  };\n};\n\nconst growRadiusOutOverall = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: element.getGraphicAttribute('innerRadius', true),\n      outerRadius: element.getGraphicAttribute('outerRadius', true)\n    },\n    to: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    }\n  };\n};\n\nexport const growRadiusOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusOutOverall(element, options, animationParameters)\n    : growRadiusOutIndividual(element, options, animationParameters);\n};\n"]}

package/es/graph/animation/animation/move.js

@@ -8,7 +8,7 @@ export const moveIn = (element, options, animationParameters) => {
     changedY = null !== (_b = animationParameters.groupHeight) && void 0 !== _b ? _b : animationParameters.group.getBounds().height(), 
     animationParameters.groupWidth = changedX, animationParameters.groupHeight = changedY) : (changedX = animationParameters.width, 
     changedY = animationParameters.height)), changedX += offset, changedY += offset;
-    const point = isFunction(pointOpt) ? pointOpt.call(null, element.getDatum(), element, animationParameters) : pointOpt, fromX = point && isValidNumber(point.x) ? point.x : changedX, fromY = point && isValidNumber(point.y) ? point.y : changedY;
+    const point = isFunction(pointOpt) ? pointOpt.call(null, element.getDatum(), element, animationParameters) : pointOpt, fromX = point && isValidNumber(point.x) ? point.x : changedX, fromY = point && isValidNumber(point.y) ? point.y : changedY, finalAttrs = element.getFinalGraphicAttributes();
     switch (direction) {
       case "x":
         return {
@@ -16,7 +16,7 @@ export const moveIn = (element, options, animationParameters) => {
                 x: fromX
             },
             to: {
-                x: element.getGraphicAttribute("x", !1)
+                x: null == finalAttrs ? void 0 : finalAttrs.x
             }
         };
 
@@ -26,7 +26,7 @@ export const moveIn = (element, options, animationParameters) => {
                 y: fromY
             },
             to: {
-                y: element.getGraphicAttribute("y", !1)
+                y: null == finalAttrs ? void 0 : finalAttrs.y
             }
         };
 
@@ -37,8 +37,8 @@ export const moveIn = (element, options, animationParameters) => {
                 y: fromY
             },
             to: {
-                x: element.getGraphicAttribute("x", !1),
-                y: element.getGraphicAttribute("y", !1)
+                x: null == finalAttrs ? void 0 : finalAttrs.x,
+                y: null == finalAttrs ? void 0 : finalAttrs.y
             }
         };
     }

package/es/graph/animation/animation/move.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph/animation/animation/move.ts"],"names":[],"mappings":"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","file":"move.js","sourcesContent":["import { isFunction, isValidNumber } from '@visactor/vutils';\nimport type { IElement, IMoveAnimationOptions, IAnimationParameters, TypeAnimation } from '../../../types';\n\n// When user did not provide proper x/y value, move animation will never work properly,\n//  due to that, default x/y value won't be set.\n\nexport const moveIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IMoveAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const { offset = 0, orient, direction, point: pointOpt } = options ?? {};\n  let changedX = 0;\n  let changedY = 0;\n\n  if (orient === 'negative') {\n    // consider the offset of group\n    if (animationParameters.group) {\n      changedX = (animationParameters as any).groupWidth ?? animationParameters.group.getBounds().width();\n      changedY = (animationParameters as any).groupHeight ?? animationParameters.group.getBounds().height();\n\n      (animationParameters as any).groupWidth = changedX;\n      (animationParameters as any).groupHeight = changedY;\n    } else {\n      changedX = animationParameters.width;\n      changedY = animationParameters.height;\n    }\n  }\n\n  changedX += offset;\n  changedY += offset;\n  const point = isFunction(pointOpt) ? pointOpt.call(null, element.getDatum(), element, animationParameters) : pointOpt;\n  const fromX = point && isValidNumber(point.x) ? point.x : changedX;\n  const fromY = point && isValidNumber(point.y) ? point.y : changedY;\n  switch (direction) {\n    case 'x':\n      return {\n        from: { x: fromX },\n        to: { x: element.getGraphicAttribute('x', false) }\n      };\n    case 'y':\n      return {\n        from: { y: fromY },\n        to: { y: element.getGraphicAttribute('y', false) }\n      };\n    case 'xy':\n    default:\n      return {\n        from: { x: fromX, y: fromY },\n        to: {\n          x: element.getGraphicAttribute('x', false),\n          y: element.getGraphicAttribute('y', false)\n        }\n      };\n  }\n};\n\nexport const moveOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IMoveAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const { offset = 0, orient, direction, point: pointOpt } = options ?? {};\n\n  // consider the offset of group\n  const groupBounds = animationParameters.group ? animationParameters.group.getBounds() : null;\n  const groupWidth = groupBounds?.width() ?? animationParameters.width;\n  const groupHeight = groupBounds?.height() ?? animationParameters.height;\n  const changedX = (orient === 'negative' ? groupWidth : 0) + offset;\n  const changedY = (orient === 'negative' ? groupHeight : 0) + offset;\n  const point = isFunction(pointOpt) ? pointOpt.call(null, element.getDatum(), element, animationParameters) : pointOpt;\n  const fromX = point && isValidNumber(point.x) ? point.x : changedX;\n  const fromY = point && isValidNumber(point.y) ? point.y : changedY;\n\n  switch (direction) {\n    case 'x':\n      return {\n        from: { x: element.getGraphicAttribute('x', true) },\n        to: { x: fromX }\n      };\n    case 'y':\n      return {\n        from: { y: element.getGraphicAttribute('y', true) },\n        to: { y: fromY }\n      };\n    case 'xy':\n    default:\n      return {\n        from: {\n          x: element.getGraphicAttribute('x', true),\n          y: element.getGraphicAttribute('y', true)\n        },\n        to: { x: fromX, y: fromY }\n      };\n  }\n};\n"]}
+{"version":3,"sources":["../src/graph/animation/animation/move.ts"],"names":[],"mappings":"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","file":"move.js","sourcesContent":["import { isFunction, isValidNumber } from '@visactor/vutils';\nimport type { IElement, IMoveAnimationOptions, IAnimationParameters, TypeAnimation } from '../../../types';\n\n// When user did not provide proper x/y value, move animation will never work properly,\n//  due to that, default x/y value won't be set.\n\nexport const moveIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IMoveAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const { offset = 0, orient, direction, point: pointOpt } = options ?? {};\n  let changedX = 0;\n  let changedY = 0;\n\n  if (orient === 'negative') {\n    // consider the offset of group\n    if (animationParameters.group) {\n      changedX = (animationParameters as any).groupWidth ?? animationParameters.group.getBounds().width();\n      changedY = (animationParameters as any).groupHeight ?? animationParameters.group.getBounds().height();\n\n      (animationParameters as any).groupWidth = changedX;\n      (animationParameters as any).groupHeight = changedY;\n    } else {\n      changedX = animationParameters.width;\n      changedY = animationParameters.height;\n    }\n  }\n\n  changedX += offset;\n  changedY += offset;\n  const point = isFunction(pointOpt) ? pointOpt.call(null, element.getDatum(), element, animationParameters) : pointOpt;\n  const fromX = point && isValidNumber(point.x) ? point.x : changedX;\n  const fromY = point && isValidNumber(point.y) ? point.y : changedY;\n  const finalAttrs = element.getFinalGraphicAttributes();\n\n  switch (direction) {\n    case 'x':\n      return {\n        from: { x: fromX },\n        to: { x: finalAttrs?.x }\n      };\n    case 'y':\n      return {\n        from: { y: fromY },\n        to: { y: finalAttrs?.y }\n      };\n    case 'xy':\n    default:\n      return {\n        from: { x: fromX, y: fromY },\n        to: {\n          x: finalAttrs?.x,\n          y: finalAttrs?.y\n        }\n      };\n  }\n};\n\nexport const moveOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IMoveAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const { offset = 0, orient, direction, point: pointOpt } = options ?? {};\n\n  // consider the offset of group\n  const groupBounds = animationParameters.group ? animationParameters.group.getBounds() : null;\n  const groupWidth = groupBounds?.width() ?? animationParameters.width;\n  const groupHeight = groupBounds?.height() ?? animationParameters.height;\n  const changedX = (orient === 'negative' ? groupWidth : 0) + offset;\n  const changedY = (orient === 'negative' ? groupHeight : 0) + offset;\n  const point = isFunction(pointOpt) ? pointOpt.call(null, element.getDatum(), element, animationParameters) : pointOpt;\n  const fromX = point && isValidNumber(point.x) ? point.x : changedX;\n  const fromY = point && isValidNumber(point.y) ? point.y : changedY;\n\n  switch (direction) {\n    case 'x':\n      return {\n        from: { x: element.getGraphicAttribute('x', true) },\n        to: { x: fromX }\n      };\n    case 'y':\n      return {\n        from: { y: element.getGraphicAttribute('y', true) },\n        to: { y: fromY }\n      };\n    case 'xy':\n    default:\n      return {\n        from: {\n          x: element.getGraphicAttribute('x', true),\n          y: element.getGraphicAttribute('y', true)\n        },\n        to: { x: fromX, y: fromY }\n      };\n  }\n};\n"]}

package/es/graph/animation/animation/rotate.js

@@ -1,8 +1,8 @@
 import { isNumberClose, isValidNumber } from "@visactor/vutils";
 
 export const rotateIn = (element, options, animationParameters) => {
-    var _a;
-    const finalAngle = null !== (_a = element.getGraphicAttribute("angle", !1)) && void 0 !== _a ? _a : 0;
+    var _a, _b;
+    const finalAngle = null !== (_b = null === (_a = element.getFinalGraphicAttributes()) || void 0 === _a ? void 0 : _a.angle) && void 0 !== _b ? _b : 0;
     let angle = 0;
     return angle = isNumberClose(finalAngle / (2 * Math.PI), 0) ? Math.round(finalAngle / (2 * Math.PI)) * Math.PI * 2 : isValidNumber(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(finalAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(finalAngle / (2 * Math.PI)) * Math.PI * 2, 
     {

package/es/graph/animation/animation/rotate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph/animation/animation/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGhE,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAC/C,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;;IACF,MAAM,UAAU,GAAG,MAAA,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,mCAAI,CAAC,CAAC;IACpE,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,aAAa,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAChD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;SAAM,IAAI,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,EAAE;QACxC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;KACvB;SAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,eAAe,EAAE;QAC9C,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC7D;SAAM;QACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;IACD,OAAO;QACL,IAAI,EAAE,EAAE,KAAK,EAAE;QACf,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;KAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA4B,CAChD,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;;IACF,MAAM,UAAU,GAAG,MAAA,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mCAAI,CAAC,CAAC;IACnE,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,aAAa,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAChD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;SAAM,IAAI,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,EAAE;QACxC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;KACvB;SAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,eAAe,EAAE;QAC9C,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC7D;SAAM;QACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;IACD,OAAO;QACL,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;QAC3B,EAAE,EAAE,EAAE,KAAK,EAAE;KACd,CAAC;AACJ,CAAC,CAAC","file":"rotate.js","sourcesContent":["import { isNumberClose, isValidNumber } from '@visactor/vutils';\nimport type { IAnimationParameters, IRotateAnimationOptions, TypeAnimation, IElement } from '../../../types';\n\nexport const rotateIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IRotateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAngle = element.getGraphicAttribute('angle', false) ?? 0;\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle },\n    to: { angle: finalAngle }\n  };\n};\n\nexport const rotateOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IRotateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAngle = element.getGraphicAttribute('angle', true) ?? 0;\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle: finalAngle },\n    to: { angle }\n  };\n};\n"]}
+{"version":3,"sources":["../src/graph/animation/animation/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGhE,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAC/C,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;;IACF,MAAM,UAAU,GAAG,MAAA,MAAA,OAAO,CAAC,yBAAyB,EAAE,0CAAE,KAAK,mCAAI,CAAC,CAAC;IAEnE,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,aAAa,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAChD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;SAAM,IAAI,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,EAAE;QACxC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;KACvB;SAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,eAAe,EAAE;QAC9C,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC7D;SAAM;QACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;IACD,OAAO;QACL,IAAI,EAAE,EAAE,KAAK,EAAE;QACf,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;KAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA4B,CAChD,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;;IACF,MAAM,UAAU,GAAG,MAAA,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mCAAI,CAAC,CAAC;IACnE,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,aAAa,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAChD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;SAAM,IAAI,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,EAAE;QACxC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;KACvB;SAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,eAAe,EAAE;QAC9C,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC7D;SAAM;QACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;IACD,OAAO;QACL,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;QAC3B,EAAE,EAAE,EAAE,KAAK,EAAE;KACd,CAAC;AACJ,CAAC,CAAC","file":"rotate.js","sourcesContent":["import { isNumberClose, isValidNumber } from '@visactor/vutils';\nimport type { IAnimationParameters, IRotateAnimationOptions, TypeAnimation, IElement } from '../../../types';\n\nexport const rotateIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IRotateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAngle = element.getFinalGraphicAttributes()?.angle ?? 0;\n\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle },\n    to: { angle: finalAngle }\n  };\n};\n\nexport const rotateOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IRotateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAngle = element.getGraphicAttribute('angle', true) ?? 0;\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle: finalAngle },\n    to: { angle }\n  };\n};\n"]}

package/es/graph/animation/animation/scale.js

@@ -1,5 +1,6 @@
 export const scaleIn = (element, options, animationParameters) => {
     var _a, _b, _c, _d;
+    const finalAttrs = element.getFinalGraphicAttributes();
     switch (null == options ? void 0 : options.direction) {
       case "x":
         return {
@@ -7,7 +8,7 @@ export const scaleIn = (element, options, animationParameters) => {
                 scaleX: 0
             },
             to: {
-                scaleX: null !== (_a = element.getGraphicAttribute("scaleX", !1)) && void 0 !== _a ? _a : 1
+                scaleX: null !== (_a = null == finalAttrs ? void 0 : finalAttrs.scaleX) && void 0 !== _a ? _a : 1
             }
         };
 
@@ -17,7 +18,7 @@ export const scaleIn = (element, options, animationParameters) => {
                 scaleY: 0
             },
             to: {
-                scaleY: null !== (_b = element.getGraphicAttribute("scaleY", !1)) && void 0 !== _b ? _b : 1
+                scaleY: null !== (_b = null == finalAttrs ? void 0 : finalAttrs.scaleY) && void 0 !== _b ? _b : 1
             }
         };
 
@@ -28,8 +29,8 @@ export const scaleIn = (element, options, animationParameters) => {
                 scaleY: 0
             },
             to: {
-                scaleX: null !== (_c = element.getGraphicAttribute("scaleX", !1)) && void 0 !== _c ? _c : 1,
-                scaleY: null !== (_d = element.getGraphicAttribute("scaleY", !1)) && void 0 !== _d ? _d : 1
+                scaleX: null !== (_c = null == finalAttrs ? void 0 : finalAttrs.scaleX) && void 0 !== _c ? _c : 1,
+                scaleY: null !== (_d = null == finalAttrs ? void 0 : finalAttrs.scaleY) && void 0 !== _d ? _d : 1
             }
         };
     }

package/es/graph/animation/animation/scale.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph/animation/animation/scale.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,OAAO,GAA4B,CAC9C,OAAiB,EACjB,OAA+B,EAC/B,mBAAyC,EACzC,EAAE;;IACF,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACnB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC,EAAE;aAClE,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACnB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC,EAAE;aAClE,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC9B,EAAE,EAAE;oBACF,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC;oBACzD,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC;iBAC1D;aACF,CAAC;KACL;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAC/C,OAAiB,EACjB,OAA+B,EAC/B,mBAAyC,EACzC,EAAE;;IACF,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC,EAAE;gBAClE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;aAClB,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC,EAAE;gBAClE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;aAClB,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE;oBACJ,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC;oBACxD,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC;iBACzD;gBACD,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;aAC7B,CAAC;KACL;AACH,CAAC,CAAC","file":"scale.js","sourcesContent":["import type { IElement, IScaleAnimationOptions, IAnimationParameters, TypeAnimation } from '../../../types';\n\n// TODO: negative direction, need support from VRender\n\nexport const scaleIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IScaleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { scaleX: 0 },\n        to: { scaleX: element.getGraphicAttribute('scaleX', false) ?? 1 }\n      };\n    case 'y':\n      return {\n        from: { scaleY: 0 },\n        to: { scaleY: element.getGraphicAttribute('scaleY', false) ?? 1 }\n      };\n    case 'xy':\n    default:\n      return {\n        from: { scaleX: 0, scaleY: 0 },\n        to: {\n          scaleX: element.getGraphicAttribute('scaleX', false) ?? 1,\n          scaleY: element.getGraphicAttribute('scaleY', false) ?? 1\n        }\n      };\n  }\n};\n\nexport const scaleOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IScaleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { scaleX: element.getGraphicAttribute('scaleX', true) ?? 1 },\n        to: { scaleX: 0 }\n      };\n    case 'y':\n      return {\n        from: { scaleY: element.getGraphicAttribute('scaleY', true) ?? 1 },\n        to: { scaleY: 0 }\n      };\n    case 'xy':\n    default:\n      return {\n        from: {\n          scaleX: element.getGraphicAttribute('scaleX', true) ?? 1,\n          scaleY: element.getGraphicAttribute('scaleY', true) ?? 1\n        },\n        to: { scaleX: 0, scaleY: 0 }\n      };\n  }\n};\n"]}
+{"version":3,"sources":["../src/graph/animation/animation/scale.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,OAAO,GAA4B,CAC9C,OAAiB,EACjB,OAA+B,EAC/B,mBAAyC,EACzC,EAAE;;IACF,MAAM,UAAU,GAAG,OAAO,CAAC,yBAAyB,EAAE,CAAC;IAEvD,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACnB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,mCAAI,CAAC,EAAE;aACxC,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACnB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,mCAAI,CAAC,EAAE;aACxC,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC9B,EAAE,EAAE;oBACF,MAAM,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,mCAAI,CAAC;oBAC/B,MAAM,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,mCAAI,CAAC;iBAChC;aACF,CAAC;KACL;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAC/C,OAAiB,EACjB,OAA+B,EAC/B,mBAAyC,EACzC,EAAE;;IACF,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC,EAAE;gBAClE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;aAClB,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC,EAAE;gBAClE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;aAClB,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE;oBACJ,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC;oBACxD,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC;iBACzD;gBACD,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;aAC7B,CAAC;KACL;AACH,CAAC,CAAC","file":"scale.js","sourcesContent":["import type { IElement, IScaleAnimationOptions, IAnimationParameters, TypeAnimation } from '../../../types';\n\n// TODO: negative direction, need support from VRender\n\nexport const scaleIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IScaleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAttrs = element.getFinalGraphicAttributes();\n\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { scaleX: 0 },\n        to: { scaleX: finalAttrs?.scaleX ?? 1 }\n      };\n    case 'y':\n      return {\n        from: { scaleY: 0 },\n        to: { scaleY: finalAttrs?.scaleY ?? 1 }\n      };\n    case 'xy':\n    default:\n      return {\n        from: { scaleX: 0, scaleY: 0 },\n        to: {\n          scaleX: finalAttrs?.scaleX ?? 1,\n          scaleY: finalAttrs?.scaleY ?? 1\n        }\n      };\n  }\n};\n\nexport const scaleOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IScaleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { scaleX: element.getGraphicAttribute('scaleX', true) ?? 1 },\n        to: { scaleX: 0 }\n      };\n    case 'y':\n      return {\n        from: { scaleY: element.getGraphicAttribute('scaleY', true) ?? 1 },\n        to: { scaleY: 0 }\n      };\n    case 'xy':\n    default:\n      return {\n        from: {\n          scaleX: element.getGraphicAttribute('scaleX', true) ?? 1,\n          scaleY: element.getGraphicAttribute('scaleY', true) ?? 1\n        },\n        to: { scaleX: 0, scaleY: 0 }\n      };\n  }\n};\n"]}

package/es/graph/element.d.ts

@@ -30,6 +30,7 @@ export declare class Element implements IElement {
     clearStates(hasAnimation?: boolean): void;
     private _updateRuntimeStates;
     hasState(state: string): boolean;
+    updateStates(states: Record<string, boolean | BaseSingleEncodeSpec>): boolean;
     addState(state: string | string[], attrs?: BaseSingleEncodeSpec): boolean;
     removeState(state: string | string[]): boolean;
     protected getStateAttrs: (stateName: string, nextStates: string[]) => any;

package/es/graph/element.js

@@ -1,4 +1,4 @@
-import { array, has, isBoolean, isNil, isFunction, isString, isArray, get, isEmpty, isEqual as isObjEqual } from "@visactor/vutils";
+import { array, has, isBoolean, isNil, isFunction, isString, isArray, get, isEmpty, isEqual as isObjEqual, isObject } from "@visactor/vutils";
 
 import { isEqual } from "@visactor/vgrammar-util";
 
@@ -24,11 +24,11 @@ export class Element {
     constructor(mark) {
         this.data = null, this.states = [], this.diffState = DiffState.enter, this.isReserved = !1, 
         this.runtimeStatesEncoder = null, this.items = [], this.getStateAttrs = (stateName, nextStates) => {
-            var _a, _b, _c;
-            const isRuntimeState = !isNil(null === (_a = this.runtimeStatesEncoder) || void 0 === _a ? void 0 : _a[stateName]), encoder = isRuntimeState ? this.runtimeStatesEncoder[stateName] : null === (_b = this.mark.getSpec().encode) || void 0 === _b ? void 0 : _b[stateName];
+            var _a, _b, _c, _d;
+            const isRuntimeState = !isNil(null === (_a = this.runtimeStatesEncoder) || void 0 === _a ? void 0 : _a[stateName]), encoder = isRuntimeState ? Object.assign(Object.assign({}, null === (_b = this.mark.getSpec().encode) || void 0 === _b ? void 0 : _b[stateName]), this.runtimeStatesEncoder[stateName]) : null === (_c = this.mark.getSpec().encode) || void 0 === _c ? void 0 : _c[stateName];
             if (!encoder) return {};
             if (isFunction(encoder)) return encoder(this.getDatum(), this, stateName, nextStates);
-            if (!isRuntimeState && (null === (_c = this.graphicItem.states) || void 0 === _c ? void 0 : _c[stateName])) return this.graphicItem.states[stateName];
+            if (!isRuntimeState && (null === (_d = this.graphicItem.states) || void 0 === _d ? void 0 : _d[stateName])) return this.graphicItem.states[stateName];
             const stateItems = this.items.map((item => Object.assign({}, item, {
                 nextAttrs: {}
             })));
@@ -145,6 +145,25 @@ export class Element {
     hasState(state) {
         return this.states && state && this.states.includes(state);
     }
+    updateStates(states) {
+        if (!this.graphicItem) return !1;
+        let nextStates = this.states.slice();
+        const encode = this.mark.getSpec().encode;
+        let forceClearState = !1, hasUpdate = !1;
+        return Object.keys(states).forEach((stateKey => {
+            var _a;
+            if (!stateKey) return;
+            const stateValue = states[stateKey];
+            if (isObject(stateValue) && !isObjEqual(stateValue, null === (_a = this.runtimeStatesEncoder) || void 0 === _a ? void 0 : _a[stateKey])) nextStates.includes(stateKey) ? forceClearState = !0 : nextStates.push(stateKey), 
+            this._updateRuntimeStates(stateKey, stateValue), hasUpdate = !0; else if (stateValue) !nextStates.includes(stateKey) && (null == encode ? void 0 : encode[stateKey]) && (nextStates.push(stateKey), 
+            hasUpdate = !0); else if (nextStates.length) {
+                const newNextStates = nextStates.filter((state => state !== stateKey));
+                newNextStates.length !== nextStates.length && (hasUpdate = !0, nextStates = newNextStates), 
+                this.runtimeStatesEncoder && this.runtimeStatesEncoder[stateKey] && (this.runtimeStatesEncoder[stateKey] = null);
+            }
+        })), forceClearState && this.graphicItem.clearStates(), !!hasUpdate && (this.useStates(nextStates), 
+        !0);
+    }
     addState(state, attrs) {
         var _a;
         if (!this.graphicItem) return !1;