@fmdevui/fm-dev 1.0.113 → 1.0.115

package/lib/core/types/chart/index.d.ts

@@ -0,0 +1,238 @@
+import { EChartsOption } from '../../plugins/echarts';
+export type LegendPosition = 'bottom' | 'top' | 'left' | 'right';
+export type SymbolType = 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | 'none';
+export interface ChartThemeConfig {
+    /** 图表高度 */
+    chartHeight: string;
+    /** 字体大小 */
+    fontSize: number;
+    /** 字体颜色 */
+    fontColor: string;
+    /** 主题颜色 */
+    themeColor: string;
+    /** 颜色组 */
+    colors: string[];
+}
+export interface UseChartOptions {
+    /** 初始化选项 */
+    initOptions?: EChartsOption;
+    /** 延迟初始化时间(ms) */
+    initDelay?: number;
+    /** IntersectionObserver阈值 */
+    threshold?: number;
+    /** 是否自动响应主题变化 */
+    autoTheme?: boolean;
+}
+export interface BaseChartProps {
+    /** 图表高度 */
+    height?: string;
+    /** 是否加载中 */
+    loading?: boolean;
+    isEmpty?: boolean;
+    /** 颜色配置 */
+    colors?: string[];
+}
+export interface AxisDisplayProps {
+    /** 是否显示坐标轴标签 */
+    showAxisLabel?: boolean;
+    /** 是否显示坐标轴线 */
+    showAxisLine?: boolean;
+    /** 是否显示分割线 */
+    showSplitLine?: boolean;
+}
+export interface InteractionProps {
+    /** 是否显示提示框 */
+    showTooltip?: boolean;
+    /** 是否显示图例 */
+    showLegend?: boolean;
+    /** 图例位置 */
+    legendPosition?: LegendPosition;
+}
+export interface BarDataItem {
+    /** 系列名称 */
+    name: string;
+    /** 数据值 */
+    data: number[];
+    /** 柱状图宽度 */
+    barWidth?: string | number;
+    /** 堆叠分组名称 */
+    stack?: string;
+}
+export interface BarChartProps extends BaseChartProps, AxisDisplayProps, InteractionProps {
+    /** 图表数据 - 支持单组数据或多组数据 */
+    data: number[] | BarDataItem[];
+    /** X轴标签数据 */
+    xAxisData?: string[];
+    /** 柱状图宽度 */
+    barWidth?: string | number;
+    /** 是否堆叠显示 */
+    stack?: boolean;
+    /** 圆角 */
+    borderRadius?: number | number[];
+}
+export interface LineDataItem {
+    /** 系列名称 */
+    name: string;
+    /** 数据值 */
+    data: number[];
+    /** 线条宽度 */
+    lineWidth?: number;
+    /** 是否显示区域填充 */
+    showAreaColor?: boolean;
+    /** 区域样式配置 */
+    areaStyle?: {
+        /** 渐变开始透明度 */
+        startOpacity?: number;
+        /** 渐变结束透明度 */
+        endOpacity?: number;
+        /** 自定义 ECharts areaStyle 配置 */
+        custom?: any;
+    };
+    /** 是否平滑曲线 */
+    smooth?: boolean;
+    /** 数据点符号 */
+    symbol?: SymbolType;
+    /** 数据点大小 */
+    symbolSize?: number;
+}
+export interface LineChartProps extends BaseChartProps, AxisDisplayProps, InteractionProps {
+    /** 图表数据 - 支持单组数据或多组数据 */
+    data: number[] | LineDataItem[];
+    /** X轴标签数据 */
+    xAxisData?: string[];
+    /** 线条宽度 */
+    lineWidth?: number;
+    /** 是否显示区域填充 */
+    showAreaColor?: boolean;
+    /** 是否平滑曲线 */
+    smooth?: boolean;
+    /** 数据点符号 */
+    symbol?: SymbolType;
+    /** 数据点大小 */
+    symbolSize?: number;
+    /** 多数据动画延迟间隔（毫秒） */
+    animationDelay?: number;
+}
+export interface RadarDataItem {
+    /** 系列名称 */
+    name: string;
+    /** 数据值 */
+    value: number[];
+}
+export interface RadarChartProps extends BaseChartProps, InteractionProps {
+    /** 雷达图指标配置 */
+    indicator?: Array<{
+        name: string;
+        max: number;
+    }>;
+    /** 图表数据 */
+    data?: RadarDataItem[];
+}
+export interface PieDataItem {
+    /** 数据值 */
+    value: number;
+    /** 数据名称 */
+    name: string;
+}
+export interface RingChartProps extends BaseChartProps, InteractionProps {
+    /** 图表数据 */
+    data: PieDataItem[];
+    /** 内外半径 */
+    radius?: string[];
+    /** 边框圆角 */
+    borderRadius?: number;
+    /** 中心文本 */
+    centerText?: string;
+    /** 是否显示标签 */
+    showLabel?: boolean;
+}
+export interface KLineDataItem {
+    /** 时间标签 */
+    time: string;
+    /** 开盘价 */
+    open: number;
+    /** 收盘价 */
+    close: number;
+    /** 最高价 */
+    high: number;
+    /** 最低价 */
+    low: number;
+}
+export interface KLineChartProps extends BaseChartProps {
+    /** 图表数据 */
+    data?: KLineDataItem[];
+    /** 是否显示数据缩放控件 */
+    showDataZoom?: boolean;
+    /** 数据缩放初始开始位置 */
+    dataZoomStart?: number;
+    /** 数据缩放初始结束位置 */
+    dataZoomEnd?: number;
+}
+export interface ScatterDataItem {
+    /** 坐标值 [x, y] */
+    value: number[];
+}
+export interface ScatterChartProps extends BaseChartProps, AxisDisplayProps, InteractionProps {
+    /** 图表数据 */
+    data?: ScatterDataItem[];
+    /** 散点大小 */
+    symbolSize?: number;
+}
+export interface DualBarCompareChartProps extends BaseChartProps {
+    /** 上方数据 */
+    topData: number[];
+    /** 下方数据 */
+    bottomData: number[];
+    /** X轴标签数据 */
+    xAxisData: string[];
+    /** 上方柱子颜色 */
+    topColor?: string;
+    /** 下方柱子颜色 */
+    bottomColor?: string;
+    /** 柱状图宽度 */
+    barWidth?: number;
+}
+export interface MapChartProps extends BaseChartProps {
+    /** 地图数据 */
+    mapData?: any[];
+    /** 选中区域 */
+    selectedRegion?: string;
+    /** 是否显示标签 */
+    showLabels?: boolean;
+    /** 是否显示散点 */
+    showScatter?: boolean;
+}
+export interface BidirectionalBarChartProps extends BaseChartProps, AxisDisplayProps, InteractionProps {
+    /** 正向数据（向上显示） */
+    positiveData: number[];
+    /** 负向数据（向下显示） */
+    negativeData: number[];
+    /** X轴标签数据 */
+    xAxisData?: string[];
+    /** 正向数据名称 */
+    positiveName?: string;
+    /** 负向数据名称 */
+    negativeName?: string;
+    /** 柱状图宽度 */
+    barWidth?: string | number;
+    /** Y轴最小值 */
+    yAxisMin?: number;
+    /** Y轴最大值 */
+    yAxisMax?: number;
+    /** 是否显示数据标签 */
+    showDataLabel?: boolean;
+    /** 正向数据圆角配置 */
+    positiveBorderRadius?: number | number[];
+    /** 负向数据圆角配置 */
+    negativeBorderRadius?: number | number[];
+}
+export type ChartOptionGenerator = () => EChartsOption;
+export type ChartEventCallback = (params: any) => void;
+export interface ChartError {
+    /** 错误码 */
+    code: string;
+    /** 错误信息 */
+    message: string;
+    /** 错误详情 */
+    details?: any;
+}

package/lib/core/types/index.d.ts

@@ -6,3 +6,4 @@ export * from './layout';
 export * from './pinia';
 export * from './view';
 export * from './menu';
+export * from './chart';

package/lib/core/ui/components/fmHBarChart/index.vue.d.ts

@@ -0,0 +1,21 @@
+import { BarChartProps, BarDataItem, LegendPosition } from '../../../types/chart';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<BarChartProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BarChartProps> & Readonly<{}>, {
+    data: number[] | BarDataItem[];
+    height: string;
+    xAxisData: string[];
+    barWidth: string | number;
+    stack: boolean;
+    loading: boolean;
+    isEmpty: boolean;
+    colors: string[];
+    showAxisLabel: boolean;
+    showAxisLine: boolean;
+    showSplitLine: boolean;
+    showTooltip: boolean;
+    showLegend: boolean;
+    legendPosition: LegendPosition;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    chartRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/lib/core/ui/components/index.d.ts

@@ -4,6 +4,7 @@ import { TreeKey } from 'element-plus';
 import { TQueryConditionProps } from './querycondition/type';
 import { FmSelectTableProps } from './selecttable/type';
 import { FmButtonSelfProps } from './fmbutton/type';
+import { BarChartProps, BarDataItem, LegendPosition } from 'fm-dev';
 export * from './selecttable/type';
 export * from './selecttable/ClickOutside';
 export * from './fmbutton/type';
@@ -2329,4 +2330,22 @@ declare const FmAddressParsing: DefineComponent<ExtractPropTypes<{
     fcity: string;
     fcounty: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, Fminputdropdown, Fminputtable, FmTree, Fmdatepicker, FmQueryCondition, FmMoreChoose, FmRenderComp, FmSelectTable, FmRenderCol, FmButton, FmAddressParsing, elSvg };
+declare const FmHBarChart: DefineComponent<BarChartProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< BarChartProps> & Readonly<{}>, {
+    data: number[] | BarDataItem[];
+    height: string;
+    xAxisData: string[];
+    barWidth: string | number;
+    stack: boolean;
+    loading: boolean;
+    isEmpty: boolean;
+    colors: string[];
+    showAxisLabel: boolean;
+    showAxisLine: boolean;
+    showSplitLine: boolean;
+    showTooltip: boolean;
+    showLegend: boolean;
+    legendPosition: LegendPosition;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    chartRef: HTMLDivElement;
+}, HTMLDivElement>;
+export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, Fminputdropdown, Fminputtable, FmTree, Fmdatepicker, FmQueryCondition, FmMoreChoose, FmRenderComp, FmSelectTable, FmRenderCol, FmButton, FmAddressParsing, FmHBarChart, elSvg };

package/lib/index.js

@@ -42,6 +42,7 @@ var index$g = require('./packages/core/utils/const/index.js');
 var index$h = require('./packages/core/auth/index.js');
 var dateTimeShortCust = require('./packages/core/hook/dateTimeShortCust.js');
 var useVxeTableOptionsHook = require('./packages/core/hook/useVxeTableOptionsHook.js');
+var useChart = require('./packages/core/hook/useChart.js');
 var index$i = require('./packages/core/utils/cityparess/index.js');
 
 const install = defaults.default.install;
@@ -54,6 +55,7 @@ exports.FmAddressParsing = index$1.FmAddressParsing;
 exports.FmAutocomplete = index$1.FmAutocomplete;
 exports.FmButton = index$1.FmButton;
 exports.FmDragImg = index$1.FmDragImg;
+exports.FmHBarChart = index$1.FmHBarChart;
 exports.FmMoreChoose = index$1.FmMoreChoose;
 exports.FmNoticeBar = index$1.FmNoticeBar;
 exports.FmQueryCondition = index$1.FmQueryCondition;
@@ -171,5 +173,8 @@ exports.hAuthAll = index$h.hAuthAll;
 exports.hAuths = index$h.hAuths;
 exports.useDateTimeShortCust = dateTimeShortCust.useDateTimeShortCust;
 exports.useVxeTable = useVxeTableOptionsHook.useVxeTable;
+exports.useChart = useChart.useChart;
+exports.useChartComponent = useChart.useChartComponent;
+exports.useChartOps = useChart.useChartOps;
 exports.addressparsing = index$i.addressparsing;
 exports.install = install;

package/lib/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/charts.js

@@ -0,0 +1,22 @@
+'use strict';
+
+require('./lib/export/charts.js');
+
+/*
+* 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.
+*/

package/lib/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/components.js

@@ -0,0 +1,22 @@
+'use strict';
+
+require('./lib/export/components.js');
+
+/*
+* 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.
+*/

package/lib/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/core.js

@@ -0,0 +1,108 @@
+'use strict';
+
+require('./lib/export/core.js');
+var locale = require('./lib/core/locale.js');
+var echarts = require('./lib/core/echarts.js');
+var throttle = require('./lib/util/throttle.js');
+var extension = require('./lib/extension.js');
+var platform = require('../../../zrender@6.0.0/node_modules/zrender/lib/core/platform.js');
+var parseGeoJson = require('./lib/coord/geo/parseGeoJson.js');
+var env = require('../../../zrender@6.0.0/node_modules/zrender/lib/core/env.js');
+var Model = require('./lib/model/Model.js');
+var Axis = require('./lib/coord/Axis.js');
+var graphic$1 = require('../../../zrender@6.0.0/node_modules/zrender/lib/canvas/graphic.js');
+var zrender = require('../../../zrender@6.0.0/node_modules/zrender/lib/zrender.js');
+var matrix = require('../../../zrender@6.0.0/node_modules/zrender/lib/core/matrix.js');
+var vector = require('../../../zrender@6.0.0/node_modules/zrender/lib/core/vector.js');
+var util = require('../../../zrender@6.0.0/node_modules/zrender/lib/core/util.js');
+var color = require('../../../zrender@6.0.0/node_modules/zrender/lib/tool/color.js');
+var helper = require('./lib/export/api/helper.js');
+var number = require('./lib/export/api/number.js');
+var time = require('./lib/export/api/time.js');
+var graphic = require('./lib/export/api/graphic.js');
+var format = require('./lib/export/api/format.js');
+var util$1 = require('./lib/export/api/util.js');
+var SeriesData = require('./lib/data/SeriesData.js');
+var Component = require('./lib/model/Component.js');
+var Component$1 = require('./lib/view/Component.js');
+var Series = require('./lib/model/Series.js');
+var Chart = require('./lib/view/Chart.js');
+var api = require('./lib/export/api.js');
+
+/*
+* 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.
+*/
+
+exports.registerLocale = locale.registerLocale;
+exports.PRIORITY = echarts.PRIORITY;
+exports.connect = echarts.connect;
+exports.dataTool = echarts.dataTool;
+exports.dependencies = echarts.dependencies;
+exports.disConnect = echarts.disConnect;
+exports.disconnect = echarts.disconnect;
+exports.dispose = echarts.dispose;
+exports.getCoordinateSystemDimensions = echarts.getCoordinateSystemDimensions;
+exports.getInstanceByDom = echarts.getInstanceByDom;
+exports.getInstanceById = echarts.getInstanceById;
+exports.getMap = echarts.getMap;
+exports.init = echarts.init;
+exports.registerAction = echarts.registerAction;
+exports.registerCoordinateSystem = echarts.registerCoordinateSystem;
+exports.registerCustomSeries = echarts.registerCustomSeries;
+exports.registerLayout = echarts.registerLayout;
+exports.registerLoading = echarts.registerLoading;
+exports.registerMap = echarts.registerMap;
+exports.registerPostInit = echarts.registerPostInit;
+exports.registerPostUpdate = echarts.registerPostUpdate;
+exports.registerPreprocessor = echarts.registerPreprocessor;
+exports.registerProcessor = echarts.registerProcessor;
+exports.registerTheme = echarts.registerTheme;
+exports.registerTransform = echarts.registerTransform;
+exports.registerUpdateLifecycle = echarts.registerUpdateLifecycle;
+exports.registerVisual = echarts.registerVisual;
+exports.setCanvasCreator = echarts.setCanvasCreator;
+exports.version = echarts.version;
+exports.throttle = throttle.throttle;
+exports.use = extension.use;
+exports.setPlatformAPI = platform.setPlatformAPI;
+exports.parseGeoJSON = parseGeoJson.default;
+exports.parseGeoJson = parseGeoJson.default;
+exports.env = env.default;
+exports.Model = Model.default;
+exports.Axis = Axis.default;
+exports.innerDrawElementOnCanvas = graphic$1.brushSingle;
+exports.zrender = zrender;
+exports.matrix = matrix;
+exports.vector = vector;
+exports.zrUtil = util;
+exports.color = color;
+exports.helper = helper;
+exports.number = number;
+exports.time = time;
+exports.graphic = graphic;
+exports.format = format;
+exports.util = util$1;
+exports.List = SeriesData.default;
+exports.ComponentModel = Component.default;
+exports.ComponentView = Component$1.default;
+exports.SeriesModel = Series.default;
+exports.ChartView = Chart.default;
+exports.extendChartView = api.extendChartView;
+exports.extendComponentModel = api.extendComponentModel;
+exports.extendComponentView = api.extendComponentView;
+exports.extendSeriesModel = api.extendSeriesModel;

package/lib/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/animation/basicTransition.js

@@ -0,0 +1,212 @@
+'use strict';
+
+var util = require('../../../../../zrender@6.0.0/node_modules/zrender/lib/core/util.js');
+var model = require('../util/model.js');
+
+// Stored properties for further transition.
+var transitionStore = model.makeInner();
+/**
+ * Return null if animation is disabled.
+ */
+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 = util.retrieve2(extraOpts.duration, 200);
+      easing = util.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 (util.isFunction(delay)) {
+      delay = delay(dataIndex, extraDelayParams);
+    }
+    if (util.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 (util.isFunction(dataIndex)) {
+    during = cb;
+    cb = dataIndex;
+    dataIndex = null;
+  } else if (util.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 () { 
+ *     // Or
+ *     graphic.updateProps(el, {
+ *         position: [100, 100]
+ *     }, seriesModel, function () { 
+ */
+function updateProps(el, props,
+// TODO: TYPE AnimatableModel
+animatableModel, dataIndex, cb, during) {
+  animateOrSetProps('update', el, props, animatableModel, dataIndex, cb, during);
+}
+/**
+ * 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.
+ */
+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.
+ */
+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
+ */
+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);
+}
+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
+ */
+function saveOldStyle(el) {
+  transitionStore(el).oldStyle = el.style;
+}
+function getOldStyle(el) {
+  return transitionStore(el).oldStyle;
+}
+
+exports.getAnimationConfig = getAnimationConfig;
+exports.getOldStyle = getOldStyle;
+exports.initProps = initProps;
+exports.isElementRemoved = isElementRemoved;
+exports.removeElement = removeElement;
+exports.removeElementWithFadeOut = removeElementWithFadeOut;
+exports.saveOldStyle = saveOldStyle;
+exports.transitionStore = transitionStore;
+exports.updateProps = updateProps;