tvcharts 0.8.70 → 0.8.72

package/index.blank.js

@@ -41,4 +41,4 @@
 * specific language governing permissions and limitations
 * under the License.
 */
-export * from './echarts';
+export * from './lib/echarts.js';

package/index.common.js

@@ -41,28 +41,28 @@
 * specific language governing permissions and limitations
 * under the License.
 */
-import { use } from './extension';
-export * from './export/core';
-import { install as SVGRenderer } from './renderer/installSVGRenderer';
-import { install as CanvasRenderer } from './renderer/installCanvasRenderer';
-import { install as LineChart } from './chart/line/install';
-import { install as BarChart } from './chart/bar/install';
-import { install as PieChart } from './chart/pie/install';
-import { install as ScatterChart } from './chart/scatter/install';
-import { install as GridComponent } from './component/grid/install';
-import { install as GraphicComponent } from './component/graphic/install';
-import { install as ToolboxComponent } from './component/toolbox/install';
-import { install as TooltipComponent } from './component/tooltip/install';
-import { install as AxisPointerComponent } from './component/axisPointer/install';
-import { install as TitleComponent } from './component/title/install';
-import { install as MarkPointComponent } from './component/marker/installMarkPoint';
-import { install as MarkLineComponent } from './component/marker/installMarkLine';
-import { install as MarkAreaComponent } from './component/marker/installMarkArea';
-import { install as MarkLabelComponent } from './component/marker/installMarkLabel';
-import { install as LegendComponent } from './component/legend/install';
-import { install as DataZoomComponent } from './component/dataZoom/install';
-import { install as AriaComponent } from './component/aria/install';
-import { install as DatasetComponent } from './component/dataset/install';
+import { use } from './lib/extension.js';
+export * from './lib/export/core.js';
+import { install as SVGRenderer } from './lib/renderer/installSVGRenderer.js';
+import { install as CanvasRenderer } from './lib/renderer/installCanvasRenderer.js';
+import { install as LineChart } from './lib/chart/line/install.js';
+import { install as BarChart } from './lib/chart/bar/install.js';
+import { install as PieChart } from './lib/chart/pie/install.js';
+import { install as ScatterChart } from './lib/chart/scatter/install.js';
+import { install as GridComponent } from './lib/component/grid/install.js';
+import { install as GraphicComponent } from './lib/component/graphic/install.js';
+import { install as ToolboxComponent } from './lib/component/toolbox/install.js';
+import { install as TooltipComponent } from './lib/component/tooltip/install.js';
+import { install as AxisPointerComponent } from './lib/component/axisPointer/install.js';
+import { install as TitleComponent } from './lib/component/title/install.js';
+import { install as MarkPointComponent } from './lib/component/marker/installMarkPoint.js';
+import { install as MarkLineComponent } from './lib/component/marker/installMarkLine.js';
+import { install as MarkAreaComponent } from './lib/component/marker/installMarkArea.js';
+import { install as MarkLabelComponent } from './lib/component/marker/installMarkLabel.js';
+import { install as LegendComponent } from './lib/component/legend/install.js';
+import { install as DataZoomComponent } from './lib/component/dataZoom/install.js';
+import { install as AriaComponent } from './lib/component/aria/install.js';
+import { install as DatasetComponent } from './lib/component/dataset/install.js';
 use([CanvasRenderer]);
 use([SVGRenderer]);
 use([LineChart, BarChart, PieChart, ScatterChart]);

package/index.js

@@ -41,8 +41,8 @@
 * specific language governing permissions and limitations
 * under the License.
 */
-import { use } from './extension';
-export * from './export/core';
+import { use } from './lib/extension.js';
+export * from './lib/export/core.js';
 // ----------------------------------------------
 // All of the modules that are allowed to be
 // imported are listed below.
@@ -50,10 +50,10 @@ export * from './export/core';
 // Users MUST NOT import other modules that are
 // not included in this list.
 // ----------------------------------------------
-import { SVGRenderer, CanvasRenderer } from './export/renderers';
-import { LineChart, BarChart, PieChart, ScatterChart, RadarChart, MapChart, TreeChart, TreemapChart, GraphChart, GaugeChart, FunnelChart, ParallelChart, SankeyChart, BoxplotChart, CandlestickChart, EffectScatterChart, LinesChart, LinesPlotChart, StrategyChart, PlaybackOrderChart, MineLinesChart, MinePolyLinesChart, LineFillsChart, CharPlotChart, BoxesChart, LabelsChart, HLinesChart, ArrowsPlotChart, CandlePlotChart, BarPlotChart, FillsChart, BgColorChart, HeatmapChart, PictorialBarChart, ThemeRiverChart, SunburstChart, CustomChart } from './export/charts';
-import { GridComponent, PolarComponent, GeoComponent, SingleAxisComponent, ParallelComponent, CalendarComponent, GraphicComponent, ToolboxComponent, TooltipComponent, AxisPointerComponent, BrushComponent, TitleComponent, LimitTipComponent, CursorPointerComponent, TableComponent, AlarmComponent, BgRectComponent, PlaybackComponent, LogoComponent, TimelineComponent, MarkPointComponent, MarkLineComponent, MarkAreaComponent, MarkLabelComponent, LegendComponent, DataZoomComponent, DataZoomInsideComponent, DataZoomSliderComponent, VisualMapComponent, VisualMapContinuousComponent, VisualMapPiecewiseComponent, AriaComponent, DatasetComponent, TransformComponent } from './export/components';
-import { UniversalTransition, LabelLayout } from './export/features';
+import { SVGRenderer, CanvasRenderer } from './lib/export/renderers.js';
+import { LineChart, BarChart, PieChart, ScatterChart, RadarChart, MapChart, TreeChart, TreemapChart, GraphChart, GaugeChart, FunnelChart, ParallelChart, SankeyChart, BoxplotChart, CandlestickChart, EffectScatterChart, LinesChart, LinesPlotChart, StrategyChart, PlaybackOrderChart, MineLinesChart, MinePolyLinesChart, LineFillsChart, CharPlotChart, BoxesChart, LabelsChart, HLinesChart, ArrowsPlotChart, CandlePlotChart, BarPlotChart, FillsChart, BgColorChart, HeatmapChart, PictorialBarChart, ThemeRiverChart, SunburstChart, CustomChart } from './lib/export/charts.js';
+import { GridComponent, PolarComponent, GeoComponent, SingleAxisComponent, ParallelComponent, CalendarComponent, GraphicComponent, ToolboxComponent, TooltipComponent, AxisPointerComponent, BrushComponent, TitleComponent, LimitTipComponent, CursorPointerComponent, TableComponent, AlarmComponent, BgRectComponent, PlaybackComponent, LogoComponent, TimelineComponent, MarkPointComponent, MarkLineComponent, MarkAreaComponent, MarkLabelComponent, LegendComponent, DataZoomComponent, DataZoomInsideComponent, DataZoomSliderComponent, VisualMapComponent, VisualMapContinuousComponent, VisualMapPiecewiseComponent, AriaComponent, DatasetComponent, TransformComponent } from './lib/export/components.js';
+import { UniversalTransition, LabelLayout } from './lib/export/features.js';
 // -----------------
 // Render engines
 // -----------------

package/index.simple.js

@@ -41,15 +41,15 @@
 * specific language governing permissions and limitations
 * under the License.
 */
-import { use } from './extension';
-export * from './export/core';
-import { install as CanvasRenderer } from './renderer/installCanvasRenderer';
-import { install as LineChart } from './chart/line/install';
-import { install as BarChart } from './chart/bar/install';
-import { install as PieChart } from './chart/pie/install';
-import { install as GridSimpleComponent } from './component/grid/installSimple';
-import { install as AriaComponent } from './component/aria/install';
-import { install as DatasetComponent } from './component/dataset/install';
+import { use } from './lib/extension.js';
+export * from './lib/export/core.js';
+import { install as CanvasRenderer } from './lib/renderer/installCanvasRenderer.js';
+import { install as LineChart } from './lib/chart/line/install.js';
+import { install as BarChart } from './lib/chart/bar/install.js';
+import { install as PieChart } from './lib/chart/pie/install.js';
+import { install as GridSimpleComponent } from './lib/component/grid/installSimple.js';
+import { install as AriaComponent } from './lib/component/aria/install.js';
+import { install as DatasetComponent } from './lib/component/dataset/install.js';
 use([CanvasRenderer]);
 use([LineChart, BarChart, PieChart]);
 use([GridSimpleComponent, AriaComponent, DatasetComponent]);

package/lib/animation/basicTransition.js

@@ -0,0 +1,243 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+import { isFunction, isObject, retrieve2 } from 'tvrender/lib/core/util.js';
+import { makeInner } from '../util/model.js';
+// Stored properties for further transition.
+export var transitionStore = makeInner();
+/**
+ * Return null if animation is disabled.
+ */
+export function getAnimationConfig(animationType, animatableModel, dataIndex,
+// Extra opts can override the option in animatable model.
+extraOpts,
+// TODO It's only for pictorial bar now.
+extraDelayParams) {
+  var animationPayload;
+  // Check if there is global animation configuration from dataZoom/resize can override the config in option.
+  // If animation is enabled. Will use this animation config in payload.
+  // If animation is disabled. Just ignore it.
+  if (animatableModel && animatableModel.ecModel) {
+    var updatePayload = animatableModel.ecModel.getUpdatePayload();
+    animationPayload = updatePayload && updatePayload.animation;
+  }
+  var animationEnabled = animatableModel && animatableModel.isAnimationEnabled();
+  var isUpdate = animationType === 'update';
+  if (animationEnabled) {
+    var duration = void 0;
+    var easing = void 0;
+    var delay = void 0;
+    if (extraOpts) {
+      duration = retrieve2(extraOpts.duration, 200);
+      easing = retrieve2(extraOpts.easing, 'cubicOut');
+      delay = 0;
+    } else {
+      duration = animatableModel.getShallow(isUpdate ? 'animationDurationUpdate' : 'animationDuration');
+      easing = animatableModel.getShallow(isUpdate ? 'animationEasingUpdate' : 'animationEasing');
+      delay = animatableModel.getShallow(isUpdate ? 'animationDelayUpdate' : 'animationDelay');
+    }
+    // animation from payload has highest priority.
+    if (animationPayload) {
+      animationPayload.duration != null && (duration = animationPayload.duration);
+      animationPayload.easing != null && (easing = animationPayload.easing);
+      animationPayload.delay != null && (delay = animationPayload.delay);
+    }
+    if (isFunction(delay)) {
+      delay = delay(dataIndex, extraDelayParams);
+    }
+    if (isFunction(duration)) {
+      duration = duration(dataIndex);
+    }
+    var config = {
+      duration: duration || 0,
+      delay: delay,
+      easing: easing
+    };
+    return config;
+  } else {
+    return null;
+  }
+}
+function animateOrSetProps(animationType, el, props, animatableModel, dataIndex, cb, during) {
+  var isFrom = false;
+  var removeOpt;
+  if (isFunction(dataIndex)) {
+    during = cb;
+    cb = dataIndex;
+    dataIndex = null;
+  } else if (isObject(dataIndex)) {
+    cb = dataIndex.cb;
+    during = dataIndex.during;
+    isFrom = dataIndex.isFrom;
+    removeOpt = dataIndex.removeOpt;
+    dataIndex = dataIndex.dataIndex;
+  }
+  var isRemove = animationType === 'leave';
+  if (!isRemove) {
+    // Must stop the remove animation.
+    el.stopAnimation('leave');
+  }
+  var animationConfig = getAnimationConfig(animationType, animatableModel, dataIndex, isRemove ? removeOpt || {} : null, animatableModel && animatableModel.getAnimationDelayParams ? animatableModel.getAnimationDelayParams(el, dataIndex) : null);
+  if (animationConfig && animationConfig.duration > 0) {
+    var duration = animationConfig.duration;
+    var animationDelay = animationConfig.delay;
+    var animationEasing = animationConfig.easing;
+    var animateConfig = {
+      duration: duration,
+      delay: animationDelay || 0,
+      easing: animationEasing,
+      done: cb,
+      force: !!cb || !!during,
+      // Set to final state in update/init animation.
+      // So the post processing based on the path shape can be done correctly.
+      setToFinal: !isRemove,
+      scope: animationType,
+      during: during
+    };
+    isFrom ? el.animateFrom(props, animateConfig) : el.animateTo(props, animateConfig);
+  } else {
+    el.stopAnimation();
+    // If `isFrom`, the props is the "from" props.
+    !isFrom && el.attr(props);
+    // Call during at least once.
+    during && during(1);
+    cb && cb();
+  }
+}
+/**
+ * Update graphic element properties with or without animation according to the
+ * configuration in series.
+ *
+ * Caution: this method will stop previous animation.
+ * So do not use this method to one element twice before
+ * animation starts, unless you know what you are doing.
+ * @example
+ *     graphic.updateProps(el, {
+ *         position: [100, 100]
+ *     }, seriesModel, dataIndex, function () { console.log('Animation done!'); });
+ *     // Or
+ *     graphic.updateProps(el, {
+ *         position: [100, 100]
+ *     }, seriesModel, function () { console.log('Animation done!'); });
+ */
+function updateProps(el, props,
+// TODO: TYPE AnimatableModel
+animatableModel, dataIndex, cb, during) {
+  animateOrSetProps('update', el, props, animatableModel, dataIndex, cb, during);
+}
+export { updateProps };
+/**
+ * Init graphic element properties with or without animation according to the
+ * configuration in series.
+ *
+ * Caution: this method will stop previous animation.
+ * So do not use this method to one element twice before
+ * animation starts, unless you know what you are doing.
+ */
+export function initProps(el, props, animatableModel, dataIndex, cb, during) {
+  animateOrSetProps('enter', el, props, animatableModel, dataIndex, cb, during);
+}
+/**
+ * If element is removed.
+ * It can determine if element is having remove animation.
+ */
+export function isElementRemoved(el) {
+  if (!el.__zr) {
+    return true;
+  }
+  for (var i = 0; i < el.animators.length; i++) {
+    var animator = el.animators[i];
+    if (animator.scope === 'leave') {
+      return true;
+    }
+  }
+  return false;
+}
+/**
+ * Remove graphic element
+ */
+export function removeElement(el, props, animatableModel, dataIndex, cb, during) {
+  // Don't do remove animation twice.
+  if (isElementRemoved(el)) {
+    return;
+  }
+  animateOrSetProps('leave', el, props, animatableModel, dataIndex, cb, during);
+}
+function fadeOutDisplayable(el, animatableModel, dataIndex, done) {
+  el.removeTextContent();
+  el.removeTextGuideLine();
+  removeElement(el, {
+    style: {
+      opacity: 0
+    }
+  }, animatableModel, dataIndex, done);
+}
+export function removeElementWithFadeOut(el, animatableModel, dataIndex) {
+  function doRemove() {
+    el.parent && el.parent.remove(el);
+  }
+  // Hide label and labelLine first
+  // TODO Also use fade out animation?
+  if (!el.isGroup) {
+    fadeOutDisplayable(el, animatableModel, dataIndex, doRemove);
+  } else {
+    el.traverse(function (disp) {
+      if (!disp.isGroup) {
+        // Can invoke doRemove multiple times.
+        fadeOutDisplayable(disp, animatableModel, dataIndex, doRemove);
+      }
+    });
+  }
+}
+/**
+ * Save old style for style transition in universalTransition module.
+ * It's used when element will be reused in each render.
+ * For chart like map, heatmap, which will always create new element.
+ * We don't need to save this because universalTransition can get old style from the old element
+ */
+export function saveOldStyle(el) {
+  transitionStore(el).oldStyle = el.style;
+}
+export function getOldStyle(el) {
+  return transitionStore(el).oldStyle;
+}

package/lib/animation/customGraphicKeyframeAnimation.js

@@ -0,0 +1,143 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+import { keys, filter, each, isArray, indexOf } from 'tvrender/lib/core/util.js';
+import { ELEMENT_ANIMATABLE_PROPS } from './customGraphicTransition.js';
+import { getAnimationConfig } from './basicTransition.js';
+import { warn } from '../util/log.js';
+import { makeInner } from '../util/model.js';
+var getStateToRestore = makeInner();
+var KEYFRAME_EXCLUDE_KEYS = ['percent', 'easing', 'shape', 'style', 'extra'];
+/**
+ * Stop previous keyframe animation and restore the attributes.
+ * Avoid new keyframe animation starts with wrong internal state when the percent: 0 is not set.
+ */
+export function stopPreviousKeyframeAnimationAndRestore(el) {
+  // Stop previous keyframe animation.
+  el.stopAnimation('keyframe');
+  // Restore
+  el.attr(getStateToRestore(el));
+}
+export function applyKeyframeAnimation(el, animationOpts, animatableModel) {
+  if (!animatableModel.isAnimationEnabled() || !animationOpts) {
+    return;
+  }
+  if (isArray(animationOpts)) {
+    each(animationOpts, function (singleAnimationOpts) {
+      applyKeyframeAnimation(el, singleAnimationOpts, animatableModel);
+    });
+    return;
+  }
+  var keyframes = animationOpts.keyframes;
+  var duration = animationOpts.duration;
+  if (animatableModel && duration == null) {
+    // Default to use duration of config.
+    // NOTE: animation config from payload will be ignored because they are mainly for transitions.
+    var config = getAnimationConfig('enter', animatableModel, 0);
+    duration = config && config.duration;
+  }
+  if (!keyframes || !duration) {
+    return;
+  }
+  var stateToRestore = getStateToRestore(el);
+  each(ELEMENT_ANIMATABLE_PROPS, function (targetPropName) {
+    if (targetPropName && !el[targetPropName]) {
+      return;
+    }
+    var animator;
+    var endFrameIsSet = false;
+    // Sort keyframes by percent.
+    keyframes.sort(function (a, b) {
+      return a.percent - b.percent;
+    });
+    each(keyframes, function (kf) {
+      // Stop current animation.
+      var animators = el.animators;
+      var kfValues = targetPropName ? kf[targetPropName] : kf;
+      if (process.env.NODE_ENV !== 'production') {
+        if (kf.percent >= 1) {
+          endFrameIsSet = true;
+        }
+      }
+      if (!kfValues) {
+        return;
+      }
+      var propKeys = keys(kfValues);
+      if (!targetPropName) {
+        // PENDING performance?
+        propKeys = filter(propKeys, function (key) {
+          return indexOf(KEYFRAME_EXCLUDE_KEYS, key) < 0;
+        });
+      }
+      if (!propKeys.length) {
+        return;
+      }
+      if (!animator) {
+        animator = el.animate(targetPropName, animationOpts.loop, true);
+        animator.scope = 'keyframe';
+      }
+      for (var i = 0; i < animators.length; i++) {
+        // Stop all other animation that is not keyframe.
+        if (animators[i] !== animator && animators[i].targetName === animator.targetName) {
+          animators[i].stopTracks(propKeys);
+        }
+      }
+      targetPropName && (stateToRestore[targetPropName] = stateToRestore[targetPropName] || {});
+      var savedTarget = targetPropName ? stateToRestore[targetPropName] : stateToRestore;
+      each(propKeys, function (key) {
+        // Save original value.
+        savedTarget[key] = ((targetPropName ? el[targetPropName] : el) || {})[key];
+      });
+      animator.whenWithKeys(duration * kf.percent, kfValues, propKeys, kf.easing);
+    });
+    if (!animator) {
+      return;
+    }
+    if (process.env.NODE_ENV !== 'production') {
+      if (!endFrameIsSet) {
+        warn('End frame with percent: 1 is missing in the keyframeAnimation.', true);
+      }
+    }
+    animator.delay(animationOpts.delay || 0).duration(duration).start(animationOpts.easing);
+  });
+}