@visactor/vchart 2.1.0-alpha.2 → 2.1.0-alpha.20

package/cjs/component/marker/mark-line/interface/spec.d.ts

@@ -1,9 +1,11 @@
+import type { DataView } from '@visactor/vdataset';
 import type { IComponent } from '../../../interface';
-import type { IAggrType, IMarkerPositionsSpec, IDataPointSpec, IMarkerSpec, IDataPos, IDataPosCallback, IMarkerLabelSpec, IMarkerCrossSeriesSpec, OffsetPoint, MarkerStateValue, MarkerStateCallback, IMarkerSupportSeries } from '../../interface';
+import type { IAggrType, IMarkerAttributeContext, IMarkerPositionsSpec, IDataPointSpec, IMarkerSpec, IDataPos, IDataPosCallback, IMarkerLabelSpec, IMarkerCrossSeriesSpec, OffsetPoint, MarkerStateValue, MarkerStateCallback, IMarkerSupportSeries } from '../../interface';
 import type { IRegressType } from '../../mark-area/interface';
 import type { IMarkLineTheme } from './theme';
 import type { Datum, ILineMarkSpec, IPoint } from '../../../../typings';
 import type { BaseMarkerAnimation, MarkCommonLineAnimationType } from '@visactor/vrender-components';
+import type { IRegion } from '../../../../region/interface';
 export type IMarkLine = IComponent;
 export type IMarkLineSpec = (IMarkerSpec & (IMarkLineXSpec | IMarkLineYSpec | IMarkLineXYSpec | IMarkLineXYY1Spec | IMarkLineYXX1Spec | IMarkLineAngleSpec | IMarkLineRadiusSpec | IMarkLineAngRadRad1Spec | IMarkLineRadAngAng1Spec | IMarkLineAngRadSpec | IMarkLineCoordinateSpec | IMarkerPositionsSpec) & IMarkLineTheme & BaseMarkerAnimation<MarkCommonLineAnimationType>) | (IStepMarkLineSpec & BaseMarkerAnimation<MarkCommonLineAnimationType>);
 export interface IMarkLineXSpec extends IMarkerCrossSeriesSpec {
@@ -64,7 +66,12 @@ export type IMarkLineCoordinateSpec = {
 export type IStepMarkLineSpec = IMarkerSpec & {
     type: 'type-step';
     connectDirection: 'top' | 'bottom' | 'left' | 'right';
-    expandDistance?: number | string;
+    expandDistance?: number | string | ((markerData: DataView, context: IMarkerAttributeContext & {
+        region: IRegion;
+        startRegion: IRegion;
+        endRegion: IRegion;
+        coordinatePoints: IPoint[];
+    }) => number | string);
     label?: IMarkerLabelSpec;
     line?: {
         multiSegment?: boolean;

package/cjs/component/marker/mark-line/interface/spec.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-line/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IComponent } from '../../../interface';\nimport type {\n  IAggrType,\n  IMarkerPositionsSpec,\n  IDataPointSpec,\n  IMarkerSpec,\n  IDataPos,\n  IDataPosCallback,\n  IMarkerLabelSpec,\n  IMarkerCrossSeriesSpec,\n  OffsetPoint,\n  MarkerStateValue,\n  MarkerStateCallback,\n  IMarkerSupportSeries\n} from '../../interface';\nimport type { IRegressType } from '../../mark-area/interface';\nimport type { IMarkLineTheme } from './theme';\nimport type { Datum, ILineMarkSpec, IPoint } from '../../../../typings';\nimport type { BaseMarkerAnimation, MarkCommonLineAnimationType } from '@visactor/vrender-components';\n\nexport type IMarkLine = IComponent;\n\n/**\n * 辅助线配置，一般用于展示图表的趋势线、平均线等\n */\nexport type IMarkLineSpec =\n  | (IMarkerSpec &\n      /**\n       * 标注目标：笛卡尔坐标系坐标空间\n       */\n      (| IMarkLineXSpec\n        | IMarkLineYSpec\n        | IMarkLineXYSpec\n        | IMarkLineXYY1Spec\n        | IMarkLineYXX1Spec\n        /**\n         * 标注目标: 极坐标系\n         * @since 1.11.0\n         */\n        | IMarkLineAngleSpec\n        | IMarkLineRadiusSpec\n        | IMarkLineAngRadRad1Spec\n        | IMarkLineRadAngAng1Spec\n        | IMarkLineAngRadSpec\n        // 标注目标：数据元素\n        | IMarkLineCoordinateSpec\n        // 标注目标: 任意位置\n        | IMarkerPositionsSpec\n      ) &\n      IMarkLineTheme &\n      /**\n       * 动画配置\n       * @since 1.11.0\n       */\n      BaseMarkerAnimation<MarkCommonLineAnimationType>)\n  | (IStepMarkLineSpec & BaseMarkerAnimation<MarkCommonLineAnimationType>); // 标注目标：任意位置\n\nexport interface IMarkLineXSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 单独声明 x 属性，可以绘制一条贯穿 y 轴的标注线\n   * x 轴上的参考线。可以配置参考线在 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，用于表示将 x 绘制在 marker 所在 region 横轴（从左往右）的百分之 15 位置处。\n   */\n  x: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineXYY1Spec extends IMarkerCrossSeriesSpec {\n  /**\n   * 参考线在 x 轴上位置，可以配置参考线在 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   */\n  x: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线在 y 轴的起点位置，可以配置 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于 region 纵轴（从上到下）的百分之 15 位置处。\n   */\n  y: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线在 y 轴的终点位置，可以配置 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于 region 纵轴（从上到下）的百分之 15 位置处。\n   * @since 1.7.3\n   */\n  y1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineYSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 单独声明 y 属性，可以绘制一条贯穿 x 轴的标注线\n   * y轴上的参考线。可以配置参考线在y轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算\n   * 可以将 y 配置为 '15%' 百分比的形式，用于表示将 x 绘制在 marker 所在 region 纵轴（从上到下）的百分之 15 位置处\n   */\n  y: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineYXX1Spec extends IMarkerCrossSeriesSpec {\n  /**\n   * 参考线在 y 轴上位置，可以配置参考线在 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于  region 纵轴（从上到下）的百分之 15 位置处。\n   */\n  y: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线在 x 轴的起点位置，可以配置 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   */\n  x: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线在 x 轴的终点位置，可以配置 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   * @since 1.7.3\n   */\n  x1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineXYSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 参考线起始点在 x 轴上位置，可以配置参考线在 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   */\n  x: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线起始点在 y 轴的起点位置，可以配置 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于 region 纵轴（从上到下）的百分之 15 位置处。\n   */\n  y: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线终点在 x 轴的终点位置，可以配置 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   * @since 1.7.3\n   */\n  x1: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线终点在 y 轴的终点位置，可以配置 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于 region 纵轴（从上到下）的百分之 15 位置处。\n   * @since 1.7.3\n   */\n  y1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineAngleSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineRadiusSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineAngRadRad1Spec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineRadAngAng1Spec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle1: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineAngRadSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle1: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius1: IDataPos | IDataPosCallback;\n}\n\nexport type IMarkLineCoordinateSpec = {\n  /**\n   * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n   * `coordinates` 自 1.12.0 版本开始支持回调函数\n   */\n  coordinates: IDataPointSpec[] | ((seriesData: Datum[], relativeSeries: IMarkerSupportSeries) => IDataPointSpec[]);\n  /**\n   * 对每个数据点转化后的画布坐标点进行偏移，该偏移值可以是像素值，也可以是 string 类型，如 '20%' 代表百分比\n   * 每个元素对应一个坐标点的偏移量\n   * @since 1.7.3\n   */\n  coordinatesOffset?: OffsetPoint[];\n  /**\n   * 数据点的处理方法。 如果不配置则按照coordinate数组直接连接成line。\n   */\n  process?:\n    | {\n        x: IAggrType;\n      }\n    | {\n        y: IAggrType;\n      }\n    | {\n        xy: IRegressType; // FIXME: xy属性名称不太合理，可能需调整\n      };\n};\n\nexport type IStepMarkLineSpec = IMarkerSpec & {\n  /**\n   * 指定辅助线的连接类型，step 的连接方式为由交替的水平线和处置线组成的\n   */\n  type: 'type-step';\n  /**\n   * 线的链接方向\n   */\n  connectDirection: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * 在连接方向的扩展距离。\n   * number 类型为像素值\n   * string 类型为百分比，相对于 region 区域宽度/高度的百分比，如 '30%'\n   */\n  expandDistance?: number | string;\n  /**\n   * 标注线的标签样式\n   */\n  label?: IMarkerLabelSpec;\n  /**\n   * 标注线的线配置\n   */\n  line?: {\n    /**\n     * 是否对 points 进行多段处理，默认为 false，即直接将所有的点连接成线。\n     * 如果需要进行多段处理，需要将 points 属性配置为 Point[][] 类型\n     * @default false\n     */\n    multiSegment?: boolean;\n    /**\n     * 在 `multiSegment` 属性开启的前提下，用于声明那一段线段用来作为主线段，如果不声明，默认全段为主线段\n     */\n    mainSegmentIndex?: number;\n    /**\n     * 当进行多段配置时，可以通过数组的方式传入\n     */\n    style?: ILineMarkSpec | ILineMarkSpec[];\n    state?: Record<\n      MarkerStateValue,\n      ILineMarkSpec | ILineMarkSpec[] | MarkerStateCallback<ILineMarkSpec | ILineMarkSpec[]>\n    >;\n  };\n} & Omit<IMarkLineTheme, 'label' | 'line'> &\n  (\n    | {\n        /**\n         * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n         * `coordinates` 自 1.12.0 版本开始支持回调函数\n         */\n        coordinates:\n          | [IDataPointSpec, IDataPointSpec]\n          | ((seriesData: Datum[], relativeSeries: IMarkerSupportSeries) => [IDataPointSpec, IDataPointSpec]);\n        /**\n         * 数据点的处理方法。 如果不配置则按照coordinate数组直接连接成line。\n         */\n        process?:\n          | {\n              x: IAggrType;\n            }\n          | {\n              y: IAggrType;\n            }\n          | {\n              xy: IRegressType; // FIXME: xy属性名称不太合理，可能需调整\n            };\n      }\n    | {\n        /**\n         * 画布坐标\n         * `positions` 自 1.12.0 版本开始支持回调函数\n         */\n        positions: [IPoint, IPoint] | ((seriesData: Datum[], relativeSeries: IMarkerSupportSeries) => [IPoint, IPoint]);\n        /**\n         * 是否为相对 region 的坐标，默认为 false，即相对画布的坐标\n         * @default false\n         * @since 1.7.0\n         */\n        regionRelative?: boolean;\n      }\n  );\n"]}
+{"version":3,"sources":["../src/component/marker/mark-line/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport type { IComponent } from '../../../interface';\nimport type {\n  IAggrType,\n  IMarkerAttributeContext,\n  IMarkerPositionsSpec,\n  IDataPointSpec,\n  IMarkerSpec,\n  IDataPos,\n  IDataPosCallback,\n  IMarkerLabelSpec,\n  IMarkerCrossSeriesSpec,\n  OffsetPoint,\n  MarkerStateValue,\n  MarkerStateCallback,\n  IMarkerSupportSeries\n} from '../../interface';\nimport type { IRegressType } from '../../mark-area/interface';\nimport type { IMarkLineTheme } from './theme';\nimport type { Datum, ILineMarkSpec, IPoint } from '../../../../typings';\nimport type { BaseMarkerAnimation, MarkCommonLineAnimationType } from '@visactor/vrender-components';\nimport type { IRegion } from '../../../../region/interface';\n\nexport type IMarkLine = IComponent;\n\n/**\n * 辅助线配置，一般用于展示图表的趋势线、平均线等\n */\nexport type IMarkLineSpec =\n  | (IMarkerSpec &\n      /**\n       * 标注目标：笛卡尔坐标系坐标空间\n       */\n      (| IMarkLineXSpec\n        | IMarkLineYSpec\n        | IMarkLineXYSpec\n        | IMarkLineXYY1Spec\n        | IMarkLineYXX1Spec\n        /**\n         * 标注目标: 极坐标系\n         * @since 1.11.0\n         */\n        | IMarkLineAngleSpec\n        | IMarkLineRadiusSpec\n        | IMarkLineAngRadRad1Spec\n        | IMarkLineRadAngAng1Spec\n        | IMarkLineAngRadSpec\n        // 标注目标：数据元素\n        | IMarkLineCoordinateSpec\n        // 标注目标: 任意位置\n        | IMarkerPositionsSpec\n      ) &\n      IMarkLineTheme &\n      /**\n       * 动画配置\n       * @since 1.11.0\n       */\n      BaseMarkerAnimation<MarkCommonLineAnimationType>)\n  | (IStepMarkLineSpec & BaseMarkerAnimation<MarkCommonLineAnimationType>); // 标注目标：任意位置\n\nexport interface IMarkLineXSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 单独声明 x 属性，可以绘制一条贯穿 y 轴的标注线\n   * x 轴上的参考线。可以配置参考线在 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，用于表示将 x 绘制在 marker 所在 region 横轴（从左往右）的百分之 15 位置处。\n   */\n  x: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineXYY1Spec extends IMarkerCrossSeriesSpec {\n  /**\n   * 参考线在 x 轴上位置，可以配置参考线在 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   */\n  x: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线在 y 轴的起点位置，可以配置 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于 region 纵轴（从上到下）的百分之 15 位置处。\n   */\n  y: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线在 y 轴的终点位置，可以配置 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于 region 纵轴（从上到下）的百分之 15 位置处。\n   * @since 1.7.3\n   */\n  y1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineYSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 单独声明 y 属性，可以绘制一条贯穿 x 轴的标注线\n   * y轴上的参考线。可以配置参考线在y轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算\n   * 可以将 y 配置为 '15%' 百分比的形式，用于表示将 x 绘制在 marker 所在 region 纵轴（从上到下）的百分之 15 位置处\n   */\n  y: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineYXX1Spec extends IMarkerCrossSeriesSpec {\n  /**\n   * 参考线在 y 轴上位置，可以配置参考线在 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于  region 纵轴（从上到下）的百分之 15 位置处。\n   */\n  y: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线在 x 轴的起点位置，可以配置 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   */\n  x: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线在 x 轴的终点位置，可以配置 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   * @since 1.7.3\n   */\n  x1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineXYSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 参考线起始点在 x 轴上位置，可以配置参考线在 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   */\n  x: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线起始点在 y 轴的起点位置，可以配置 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于 region 纵轴（从上到下）的百分之 15 位置处。\n   */\n  y: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线终点在 x 轴的终点位置，可以配置 x 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，表示该位置位于 region 横轴（从左往右）的百分之 15 位置处。\n   * @since 1.7.3\n   */\n  x1: IDataPos | IDataPosCallback;\n  /**\n   * 该参考线终点在 y 轴的终点位置，可以配置 y 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 y 配置为 '15%' 百分比的形式，表示该位置位于 region 纵轴（从上到下）的百分之 15 位置处。\n   * @since 1.7.3\n   */\n  y1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineAngleSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineRadiusSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineAngRadRad1Spec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineRadAngAng1Spec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle1: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineAngRadSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 angle 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle1: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  参考线在 radius 轴上位置，可以配置参考线在 angle 轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius1: IDataPos | IDataPosCallback;\n}\n\nexport type IMarkLineCoordinateSpec = {\n  /**\n   * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n   * `coordinates` 自 1.12.0 版本开始支持回调函数\n   */\n  coordinates: IDataPointSpec[] | ((seriesData: Datum[], relativeSeries: IMarkerSupportSeries) => IDataPointSpec[]);\n  /**\n   * 对每个数据点转化后的画布坐标点进行偏移，该偏移值可以是像素值，也可以是 string 类型，如 '20%' 代表百分比\n   * 每个元素对应一个坐标点的偏移量\n   * @since 1.7.3\n   */\n  coordinatesOffset?: OffsetPoint[];\n  /**\n   * 数据点的处理方法。 如果不配置则按照coordinate数组直接连接成line。\n   */\n  process?:\n    | {\n        x: IAggrType;\n      }\n    | {\n        y: IAggrType;\n      }\n    | {\n        xy: IRegressType; // FIXME: xy属性名称不太合理，可能需调整\n      };\n};\n\nexport type IStepMarkLineSpec = IMarkerSpec & {\n  /**\n   * 指定辅助线的连接类型，step 的连接方式为由交替的水平线和处置线组成的\n   */\n  type: 'type-step';\n  /**\n   * 线的链接方向\n   */\n  connectDirection: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * 在连接方向的扩展距离。\n   * number 类型为像素值\n   * string 类型为百分比，相对于 region 区域宽度/高度的百分比，如 '30%'\n   * 回调函数参数同 marker 其他回调，支持拿到 markerData 与上下文，\n   * 并额外补充了 region/startRegion/endRegion 便于跨 region 计算，以及当前差异标注的坐标点。\n   */\n  expandDistance?:\n    | number\n    | string\n    | ((\n        markerData: DataView,\n        context: IMarkerAttributeContext & {\n          region: IRegion;\n          startRegion: IRegion;\n          endRegion: IRegion;\n          coordinatePoints: IPoint[];\n        }\n      ) => number | string);\n  /**\n   * 标注线的标签样式\n   */\n  label?: IMarkerLabelSpec;\n  /**\n   * 标注线的线配置\n   */\n  line?: {\n    /**\n     * 是否对 points 进行多段处理，默认为 false，即直接将所有的点连接成线。\n     * 如果需要进行多段处理，需要将 points 属性配置为 Point[][] 类型\n     * @default false\n     */\n    multiSegment?: boolean;\n    /**\n     * 在 `multiSegment` 属性开启的前提下，用于声明那一段线段用来作为主线段，如果不声明，默认全段为主线段\n     */\n    mainSegmentIndex?: number;\n    /**\n     * 当进行多段配置时，可以通过数组的方式传入\n     */\n    style?: ILineMarkSpec | ILineMarkSpec[];\n    state?: Record<\n      MarkerStateValue,\n      ILineMarkSpec | ILineMarkSpec[] | MarkerStateCallback<ILineMarkSpec | ILineMarkSpec[]>\n    >;\n  };\n} & Omit<IMarkLineTheme, 'label' | 'line'> &\n  (\n    | {\n        /**\n         * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n         * `coordinates` 自 1.12.0 版本开始支持回调函数\n         */\n        coordinates:\n          | [IDataPointSpec, IDataPointSpec]\n          | ((seriesData: Datum[], relativeSeries: IMarkerSupportSeries) => [IDataPointSpec, IDataPointSpec]);\n        /**\n         * 数据点的处理方法。 如果不配置则按照coordinate数组直接连接成line。\n         */\n        process?:\n          | {\n              x: IAggrType;\n            }\n          | {\n              y: IAggrType;\n            }\n          | {\n              xy: IRegressType; // FIXME: xy属性名称不太合理，可能需调整\n            };\n      }\n    | {\n        /**\n         * 画布坐标\n         * `positions` 自 1.12.0 版本开始支持回调函数\n         */\n        positions: [IPoint, IPoint] | ((seriesData: Datum[], relativeSeries: IMarkerSupportSeries) => [IPoint, IPoint]);\n        /**\n         * 是否为相对 region 的坐标，默认为 false，即相对画布的坐标\n         * @default false\n         * @since 1.7.0\n         */\n        regionRelative?: boolean;\n      }\n  );\n"]}

package/cjs/component/title/title.d.ts

@@ -24,7 +24,13 @@ export declare class Title<T extends ITitleSpec = ITitleSpec> extends BaseCompon
     constructor(spec: T, options: IComponentOption);
     initLayout(): void;
     static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
-    _compareSpec(spec: T, prevSpec: T): import("../../model/interface").IUpdateSpecResult;
+    _compareSpec(spec: T, prevSpec: T): {
+        change: boolean;
+        reMake: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
     afterSetLayoutStartPoint(pos: IPoint): void;
     getBoundsInRect(rect: ILayoutRect): {
         x1: number;

package/cjs/component/title/title.js

@@ -22,13 +22,9 @@ class Title extends base_component_1.BaseComponent {
         return (0, util_1.getSpecInfo)(chartSpec, this.specKey, type_1.ComponentTypeEnum.title, (s => !1 !== s.visible));
     }
     _compareSpec(spec, prevSpec) {
-        const result = super._compareSpec(spec, prevSpec), specChanged = !(0, vutils_1.isEqual)(prevSpec, spec);
+        const result = super._compareSpec(spec, prevSpec);
         return (null == prevSpec ? void 0 : prevSpec.orient) === (null == spec ? void 0 : spec.orient) && (null == prevSpec ? void 0 : prevSpec.visible) === spec.visible || (result.reMake = !0), 
-        result.change = !0, result.reRender = !0, specChanged && !result.reMake && (result.effects = Object.assign(Object.assign({}, result.effects), {
-            component: !0,
-            layout: !0,
-            render: !0
-        })), result;
+        result.change = !0, result.reRender = !0, result;
     }
     afterSetLayoutStartPoint(pos) {
         (0, vutils_1.isValidNumber)(pos.x) && this._titleComponent && this._titleComponent.setAttribute("x", pos.x), 

package/cjs/component/title/title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/title/title.ts"],"names":[],"mappings":";;;AAAA,kDAAkE;AAClE,gDAA6C;AAI7C,4CAAmE;AACnE,2DAAuD;AAGvD,4CAAsD;AAEtD,qEAAwE;AAMxE,6CAAgF;AAChF,kCAAsC;AACtC,sEAAmE;AAEnE,MAAa,KAAyC,SAAQ,8BAAgB;IAmB5E,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,IAAO,EAAE,OAAyB;QAC5C,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAtBvB,SAAI,GAAG,wBAAiB,CAAC,KAAK,CAAC;QAE/B,YAAO,GAAW,wBAAiB,CAAC,KAAK,CAAC;QAE1C,eAAU,GAAgB,QAAQ,CAAC;QACnC,iBAAY,GAAW,qBAAY,CAAC,KAAK,CAAC;QAC1C,gBAAW,GAAW,oBAAW,CAAC,KAAK,CAAC;QAM9B,YAAO,GAAgB,KAAK,CAAC;QAWrC,IAAI,CAAC,OAAO,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAClE,CAAC;IAED,UAAU;QACR,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7D,CAAC;IAED,MAAM,CAAC,WAAW,CAAC,SAAc;QAC/B,OAAO,IAAA,kBAAW,EAAa,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,wBAAiB,CAAC,KAAK,EAAE,CAAC,CAAa,EAAE,EAAE;YACjG,OAAO,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC;QAC7B,CAAC,CAAC,CAAC;IACL,CAAC;IAKD,YAAY,CAAC,IAAO,EAAE,QAAW;QAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAClD,MAAM,WAAW,GAAG,CAAC,IAAA,gBAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAE7C,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,OAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,IAAI,CAAC,QAAgB,aAAhB,QAAQ,uBAAR,QAAQ,CAAU,OAAO,MAAM,IAAY,CAAC,OAAO,EAAE;YAE7F,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QAED,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,IAAI,WAAW,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YACjC,MAAM,CAAC,OAAO,mCACT,MAAM,CAAC,OAAO,KACjB,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,GACb,CAAC;SACH;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,wBAAwB,CAAC,GAAW;QAClC,IAAI,IAAA,sBAAa,EAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACxB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;SACvE;QACD,IAAI,IAAA,sBAAa,EAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACxB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;SACvE;QACD,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC;IAED,eAAe,CAAC,IAAiB;QAC/B,IAAI,MAAM,GAAyB,EAAE,CAAC;QACtC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAEzB,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACpC,IAAI,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC;QAE1C,MAAM,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACpC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5C,OAAO;YACL,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK;YACpB,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM;SACtB,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;QACpD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,sBAAa,EAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACjH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;YAC9B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;YACnB,CAAC,CAAC,IAAA,sBAAa,EAAC,WAAW,CAAC,MAAM,EAAE,CAAC;gBACrC,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE;gBACtB,CAAC,CAAC,CAAC,CAAC;QACN,OAAO;YACL,KAAK;YACL,MAAM;SACP,CAAC;IACJ,CAAC;IAEO,cAAc;;QAKpB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,KAAK,EAAE;YAChC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACxC,MAAM,UAAU,GAAG,IAAA,wBAAgB,EAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QAChG,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QACtG,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QACpF,MAAM,OAAO,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,CAAC;QACnE,MAAM,UAAU,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,EAAE,CAAC;QAE5E,MAAM,KAAK,GAAG,gCACR,IAAA,oBAAW,EAAC,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,CAAS,KAChD,QAAQ,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,mCAAI,MAAM,EACvC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC3C,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,MAAM,EAC7C,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACpD,CAAC,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,CAAC,mCAAI,CAAC,EACpB,CAAC,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,CAAC,mCAAI,CAAC,EACpB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EACR,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAChC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,MAAM,EACjC,aAAa,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,aAAa,mCAAI,KAAK,EAChD,SAAS,kBACP,YAAY,EAAE,QAAQ,IACnB,IAAI,CAAC,KAAK,CAAC,SAAS,GAEzB,YAAY,kBACV,YAAY,EAAE,QAAQ,IACnB,IAAI,CAAC,KAAK,CAAC,YAAY,IAEf,CAAC;QAGhB,IAAI,OAAO,EAAE;YACV,KAAK,CAAC,SAAiB,CAAC,KAAK,GAAG,QAAQ,CAAC;SAC3C;QACD,IAAI,UAAU,EAAE;YACb,KAAK,CAAC,YAAoB,CAAC,KAAK,GAAG,QAAQ,CAAC;SAC9C;QAED,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;YACzE,IAAI,OAAO,EAAE;gBACV,KAAK,CAAC,SAAiB,CAAC,KAAK,GAAG,YAAY,CAAC;aAC/C;iBAAM;gBAEL,OAAQ,KAAK,CAAC,SAAiB,CAAC,KAAK,CAAC;aACvC;YACD,IAAI,UAAU,EAAE;gBACb,KAAK,CAAC,YAAoB,CAAC,KAAK,GAAG,YAAY,CAAC;aAClD;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,6BAA6B,CAAC,KAAiB;QACrD,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,IAAI,CAAC,IAAA,gBAAO,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;gBACrC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;aAC3C;SACF;aAAM;YACL,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACtC,MAAM,KAAK,GAAG,IAAI,0BAAe,CAAC,KAAK,CAAC,CAAC;YACzC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;YACrB,SAAS,CAAC,GAAG,CAAC,KAAyB,CAAC,CAAC;YACzC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAE7B,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAU,EAAE,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAA4B,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;SAC7G;QACD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAES,8BAA8B;QACtC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAwB,CAAC;IACvD,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;;AAlMH,sBAmMC;AAlMQ,UAAI,GAAG,wBAAiB,CAAC,KAAK,CAAC;AAE/B,aAAO,GAAG,wBAAiB,CAAC,KAAK,CAAC;AAOzB,kBAAY,GAAG;IAC7B,KAAK,EAAL,aAAK;CACN,CAAC;AAyLG,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,iBAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC/C,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB","file":"title.js","sourcesContent":["import { LayoutLevel, LayoutZIndex } from '../../constant/layout';\nimport { Factory } from '../../core/factory';\nimport type { IModelSpecInfo } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IPoint, IOrientType, ILayoutType, ILayoutRect } from '../../typings';\nimport { calcLayoutNumber, isValidOrient } from '../../util/space';\nimport { BaseComponent } from '../base/base-component';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IComponentOption } from '../interface';\nimport { ComponentTypeEnum } from '../interface/type';\nimport type { ITitle, ITitleSpec } from './interface';\nimport { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\nimport type { IGraphic, IGroup, INode } from '@visactor/vrender-core';\nimport type { Maybe } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isEqual, isValidNumber, pickWithout, isValid } from '@visactor/vutils';\nimport { getSpecInfo } from '../util';\nimport { title } from '../../theme/builtin/common/component/title';\n\nexport class Title<T extends ITitleSpec = ITitleSpec> extends BaseComponent<T> implements ITitle {\n  static type = ComponentTypeEnum.title;\n  type = ComponentTypeEnum.title;\n  static specKey = ComponentTypeEnum.title;\n  specKey: string = ComponentTypeEnum.title;\n\n  layoutType: ILayoutType = 'normal';\n  layoutZIndex: number = LayoutZIndex.Title;\n  layoutLevel: number = LayoutLevel.Title;\n\n  static readonly builtInTheme = {\n    title\n  };\n\n  protected _orient: IOrientType = 'top';\n\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n\n  get orient() {\n    return this._orient;\n  }\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n    this._orient = isValidOrient(spec.orient) ? spec.orient : 'top';\n  }\n\n  initLayout(): void {\n    super.initLayout();\n    this._layout && (this._layout.layoutOrient = this._orient);\n  }\n\n  static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]> {\n    return getSpecInfo<ITitleSpec>(chartSpec, this.specKey, ComponentTypeEnum.title, (s: ITitleSpec) => {\n      return s.visible !== false;\n    });\n  }\n\n  /**\n   * updateSpec\n   */\n  _compareSpec(spec: T, prevSpec: T) {\n    const result = super._compareSpec(spec, prevSpec);\n    const specChanged = !isEqual(prevSpec, spec);\n\n    if (prevSpec?.orient !== spec?.orient || (prevSpec as any)?.visible !== (spec as any).visible) {\n      // title 组件切换visible会影响布局，所以需要重新remake\n      result.reMake = true;\n    }\n\n    result.change = true;\n    result.reRender = true;\n    if (specChanged && !result.reMake) {\n      result.effects = {\n        ...result.effects,\n        component: true,\n        layout: true,\n        render: true\n      };\n    }\n    return result;\n  }\n\n  afterSetLayoutStartPoint(pos: IPoint): void {\n    if (isValidNumber(pos.x)) {\n      this._titleComponent && this._titleComponent.setAttribute('x', pos.x);\n    }\n    if (isValidNumber(pos.y)) {\n      this._titleComponent && this._titleComponent.setAttribute('y', pos.y);\n    }\n    super.afterSetLayoutStartPoint(pos);\n  }\n\n  getBoundsInRect(rect: ILayoutRect) {\n    let result: Partial<ILayoutRect> = {};\n    this.setLayoutRect(rect);\n\n    const attrs = this._getTitleAttrs();\n    this._createOrUpdateTitleComponent(attrs);\n\n    result = this._getTitleLayoutRect();\n    const { x, y } = this.getLayoutStartPoint();\n    return {\n      x1: x,\n      y1: y,\n      x2: x + result.width,\n      y2: y + result.height\n    };\n  }\n\n  private _getTitleLayoutRect() {\n    const titleBounds = this._titleComponent.AABBBounds;\n    const width = this._spec.width ? this._spec.width : isValidNumber(titleBounds.width()) ? titleBounds.width() : 0;\n    const height = this._spec.height\n      ? this._spec.height\n      : isValidNumber(titleBounds.height())\n      ? titleBounds.height()\n      : 0;\n    return {\n      width,\n      height\n    };\n  }\n\n  private _getTitleAttrs() {\n    /**\n     * 生成标题组件的渲染属性，统一计算宽高与对齐参数，\n     * 并在仅副标题场景下避免主标题宽度影响副标题布局。\n     */\n    if (this._spec.visible === false) {\n      return { visible: false };\n    }\n    const layoutRect = this.getLayoutRect();\n    const titleWidth = calcLayoutNumber(this._spec.width, layoutRect.width, null, layoutRect.width);\n    const titleMaxWidth = calcLayoutNumber(this._spec.maxWidth, layoutRect.width, null, layoutRect.width);\n    const maxWidth = Math.max(Math.min(titleWidth, titleMaxWidth, layoutRect.width), 0);\n    const hasText = isValid(this._spec.text) && this._spec.text !== '';\n    const hasSubtext = isValid(this._spec.subtext) && this._spec.subtext !== '';\n\n    const attrs = {\n      ...(pickWithout(this._spec, ['padding']) as any),\n      textType: this._spec.textType ?? 'text',\n      text: hasText ? this._spec.text : undefined,\n      subtextType: this._spec.subtextType ?? 'text',\n      subtext: hasSubtext ? this._spec.subtext : undefined,\n      x: this._spec.x ?? 0,\n      y: this._spec.y ?? 0,\n      height: this._spec.height,\n      minWidth: this._spec.minWidth,\n      maxWidth,\n      minHeight: this._spec.minHeight,\n      maxHeight: this._spec.maxHeight,\n      padding: this._spec.innerPadding,\n      align: this._spec.align ?? 'left',\n      verticalAlign: this._spec.verticalAlign ?? 'top',\n      textStyle: {\n        maxLineWidth: maxWidth,\n        ...this._spec.textStyle\n      },\n      subtextStyle: {\n        maxLineWidth: maxWidth,\n        ...this._spec.subtextStyle\n      }\n    } as TitleAttrs;\n\n    // 仅在对应文本存在时设置 width，避免空主标题影响副标题的对齐与宽度计算\n    if (hasText) {\n      (attrs.textStyle as any).width = maxWidth;\n    }\n    if (hasSubtext) {\n      (attrs.subtextStyle as any).width = maxWidth;\n    }\n\n    if (isValid(this._spec.width)) {\n      const clampedWidth = Math.max(Math.min(titleWidth, layoutRect.width), 0);\n      if (hasText) {\n        (attrs.textStyle as any).width = clampedWidth;\n      } else {\n        // 主标题不存在时，不设置其 width\n        delete (attrs.textStyle as any).width;\n      }\n      if (hasSubtext) {\n        (attrs.subtextStyle as any).width = clampedWidth;\n      }\n    }\n    return attrs;\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const container = this.getContainer();\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      container.add(title as unknown as INode);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as IGraphic, event, type));\n    }\n    this._cacheAttrs = attrs;\n    return this._titleComponent;\n  }\n\n  protected _getNeedClearVRenderComponents(): IGraphic[] {\n    return [this._titleComponent] as unknown as IGroup[];\n  }\n\n  clear(): void {\n    super.clear();\n    this._cacheAttrs = null;\n  }\n}\n\nexport const registerTitle = () => {\n  Factory.registerComponent(Title.type, Title);\n};\n"]}
+{"version":3,"sources":["../src/component/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { LayoutLevel, LayoutZIndex } from '../../constant/layout';\nimport { Factory } from '../../core/factory';\nimport type { IModelSpecInfo } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IPoint, IOrientType, ILayoutType, ILayoutRect } from '../../typings';\nimport { calcLayoutNumber, isValidOrient } from '../../util/space';\nimport { BaseComponent } from '../base/base-component';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IComponentOption } from '../interface';\nimport { ComponentTypeEnum } from '../interface/type';\nimport type { ITitle, ITitleSpec } from './interface';\nimport { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\nimport type { IGraphic, IGroup, INode } from '@visactor/vrender-core';\nimport type { Maybe } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isEqual, isValidNumber, pickWithout, isValid } from '@visactor/vutils';\nimport { getSpecInfo } from '../util';\nimport { title } from '../../theme/builtin/common/component/title';\n\nexport class Title<T extends ITitleSpec = ITitleSpec> extends BaseComponent<T> implements ITitle {\n  static type = ComponentTypeEnum.title;\n  type = ComponentTypeEnum.title;\n  static specKey = ComponentTypeEnum.title;\n  specKey: string = ComponentTypeEnum.title;\n\n  layoutType: ILayoutType = 'normal';\n  layoutZIndex: number = LayoutZIndex.Title;\n  layoutLevel: number = LayoutLevel.Title;\n\n  static readonly builtInTheme = {\n    title\n  };\n\n  protected _orient: IOrientType = 'top';\n\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n\n  get orient() {\n    return this._orient;\n  }\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n    this._orient = isValidOrient(spec.orient) ? spec.orient : 'top';\n  }\n\n  initLayout(): void {\n    super.initLayout();\n    this._layout && (this._layout.layoutOrient = this._orient);\n  }\n\n  static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]> {\n    return getSpecInfo<ITitleSpec>(chartSpec, this.specKey, ComponentTypeEnum.title, (s: ITitleSpec) => {\n      return s.visible !== false;\n    });\n  }\n\n  /**\n   * updateSpec\n   */\n  _compareSpec(spec: T, prevSpec: T) {\n    const result = super._compareSpec(spec, prevSpec);\n\n    if (prevSpec?.orient !== spec?.orient || (prevSpec as any)?.visible !== (spec as any).visible) {\n      // title 组件切换visible会影响布局，所以需要重新remake\n      result.reMake = true;\n    }\n\n    result.change = true;\n    result.reRender = true;\n    return result;\n  }\n\n  afterSetLayoutStartPoint(pos: IPoint): void {\n    if (isValidNumber(pos.x)) {\n      this._titleComponent && this._titleComponent.setAttribute('x', pos.x);\n    }\n    if (isValidNumber(pos.y)) {\n      this._titleComponent && this._titleComponent.setAttribute('y', pos.y);\n    }\n    super.afterSetLayoutStartPoint(pos);\n  }\n\n  getBoundsInRect(rect: ILayoutRect) {\n    let result: Partial<ILayoutRect> = {};\n    this.setLayoutRect(rect);\n\n    const attrs = this._getTitleAttrs();\n    this._createOrUpdateTitleComponent(attrs);\n\n    result = this._getTitleLayoutRect();\n    const { x, y } = this.getLayoutStartPoint();\n    return {\n      x1: x,\n      y1: y,\n      x2: x + result.width,\n      y2: y + result.height\n    };\n  }\n\n  private _getTitleLayoutRect() {\n    const titleBounds = this._titleComponent.AABBBounds;\n    const width = this._spec.width ? this._spec.width : isValidNumber(titleBounds.width()) ? titleBounds.width() : 0;\n    const height = this._spec.height\n      ? this._spec.height\n      : isValidNumber(titleBounds.height())\n      ? titleBounds.height()\n      : 0;\n    return {\n      width,\n      height\n    };\n  }\n\n  private _getTitleAttrs() {\n    /**\n     * 生成标题组件的渲染属性，统一计算宽高与对齐参数，\n     * 并在仅副标题场景下避免主标题宽度影响副标题布局。\n     */\n    if (this._spec.visible === false) {\n      return { visible: false };\n    }\n    const layoutRect = this.getLayoutRect();\n    const titleWidth = calcLayoutNumber(this._spec.width, layoutRect.width, null, layoutRect.width);\n    const titleMaxWidth = calcLayoutNumber(this._spec.maxWidth, layoutRect.width, null, layoutRect.width);\n    const maxWidth = Math.max(Math.min(titleWidth, titleMaxWidth, layoutRect.width), 0);\n    const hasText = isValid(this._spec.text) && this._spec.text !== '';\n    const hasSubtext = isValid(this._spec.subtext) && this._spec.subtext !== '';\n\n    const attrs = {\n      ...(pickWithout(this._spec, ['padding']) as any),\n      textType: this._spec.textType ?? 'text',\n      text: hasText ? this._spec.text : undefined,\n      subtextType: this._spec.subtextType ?? 'text',\n      subtext: hasSubtext ? this._spec.subtext : undefined,\n      x: this._spec.x ?? 0,\n      y: this._spec.y ?? 0,\n      height: this._spec.height,\n      minWidth: this._spec.minWidth,\n      maxWidth,\n      minHeight: this._spec.minHeight,\n      maxHeight: this._spec.maxHeight,\n      padding: this._spec.innerPadding,\n      align: this._spec.align ?? 'left',\n      verticalAlign: this._spec.verticalAlign ?? 'top',\n      textStyle: {\n        maxLineWidth: maxWidth,\n        ...this._spec.textStyle\n      },\n      subtextStyle: {\n        maxLineWidth: maxWidth,\n        ...this._spec.subtextStyle\n      }\n    } as TitleAttrs;\n\n    // 仅在对应文本存在时设置 width，避免空主标题影响副标题的对齐与宽度计算\n    if (hasText) {\n      (attrs.textStyle as any).width = maxWidth;\n    }\n    if (hasSubtext) {\n      (attrs.subtextStyle as any).width = maxWidth;\n    }\n\n    if (isValid(this._spec.width)) {\n      const clampedWidth = Math.max(Math.min(titleWidth, layoutRect.width), 0);\n      if (hasText) {\n        (attrs.textStyle as any).width = clampedWidth;\n      } else {\n        // 主标题不存在时，不设置其 width\n        delete (attrs.textStyle as any).width;\n      }\n      if (hasSubtext) {\n        (attrs.subtextStyle as any).width = clampedWidth;\n      }\n    }\n    return attrs;\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const container = this.getContainer();\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      container.add(title as unknown as INode);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as IGraphic, event, type));\n    }\n    this._cacheAttrs = attrs;\n    return this._titleComponent;\n  }\n\n  protected _getNeedClearVRenderComponents(): IGraphic[] {\n    return [this._titleComponent] as unknown as IGroup[];\n  }\n\n  clear(): void {\n    super.clear();\n    this._cacheAttrs = null;\n  }\n}\n\nexport const registerTitle = () => {\n  Factory.registerComponent(Title.type, Title);\n};\n"]}

package/cjs/component/util.js

@@ -37,5 +37,4 @@ const getSpecInfo = (chartSpec, specKey, compType, filter) => {
     })), specInfos;
 };
 
-exports.getSpecInfo = getSpecInfo;
-//# sourceMappingURL=util.js.map
+exports.getSpecInfo = getSpecInfo;

package/cjs/constant/scatter.js

@@ -8,4 +8,5 @@ const vscale_1 = require("@visactor/vscale");
 
 exports.SCATTER_DEFAULT_SIZE = 10, exports.SCATTER_DEFAULT_RANGE_SIZE = [ 10, 20 ], 
 exports.SCATTER_DEFAULT_SIZE_SCALE_TYPE = vscale_1.ScaleEnum.Linear, exports.SCATTER_DEFAULT_SHAPE = "circle", 
-exports.SCATTER_DEFAULT_SHAPE_SCALE_TYPE = vscale_1.ScaleEnum.Ordinal, exports.SCATTER_DEFAULT_RANGE_SHAPE = [ "circle", "square", "triangle", "diamond", "star" ];
+exports.SCATTER_DEFAULT_SHAPE_SCALE_TYPE = vscale_1.ScaleEnum.Ordinal, exports.SCATTER_DEFAULT_RANGE_SHAPE = [ "circle", "square", "triangle", "diamond", "star" ];
+//# sourceMappingURL=scatter.js.map

package/cjs/constant/scroll-bar.js

@@ -2,5 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.SCROLL_BAR_DEFAULT_SIZE = void 0, exports.SCROLL_BAR_DEFAULT_SIZE = 12;
-//# sourceMappingURL=scroll-bar.js.map
+}), exports.SCROLL_BAR_DEFAULT_SIZE = void 0, exports.SCROLL_BAR_DEFAULT_SIZE = 12;

package/cjs/core/instance-manager.js

@@ -28,4 +28,4 @@ class InstanceManager {
 }
 
 exports.InstanceManager = InstanceManager, InstanceManager.instances = new Map;
-//# sourceMappingURL=instance-manager.js.map
+//# sourceMappingURL=instance-manager.js.map

package/cjs/core/vchart.d.ts

@@ -8,7 +8,7 @@ import type { IComponentConstructor } from '../component/interface';
 import type { EventCallback, EventQuery, EventType, ExtendEventParam, IEvent } from '../event/interface';
 import type { IParserOptions, Transform } from '@visactor/vdataset';
 import { DataSet, DataView } from '@visactor/vdataset';
-import type { IGraphic, IStage } from '@visactor/vrender-core';
+import type { IStage } from '@visactor/vrender-core';
 import type { GeoSourceType } from '../typings/geo';
 import type { GeoSourceOption } from '../series/map/geo-source';
 import type { IMark, MarkConstructor } from '../mark/interface';
@@ -78,7 +78,6 @@ export declare class VChart implements IVChart {
     private _onError?;
     private _context;
     private _isReleased;
-    private _exitingVRenderComponents?;
     private _chartPlugin?;
     private _vChartPlugin?;
     private _onResize?;
@@ -111,9 +110,6 @@ export declare class VChart implements IVChart {
     protected _renderAsync(option?: IVChartRenderOption): Promise<IVChart>;
     private _updateAnimateState;
     release(): void;
-    _registerExitingVRenderComponent(component: IGraphic): void;
-    _unregisterExitingVRenderComponent(component: IGraphic): void;
-    private _forceReleaseExitingVRenderComponents;
     updateData(id: StringOrNumber, data: DataView | Datum[] | string, parserOptions?: IParserOptions, userUpdateOptions?: IUpdateDataResult): Promise<IVChart>;
     private _updateDataById;
     updateDataInBatches(list: {

package/cjs/core/vchart.js

@@ -38,7 +38,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerVChartCore = exports.VChart = void 0;
 
-const array_1 = require("../data/parser/array"), common_1 = require("../typings/spec/common"), type_1 = require("../component/interface/type"), vdataset_1 = require("@visactor/vdataset"), vrender_core_1 = require("@visactor/vrender-core"), util_1 = require("../util"), id_1 = require("../util/id"), space_1 = require("../util/space"), env_1 = require("../util/env"), debug_1 = require("../util/debug"), common_2 = require("../util/theme/common"), vutils_extension_1 = require("@visactor/vutils-extension"), factory_1 = require("./factory"), event_1 = require("../event/event"), event_dispatcher_1 = require("../event/event-dispatcher"), geo_source_1 = require("../series/map/geo-source"), register_1 = require("../data/register"), initialize_1 = require("../data/initialize"), copy_data_view_1 = require("../data/transforms/copy-data-view"), interface_1 = require("../animation/interface"), theme_manager_1 = require("../theme/theme-manager"), compiler_1 = require("../compile/compiler"), image_1 = require("../util/image"), event_2 = require("../constant/event"), base_1 = require("../constant/base"), vutils_1 = require("@visactor/vutils"), instance_manager_1 = require("./instance-manager"), vrender_components_1 = require("@visactor/vrender-components"), util_2 = require("../chart/util"), region_1 = require("../region/region"), base_layout_1 = require("../layout/base-layout"), group_1 = require("../mark/group"), util_3 = require("./util"), expression_function_1 = require("./expression-function"), env_2 = require("../env"), theme_1 = require("../util/theme"), builtin_1 = require("../theme/builtin"), plugin_service_1 = require("../plugin/chart/plugin-service"), other_1 = require("../plugin/other"), element_highlight_1 = require("../interaction/triggers/element-highlight"), element_select_1 = require("../interaction/triggers/element-select"), plugin_service_2 = require("../plugin/vchart/plugin-service"), animate_1 = require("../constant/animate"), release_vrender_component_1 = require("../component/base/release-vrender-component");
+const array_1 = require("../data/parser/array"), common_1 = require("../typings/spec/common"), type_1 = require("../component/interface/type"), vdataset_1 = require("@visactor/vdataset"), vrender_core_1 = require("@visactor/vrender-core"), util_1 = require("../util"), id_1 = require("../util/id"), space_1 = require("../util/space"), env_1 = require("../util/env"), debug_1 = require("../util/debug"), common_2 = require("../util/theme/common"), vutils_extension_1 = require("@visactor/vutils-extension"), factory_1 = require("./factory"), event_1 = require("../event/event"), event_dispatcher_1 = require("../event/event-dispatcher"), geo_source_1 = require("../series/map/geo-source"), register_1 = require("../data/register"), initialize_1 = require("../data/initialize"), copy_data_view_1 = require("../data/transforms/copy-data-view"), interface_1 = require("../animation/interface"), theme_manager_1 = require("../theme/theme-manager"), compiler_1 = require("../compile/compiler"), image_1 = require("../util/image"), event_2 = require("../constant/event"), base_1 = require("../constant/base"), vutils_1 = require("@visactor/vutils"), instance_manager_1 = require("./instance-manager"), vrender_components_1 = require("@visactor/vrender-components"), util_2 = require("../chart/util"), region_1 = require("../region/region"), base_layout_1 = require("../layout/base-layout"), group_1 = require("../mark/group"), util_3 = require("./util"), expression_function_1 = require("./expression-function"), env_2 = require("../env"), theme_1 = require("../util/theme"), builtin_1 = require("../theme/builtin"), plugin_service_1 = require("../plugin/chart/plugin-service"), other_1 = require("../plugin/other"), element_highlight_1 = require("../interaction/triggers/element-highlight"), element_select_1 = require("../interaction/triggers/element-select"), plugin_service_2 = require("../plugin/vchart/plugin-service"), animate_1 = require("../constant/animate");
 
 class VChart {
     static useRegisters(comps) {
@@ -297,14 +297,14 @@ class VChart {
     updateCustomConfigAndRerender(updateSpecResult, sync, option = {}) {
         if (!this._isReleased && updateSpecResult) return (0, vutils_1.isFunction)(updateSpecResult) && (updateSpecResult = updateSpecResult()), 
         updateSpecResult.reAnimate && (this.stopAnimation(), this._updateAnimateState(!0)), 
-        this._reCompile(updateSpecResult), (0, util_2.isUpdateSpecResultLocalOnly)(updateSpecResult) ? this : sync ? this._renderSync(option) : this._renderAsync(option);
+        this._reCompile(updateSpecResult), sync ? this._renderSync(option) : this._renderAsync(option);
     }
     _updateCustomConfigAndRecompile(updateSpecResult, option = {}) {
         return !!updateSpecResult && (this._reCompile(updateSpecResult), this._beforeRender(option));
     }
     _reCompile(updateResult, morphConfig) {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (updateResult.reMake && (this._releaseData(), this._initDataSet(), null === (_a = this._chart) || void 0 === _a || _a.release(!1), 
+        if (updateResult.reMake && (this._releaseData(), this._initDataSet(), null === (_a = this._chart) || void 0 === _a || _a.release(), 
         this._chart = null), updateResult.reTransformSpec && (this._chartSpecTransformer = null), 
         updateResult.changeTheme ? (this._setCurrentTheme(), this._setFontFamilyTheme(this.getTheme("fontFamily"))) : updateResult.changeBackground && (null === (_b = this._compiler) || void 0 === _b || _b.setBackground(this._getBackground())), 
         updateResult.reMake ? (null === (_c = this._compiler) || void 0 === _c || _c.releaseGrammar(!0), 
@@ -388,28 +388,13 @@ class VChart {
         var _a, _b, _c, _d;
         (null === (_a = this._onResize) || void 0 === _a ? void 0 : _a.cancel) && this._onResize.cancel(), 
         this._chartPluginApply("releaseAll"), this._chartPlugin = null, this._chartSpecTransformer = null, 
-        this._forceReleaseExitingVRenderComponents(), null === (_b = this._chart) || void 0 === _b || _b.release(), 
-        null === (_c = this._eventDispatcher) || void 0 === _c || _c.release(), null === (_d = this._compiler) || void 0 === _d || _d.release(), 
-        this._unBindResizeEvent(), this._releaseData(), this._onError = null, this._onResize = null, 
-        this._container = null, this._currentTheme = null, this._cachedProcessedTheme = null, 
-        this._option = null, this._chart = null, this._compiler = null, this._spec = null, 
-        this._specInfo = null, this._originalSpec = null, this._userEvents = null, this._event = null, 
-        this._eventDispatcher = null, this._isReleased = !0, instance_manager_1.InstanceManager.unregisterInstance(this);
-    }
-    _registerExitingVRenderComponent(component) {
-        var _a;
-        this._exitingVRenderComponents = null !== (_a = this._exitingVRenderComponents) && void 0 !== _a ? _a : new Set, 
-        this._exitingVRenderComponents.add(component);
-    }
-    _unregisterExitingVRenderComponent(component) {
-        var _a;
-        null === (_a = this._exitingVRenderComponents) || void 0 === _a || _a.delete(component);
-    }
-    _forceReleaseExitingVRenderComponents() {
-        var _a;
-        (null === (_a = this._exitingVRenderComponents) || void 0 === _a ? void 0 : _a.size) && (this._exitingVRenderComponents.forEach((component => {
-            (0, release_vrender_component_1.releaseVRenderComponentSync)(component);
-        })), this._exitingVRenderComponents.clear());
+        null === (_b = this._chart) || void 0 === _b || _b.release(), null === (_c = this._eventDispatcher) || void 0 === _c || _c.release(), 
+        null === (_d = this._compiler) || void 0 === _d || _d.release(), this._unBindResizeEvent(), 
+        this._releaseData(), this._onError = null, this._onResize = null, this._container = null, 
+        this._currentTheme = null, this._cachedProcessedTheme = null, this._option = null, 
+        this._chart = null, this._compiler = null, this._spec = null, this._specInfo = null, 
+        this._originalSpec = null, this._userEvents = null, this._event = null, this._eventDispatcher = null, 
+        this._isReleased = !0, instance_manager_1.InstanceManager.unregisterInstance(this);
     }
     updateData(id, data, parserOptions, userUpdateOptions) {
         return __awaiter(this, void 0, void 0, (function*() {
@@ -502,9 +487,8 @@ class VChart {
     }
     _updateModelSpec(model, spec, sync = !1, forceMerge = !1, morphConfig) {
         forceMerge && (spec = (0, vutils_extension_1.mergeSpec)({}, model.getSpec(), spec));
-        const result = model.updateSpec(spec), localOnly = (0, util_2.isUpdateSpecResultLocalOnly)(result), componentOnly = (0, 
-        util_2.isUpdateSpecResultComponentOnly)(result);
-        return localOnly || (model.reInit(spec), !componentOnly && (result.change || result.reCompile || result.reMake || result.reSize || result.reRender) && this._chart.reDataFlow()), 
+        const result = model.updateSpec(spec);
+        return model.reInit(spec), (result.change || result.reCompile || result.reMake || result.reSize || result.reRender) && this._chart.reDataFlow(), 
         this.updateCustomConfigAndRerender(result, sync, {
             morphConfig: morphConfig,
             transformSpec: !1,