@visactor/vchart 1.7.5 → 1.8.0-beta.0

package/cjs/component/data-zoom/data-zoom/data-zoom-transformer.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DataZoomSpecTransformer = void 0;
+
+const util_1 = require("../../../util"), base_1 = require("../../base");
+
+class DataZoomSpecTransformer extends base_1.BaseComponentSpecTransformer {
+    _mergeThemeToSpec(spec, chartSpec) {
+        const theme = this._theme;
+        let newSpec = spec;
+        if (this._shouldMergeThemeToSpec()) {
+            const merge = originalSpec => {
+                const result = (0, util_1.mergeSpec)({
+                    selectedBackgroundChart: {
+                        line: {},
+                        area: {}
+                    }
+                }, this._theme, originalSpec), {selectedBackgroundChart: selectedBackgroundChart = {}} = originalSpec, {line: line, area: area} = selectedBackgroundChart;
+                return line && !1 !== line.visible && (result.selectedBackgroundChart.line.style = Object.assign(Object.assign({}, result.selectedBackgroundChart.line.style), {
+                    visible: !0
+                })), area && !1 !== area.visible && (result.selectedBackgroundChart.area.style = Object.assign(Object.assign({}, result.selectedBackgroundChart.area.style), {
+                    visible: !0
+                })), result;
+            }, baseSpec = spec;
+            newSpec = (0, util_1.isArray)(baseSpec) ? baseSpec.map((spec => merge(spec))) : merge(baseSpec);
+        }
+        return this._adjustPadding(newSpec), {
+            spec: newSpec,
+            theme: theme
+        };
+    }
+}
+
+exports.DataZoomSpecTransformer = DataZoomSpecTransformer;
+//# sourceMappingURL=data-zoom-transformer.js.map

package/cjs/component/data-zoom/data-zoom/data-zoom-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/data-zoom/data-zoom/data-zoom-transformer.ts"],"names":[],"mappings":";;;AACA,wCAAmD;AACnD,qCAA0D;AAG1D,MAAa,uBAGX,SAAQ,mCAAoE;IAElE,iBAAiB,CACzB,IAAyC,EACzC,SAAc;QAEd,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,IAAI,CAAC,uBAAuB,EAAE,EAAE;YAElC,MAAM,KAAK,GAAG,CAAC,YAAiB,EAAE,EAAE;gBAClC,MAAM,MAAM,GAAG,IAAA,gBAAS,EACtB;oBACE,uBAAuB,EAAE;wBACvB,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,EAAE;qBACT;iBACF,EACD,IAAI,CAAC,MAAM,EACX,YAAY,CACb,CAAC;gBAGF,MAAM,EAAE,uBAAuB,GAAG,EAAE,EAAE,GAAG,YAAY,CAAC;gBACtD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,uBAAuB,CAAC;gBAE/C,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE;oBAClC,MAAM,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,mCACpC,MAAM,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,KAC5C,OAAO,EAAE,IAAI,GACd,CAAC;iBACH;gBACD,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE;oBAClC,MAAM,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,mCACpC,MAAM,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,KAC5C,OAAO,EAAE,IAAI,GACd,CAAC;iBACH;gBAED,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC;YAEF,MAAM,QAAQ,GAAG,IAAI,CAAC;YACtB,IAAI,IAAA,cAAO,EAAC,QAAQ,CAAC,EAAE;gBACrB,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAmB,CAAC;aAC/D;iBAAM;gBACL,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;aAC3B;SACF;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAClC,CAAC;CACF;AAxDD,0DAwDC","file":"data-zoom-transformer.js","sourcesContent":["import type { AdaptiveSpec } from '../../../typings';\nimport { isArray, mergeSpec } from '../../../util';\nimport { BaseComponentSpecTransformer } from '../../base';\nimport type { IDataZoomSpec, IDataZoomTheme } from './interface';\n\nexport class DataZoomSpecTransformer<\n  T extends IDataZoomSpec = IDataZoomSpec,\n  K extends IDataZoomTheme = IDataZoomTheme\n> extends BaseComponentSpecTransformer<AdaptiveSpec<T, 'width' | 'height'>, K> {\n  /** 将 theme merge 到 spec 中 */\n  protected _mergeThemeToSpec(\n    spec: AdaptiveSpec<T, 'width' | 'height'>,\n    chartSpec: any\n  ): { spec: AdaptiveSpec<T, 'width' | 'height'>; theme: K } {\n    const theme = this._theme;\n    let newSpec = spec;\n    if (this._shouldMergeThemeToSpec()) {\n      // this._originalSpec + this._theme = this._spec\n      const merge = (originalSpec: any) => {\n        const result = mergeSpec(\n          {\n            selectedBackgroundChart: {\n              line: {},\n              area: {}\n            }\n          },\n          this._theme,\n          originalSpec\n        );\n\n        // 兼容：为了减少主题更改造成的影响，如果用户在 spec 配置了主题默认关闭的 mark，则自动加上 visible: true\n        const { selectedBackgroundChart = {} } = originalSpec;\n        const { line, area } = selectedBackgroundChart;\n\n        if (line && line.visible !== false) {\n          result.selectedBackgroundChart.line.style = {\n            ...result.selectedBackgroundChart.line.style,\n            visible: true // FIXME: visible 应该提到更上面，等 datazoom 支持\n          };\n        }\n        if (area && area.visible !== false) {\n          result.selectedBackgroundChart.area.style = {\n            ...result.selectedBackgroundChart.area.style,\n            visible: true // FIXME: visible 应该提到更上面，等 datazoom 支持\n          };\n        }\n\n        return result;\n      };\n\n      const baseSpec = spec;\n      if (isArray(baseSpec)) {\n        newSpec = baseSpec.map(spec => merge(spec)) as unknown as any;\n      } else {\n        newSpec = merge(baseSpec);\n      }\n    }\n\n    this._adjustPadding(newSpec);\n    return { spec: newSpec, theme };\n  }\n}\n"]}

package/cjs/component/data-zoom/data-zoom/data-zoom.d.ts

@@ -1,3 +1,4 @@
+import type { Maybe } from '@visactor/vutils';
 import type { IComponentOption } from '../../interface';
 import { ComponentTypeEnum } from '../../interface/type';
 import { DataFilterBaseComponent } from '../data-filter-base-component';
@@ -6,10 +7,16 @@ import type { IRectGraphicAttribute, ISymbolGraphicAttribute, IGraphic } from '@
 import type { Datum, ILayoutType } from '../../../typings';
 import type { ILinearScale, IBaseScale } from '@visactor/vscale';
 import type { IDataZoomSpec } from './interface';
+import type { IModelSpecInfo } from '../../../model/interface';
+import { DataZoomSpecTransformer } from './data-zoom-transformer';
 export declare class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends DataFilterBaseComponent<T> {
     static type: ComponentTypeEnum;
+    static readonly transformerConstructor: any;
     type: ComponentTypeEnum;
     name: string;
+    readonly transformerConstructor: typeof DataZoomSpecTransformer;
+    static specKey: string;
+    specKey: string;
     layoutZIndex: number;
     layoutLevel: number;
     layoutType: ILayoutType;
@@ -19,11 +26,10 @@ export declare class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends D
     protected _middleHandlerSize: number;
     protected _startHandlerSize: number;
     protected _endHandlerSize: number;
-    static createComponent(spec: any, options: IComponentOption): DataZoom<any> | DataZoom<IDataZoomSpec>[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     constructor(spec: T, options: IComponentOption);
     created(): void;
     setAttrFromSpec(): void;
-    protected _prepareSpecBeforeMergingTheme(originalSpec: T): T;
     onLayoutEnd(ctx: any): void;
     protected _initValueScale(): void;
     protected _updateScaleRange(): void;
@@ -47,6 +53,10 @@ export declare class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends D
             visible: boolean;
             icon: ISymbolGraphicAttribute;
             background: any;
+        } | {
+            visible: boolean;
+            icon?: undefined;
+            background?: undefined;
         };
         endHandlerStyle: ISymbolGraphicAttribute;
         startTextStyle: unknown;

package/cjs/component/data-zoom/data-zoom/data-zoom.js

@@ -4,23 +4,31 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerDataZoom = exports.DataZoom = void 0;
 
-const vutils_1 = require("@visactor/vutils"), merge_spec_1 = require("../../../util/spec/merge-spec"), type_1 = require("../../interface/type"), data_filter_base_component_1 = require("../data-filter-base-component"), vrender_components_1 = require("@visactor/vrender-components"), style_1 = require("../../../util/style"), vscale_1 = require("@visactor/vscale"), constant_1 = require("../../../constant"), constant_2 = require("../constant"), factory_1 = require("../../../core/factory");
+const vutils_1 = require("@visactor/vutils"), merge_spec_1 = require("../../../util/spec/merge-spec"), type_1 = require("../../interface/type"), data_filter_base_component_1 = require("../data-filter-base-component"), vrender_components_1 = require("@visactor/vrender-components"), style_1 = require("../../../util/style"), vscale_1 = require("@visactor/vscale"), constant_1 = require("../../../constant"), constant_2 = require("../constant"), factory_1 = require("../../../core/factory"), data_zoom_transformer_1 = require("./data-zoom-transformer");
 
 class DataZoom extends data_filter_base_component_1.DataFilterBaseComponent {
-    static createComponent(spec, options) {
-        const compSpec = spec.dataZoom;
+    static getSpecInfo(chartSpec) {
+        const compSpec = chartSpec[this.specKey];
         if ((0, vutils_1.isNil)(compSpec)) return;
-        if (!(0, vutils_1.isArray)(compSpec)) return new DataZoom(compSpec, options);
-        const zooms = [];
+        if (!(0, vutils_1.isArray)(compSpec)) return [ {
+            spec: compSpec,
+            specPath: [ this.specKey ],
+            type: type_1.ComponentTypeEnum.dataZoom
+        } ];
+        const specInfos = [];
         return compSpec.forEach(((s, i) => {
-            zooms.push(new DataZoom(s, Object.assign(Object.assign({}, options), {
-                specIndex: i
-            })));
-        })), zooms;
+            specInfos.push({
+                spec: s,
+                specIndex: i,
+                specPath: [ this.specKey, i ],
+                type: type_1.ComponentTypeEnum.dataZoom
+            });
+        })), specInfos;
     }
     constructor(spec, options) {
         var _a;
         super(spec, options), this.type = type_1.ComponentTypeEnum.dataZoom, this.name = type_1.ComponentTypeEnum.dataZoom, 
+        this.transformerConstructor = data_zoom_transformer_1.DataZoomSpecTransformer, this.specKey = "dataZoom", 
         this.layoutZIndex = constant_1.LayoutZIndex.DataZoom, this.layoutLevel = constant_1.LayoutLevel.DataZoom, 
         this.layoutType = "region-relative", this._dataToPositionX = datum => {
             const offsetLeft = "left" === this._orient ? this._middleHandlerSize : 0, offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0, xScale = this._isHorizontal ? this._stateScale : this._valueScale, xField = this._isHorizontal ? this._stateField : this._valueField;
@@ -46,27 +54,12 @@ class DataZoom extends data_filter_base_component_1.DataFilterBaseComponent {
         (this._zoomAttr.enable || this._dragAttr.enable || this._scrollAttr.enable) && this.initZoomable(this.event, this._option.mode), 
         this._backgroundSize = null !== (_b = null === (_a = this._spec.background) || void 0 === _a ? void 0 : _a.size) && void 0 !== _b ? _b : 30, 
         this._middleHandlerSize = this._computeMiddleHandlerSize(), this._width = this._computeWidth(), 
-        this._height = this._computeHeight(), (0, vutils_1.isNil)(null === (_e = null === (_d = null === (_c = this._originalSpec) || void 0 === _c ? void 0 : _c.startHandler) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.size) && (this._spec.startHandler.style.size = this._isHorizontal ? this._height - this._middleHandlerSize : this._width - this._middleHandlerSize), 
-        (0, vutils_1.isNil)(null === (_h = null === (_g = null === (_f = this._originalSpec) || void 0 === _f ? void 0 : _f.endHandler) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.size) && (this._spec.endHandler.style.size = this._isHorizontal ? this._height - this._middleHandlerSize : this._width - this._middleHandlerSize);
+        this._height = this._computeHeight(), (0, vutils_1.isNil)(null === (_e = null === (_d = null === (_c = this._spec) || void 0 === _c ? void 0 : _c.startHandler) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.size) && (this._spec.startHandler.style.size = this._isHorizontal ? this._height - this._middleHandlerSize : this._width - this._middleHandlerSize), 
+        (0, vutils_1.isNil)(null === (_h = null === (_g = null === (_f = this._spec) || void 0 === _f ? void 0 : _f.endHandler) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.size) && (this._spec.endHandler.style.size = this._isHorizontal ? this._height - this._middleHandlerSize : this._width - this._middleHandlerSize);
         const startHandlerVisble = null === (_j = this._spec.startHandler.style.visible) || void 0 === _j || _j, endHandlerVisble = null === (_k = this._spec.endHandler.style.visible) || void 0 === _k || _k;
         this._startHandlerSize = startHandlerVisble ? this._spec.startHandler.style.size : 0, 
         this._endHandlerSize = endHandlerVisble ? this._spec.endHandler.style.size : 0;
     }
-    _prepareSpecBeforeMergingTheme(originalSpec) {
-        const newSpec = Object.assign({}, originalSpec), {selectedBackgroundChart: selectedBackgroundChart = {}} = newSpec, {line: line, area: area} = selectedBackgroundChart;
-        return (line || area) && (newSpec.selectedBackgroundChart = Object.assign(Object.assign({}, selectedBackgroundChart), {
-            line: line && !1 !== line.visible ? Object.assign(Object.assign({}, line), {
-                style: Object.assign(Object.assign({}, line.style), {
-                    visible: !0
-                })
-            }) : line,
-            area: area && !1 !== area.visible ? Object.assign(Object.assign({}, area), {
-                style: Object.assign(Object.assign({}, area.style), {
-                    visible: !0
-                })
-            }) : area
-        })), newSpec;
-    }
     onLayoutEnd(ctx) {
         this._updateScaleRange(), !1 !== this._cacheVisibility && super.onLayoutEnd(ctx);
     }
@@ -158,7 +151,8 @@ class DataZoom extends data_filter_base_component_1.DataFilterBaseComponent {
             if (this._component) this._component.setAttributes(attrs); else {
                 const container = this.getContainer();
                 this._component = new vrender_components_1.DataZoom(attrs), this._isHorizontal ? isNeedPreview && this._component.setPreviewPointsY1(this._dataToPositionY2) : isNeedPreview && this._component.setPreviewPointsX1(this._dataToPositionX2), 
-                this._component.setStatePointToData((state => this._statePointToData(state))), this._component.setUpdateStateCallback(((start, end, tag) => {
+                this._component.setStatePointToData((state => this._statePointToData(state))), this._component.addEventListener("change", (e => {
+                    const {start: start, end: end, tag: tag} = e.detail;
                     this._handleChange(start, end, void 0, tag);
                 })), container.add(this._component), this._updateScaleRange();
             }
@@ -189,20 +183,22 @@ class DataZoom extends data_filter_base_component_1.DataFilterBaseComponent {
         }
     }
     _getComponentAttrs() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         const {middleHandler: middleHandler = {}, startText: startText = {}, endText: endText = {}, backgroundChart: backgroundChart = {}, selectedBackgroundChart: selectedBackgroundChart = {}} = this._spec;
         return {
             backgroundStyle: (0, style_1.transformToGraphic)(null === (_a = this._spec.background) || void 0 === _a ? void 0 : _a.style),
             startHandlerStyle: (0, style_1.transformToGraphic)(null === (_b = this._spec.startHandler) || void 0 === _b ? void 0 : _b.style),
-            middleHandlerStyle: {
-                visible: null !== (_c = middleHandler.visible) && void 0 !== _c && _c,
-                icon: (0, style_1.transformToGraphic)(null === (_d = middleHandler.icon) || void 0 === _d ? void 0 : _d.style),
+            middleHandlerStyle: middleHandler.visible ? {
+                visible: !0,
+                icon: (0, style_1.transformToGraphic)(null === (_c = middleHandler.icon) || void 0 === _c ? void 0 : _c.style),
                 background: {
-                    size: null === (_e = middleHandler.background) || void 0 === _e ? void 0 : _e.size,
-                    style: (0, style_1.transformToGraphic)(null === (_f = middleHandler.background) || void 0 === _f ? void 0 : _f.style)
+                    size: null === (_d = middleHandler.background) || void 0 === _d ? void 0 : _d.size,
+                    style: (0, style_1.transformToGraphic)(null === (_e = middleHandler.background) || void 0 === _e ? void 0 : _e.style)
                 }
+            } : {
+                visible: !1
             },
-            endHandlerStyle: (0, style_1.transformToGraphic)(null === (_g = this._spec.endHandler) || void 0 === _g ? void 0 : _g.style),
+            endHandlerStyle: (0, style_1.transformToGraphic)(null === (_f = this._spec.endHandler) || void 0 === _f ? void 0 : _f.style),
             startTextStyle: {
                 padding: startText.padding,
                 formatMethod: startText.formatMethod,
@@ -214,24 +210,24 @@ class DataZoom extends data_filter_base_component_1.DataFilterBaseComponent {
                 textStyle: (0, style_1.transformToGraphic)(endText.style)
             },
             selectedBackgroundStyle: (0, style_1.transformToGraphic)(this._spec.selectedBackground.style),
-            dragMaskStyle: (0, style_1.transformToGraphic)(null === (_h = this._spec.dragMask) || void 0 === _h ? void 0 : _h.style),
+            dragMaskStyle: (0, style_1.transformToGraphic)(null === (_g = this._spec.dragMask) || void 0 === _g ? void 0 : _g.style),
             backgroundChartStyle: {
-                line: (0, merge_spec_1.mergeSpec)((0, style_1.transformToGraphic)(null === (_j = backgroundChart.line) || void 0 === _j ? void 0 : _j.style), {
+                line: (0, merge_spec_1.mergeSpec)((0, style_1.transformToGraphic)(null === (_h = backgroundChart.line) || void 0 === _h ? void 0 : _h.style), {
                     fill: !1
                 }),
                 area: Object.assign({
                     curveType: "basis",
                     visible: !0
-                }, (0, style_1.transformToGraphic)(null === (_k = backgroundChart.area) || void 0 === _k ? void 0 : _k.style))
+                }, (0, style_1.transformToGraphic)(null === (_j = backgroundChart.area) || void 0 === _j ? void 0 : _j.style))
             },
             selectedBackgroundChartStyle: {
-                line: (0, merge_spec_1.mergeSpec)((0, style_1.transformToGraphic)(null === (_l = selectedBackgroundChart.line) || void 0 === _l ? void 0 : _l.style), {
+                line: (0, merge_spec_1.mergeSpec)((0, style_1.transformToGraphic)(null === (_k = selectedBackgroundChart.line) || void 0 === _k ? void 0 : _k.style), {
                     fill: !1
                 }),
                 area: Object.assign({
                     curveType: "basis",
                     visible: !0
-                }, (0, style_1.transformToGraphic)(null === (_m = selectedBackgroundChart.area) || void 0 === _m ? void 0 : _m.style))
+                }, (0, style_1.transformToGraphic)(null === (_l = selectedBackgroundChart.area) || void 0 === _l ? void 0 : _l.style))
             }
         };
     }
@@ -240,7 +236,9 @@ class DataZoom extends data_filter_base_component_1.DataFilterBaseComponent {
     }
 }
 
-exports.DataZoom = DataZoom, DataZoom.type = type_1.ComponentTypeEnum.dataZoom;
+exports.DataZoom = DataZoom, DataZoom.type = type_1.ComponentTypeEnum.dataZoom, 
+DataZoom.transformerConstructor = data_zoom_transformer_1.DataZoomSpecTransformer, 
+DataZoom.specKey = "dataZoom";
 
 const registerDataZoom = () => {
     factory_1.Factory.registerComponent(DataZoom.type, DataZoom);

package/cjs/component/data-zoom/data-zoom/data-zoom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/data-zoom/data-zoom.ts"],"names":[],"mappings":"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","file":"data-zoom.js","sourcesContent":["import { isArray, isBoolean, isNil, isNumber, isValid, maxInArray, minInArray, uniqArray } from '@visactor/vutils';\nimport { mergeSpec } from '../../../util/spec/merge-spec';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface/type';\nimport { DataFilterBaseComponent } from '../data-filter-base-component';\n// eslint-disable-next-line no-duplicate-imports\nimport type { DataZoomAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DataZoom as DataZoomComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport type { IRectGraphicAttribute, INode, ISymbolGraphicAttribute, IGroup, IGraphic } from '@visactor/vrender-core';\nimport type { Datum, ILayoutType } from '../../../typings';\nimport type { ILinearScale, IBaseScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { LinearScale, isContinuous, isDiscrete } from '@visactor/vscale';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../../constant';\nimport type { IDataZoomSpec } from './interface';\nimport { IFilterMode } from '../constant';\nimport { Factory } from '../../../core/factory';\nimport type { IZoomable } from '../../../interaction/zoom';\nimport type { CartesianAxis } from '../../axis/cartesian';\n\nexport class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends DataFilterBaseComponent<T> {\n  static type = ComponentTypeEnum.dataZoom;\n  type = ComponentTypeEnum.dataZoom;\n  name: string = ComponentTypeEnum.dataZoom;\n\n  layoutZIndex: number = LayoutZIndex.DataZoom;\n  layoutLevel: number = LayoutLevel.DataZoom;\n  layoutType: ILayoutType = 'region-relative';\n\n  // datazoom组件\n  protected _component!: DataZoomComponent;\n\n  protected _valueScale!: ILinearScale;\n\n  protected _backgroundSize!: number;\n  protected _middleHandlerSize!: number;\n  protected _startHandlerSize!: number;\n  protected _endHandlerSize!: number;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const compSpec = spec.dataZoom;\n    if (isNil(compSpec)) {\n      return undefined;\n    }\n    if (!isArray(compSpec)) {\n      return new DataZoom(compSpec, options);\n    }\n    const zooms: DataZoom[] = [];\n    compSpec.forEach((s, i: number) => {\n      zooms.push(new DataZoom(s, { ...options, specIndex: i }));\n    });\n    return zooms;\n  }\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n\n    this._valueField = 'y';\n    this._filterMode = spec.filterMode ?? IFilterMode.filter;\n  }\n\n  created() {\n    super.created();\n    this._initValueScale();\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    if (isBoolean((this._spec as any).roam)) {\n      this._zoomAttr.enable = (this._spec as any).roam;\n      this._dragAttr.enable = (this._spec as any).roam;\n      this._scrollAttr.enable = (this._spec as any).roam;\n    }\n\n    if (this._zoomAttr.enable || this._dragAttr.enable || this._scrollAttr.enable) {\n      (this as unknown as IZoomable).initZoomable(this.event, this._option.mode);\n    }\n\n    // size相关\n    this._backgroundSize = this._spec.background?.size ?? 30;\n    this._middleHandlerSize = this._computeMiddleHandlerSize();\n    this._width = this._computeWidth();\n    this._height = this._computeHeight();\n    // startHandler和endHandler size如果没有配置，则默认跟随background宽 or 高\n    if (isNil(this._originalSpec?.startHandler?.style?.size)) {\n      this._spec.startHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n    if (isNil(this._originalSpec?.endHandler?.style?.size)) {\n      this._spec.endHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n    const startHandlerVisble = this._spec.startHandler.style.visible ?? true;\n    const endHandlerVisble = this._spec.endHandler.style.visible ?? true;\n    this._startHandlerSize = startHandlerVisble ? this._spec.startHandler.style.size : 0;\n    this._endHandlerSize = endHandlerVisble ? this._spec.endHandler.style.size : 0;\n  }\n\n  protected _prepareSpecBeforeMergingTheme(originalSpec: T): T {\n    const newSpec: T = {\n      ...originalSpec\n    };\n    // 为了减少主题更改造成的影响，如果用户在 spec 配置了主题默认关闭的 mark，则自动加上 visible: true\n    const { selectedBackgroundChart = {} } = newSpec;\n    const { line, area } = selectedBackgroundChart;\n    if (line || area) {\n      newSpec.selectedBackgroundChart = {\n        ...selectedBackgroundChart,\n        line:\n          line && line.visible !== false\n            ? {\n                ...line,\n                style: {\n                  ...line.style,\n                  visible: true // FIXME: visible 应该提到更上面，等 datazoom 支持\n                }\n              }\n            : line,\n        area:\n          area && area.visible !== false\n            ? {\n                ...area,\n                style: {\n                  ...area.style,\n                  visible: true // FIXME: visible 应该提到更上面，等 datazoom 支持\n                }\n              }\n            : area\n      };\n    }\n    return newSpec;\n  }\n\n  /** LifeCycle API**/\n  onLayoutEnd(ctx: any): void {\n    this._updateScaleRange();\n    if (this._cacheVisibility !== false) {\n      super.onLayoutEnd(ctx);\n    }\n  }\n\n  protected _initValueScale() {\n    const domain = this._computeDomainOfValueScale();\n\n    if (domain) {\n      const valueScale = new LinearScale();\n      valueScale.domain(domain);\n      this._valueScale = valueScale;\n    }\n  }\n\n  protected _updateScaleRange() {\n    const handlerSize = (this._startHandlerSize + this._endHandlerSize) / 2;\n    if (!this._stateScale || !this._valueScale) {\n      return;\n    }\n\n    // visible为false时, 计算stateScale的兜底range\n    let stateScaleRange;\n    const defaultSize = this._isHorizontal\n      ? this.getLayoutRect().width - handlerSize\n      : this.getLayoutRect().height - handlerSize;\n    const defaultRange = (this._relatedAxisComponent as CartesianAxis<any>)?.getScale().range() ?? [0, defaultSize];\n\n    if (this._isHorizontal) {\n      stateScaleRange = this._visible ? [0, this._computeWidth() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([this._computeHeight() - this._middleHandlerSize, 0]);\n    } else if (this.layoutOrient === 'left') {\n      stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([this._computeWidth() - this._middleHandlerSize, 0]);\n    } else {\n      stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([0, this._computeWidth() - this._middleHandlerSize]);\n    }\n\n    if (this._component && this._cacheVisibility !== false) {\n      this._component.setAttributes({\n        size: {\n          width: this._computeWidth(),\n          height: this._computeHeight()\n        },\n        position: {\n          x: this.getLayoutStartPoint().x,\n          y: this.getLayoutStartPoint().y\n        }\n      });\n    }\n  }\n\n  protected _computeDomainOfValueScale() {\n    const domain = this._data.getLatestData().map((d: any) => d[this._valueField]);\n\n    const domainNum = domain.map((n: any) => n * 1);\n    return domain.length ? [minInArray(domainNum), maxInArray(domainNum)] : null;\n  }\n\n  protected _computeMiddleHandlerSize(): number {\n    let size = 0;\n    if (this._spec?.middleHandler?.visible) {\n      const middleHandlerIconSize = this._spec.middleHandler.icon.style.size ?? 8;\n      const middleHandlerBackSize = this._spec.middleHandler.background.size ?? 40;\n      size += Math.max(middleHandlerIconSize as number, middleHandlerBackSize);\n    }\n    return size;\n  }\n\n  protected _computeWidth(): number {\n    if (this._visible === false) {\n      return 0;\n    }\n\n    if (isNumber(this._spec.width)) {\n      return this._spec.width;\n    }\n\n    if (this._isHorizontal) {\n      return this.getLayoutRect().width;\n    }\n\n    return this._backgroundSize + this._middleHandlerSize;\n  }\n\n  protected _computeHeight(): number {\n    if (this._visible === false) {\n      return 0;\n    }\n\n    if (isNumber(this._spec.height)) {\n      return this._spec.height;\n    }\n\n    if (this._isHorizontal) {\n      return this._backgroundSize + this._middleHandlerSize;\n    }\n    return this.getLayoutRect().height - (this._startHandlerSize + this._endHandlerSize) / 2;\n  }\n\n  protected _isScaleValid(scale: IBaseScale | ILinearScale) {\n    if (!scale || !scale.domain()) {\n      return false;\n    }\n    const domain = scale.domain();\n    if (isContinuous(scale.type) && domain[0] === domain[1]) {\n      return false;\n    }\n    if (isDiscrete(scale.type) && uniqArray(domain).length === 1) {\n      return false;\n    }\n    return true;\n  }\n\n  protected _dataToPositionX = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0;\n    const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n    const xField = this._isHorizontal ? this._stateField : this._valueField;\n    return xScale.scale(datum[xField]) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;\n  };\n\n  protected _dataToPositionX2 = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0;\n    const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n    const min = xScale.domain()[0];\n    return xScale.scale(min) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;\n  };\n\n  protected _dataToPositionY = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? 0 : this._startHandlerSize / 2;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n    const yField = this._isHorizontal ? this._valueField : this._stateField;\n    return yScale.scale(datum[yField]) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;\n  };\n\n  protected _dataToPositionY2 = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? 0 : this._startHandlerSize / 2;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n    const min = yScale.domain()[0];\n    return yScale.scale(min) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;\n  };\n\n  private _getAttrs(isNeedPreview: boolean) {\n    const spec = this._spec ?? ({} as T);\n    return {\n      zIndex: this.layoutZIndex,\n      start: this._start,\n      end: this._end,\n      position: {\n        x: this.getLayoutStartPoint().x,\n        y: this.getLayoutStartPoint().y\n      },\n      orient: this._orient,\n      size: {\n        width: this.getLayoutRect().width,\n        height: this.getLayoutRect().height\n      },\n      showDetail: spec.showDetail,\n      brushSelect: spec.brushSelect ?? false,\n      zoomLock: spec.zoomLock ?? false,\n      minSpan: this._minSpan,\n      maxSpan: this._maxSpan,\n      delayType: spec.delayType,\n      delayTime: isValid(spec.delayType) ? spec.delayTime ?? 30 : 0,\n      realTime: spec.realTime ?? true,\n      previewData: isNeedPreview && this._data.getLatestData(),\n      previewPointsX: isNeedPreview && this._dataToPositionX,\n      previewPointsY: isNeedPreview && this._dataToPositionY,\n      ...(this._getComponentAttrs() as any)\n    } as DataZoomAttributes;\n  }\n\n  protected _createOrUpdateComponent() {\n    if (this._visible) {\n      const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n      const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n      const isNeedPreview = this._isScaleValid(xScale) && this._isScaleValid(yScale);\n      const attrs = this._getAttrs(isNeedPreview);\n      if (this._component) {\n        this._component.setAttributes(attrs);\n      } else {\n        const container = this.getContainer();\n        this._component = new DataZoomComponent(attrs);\n\n        if (this._isHorizontal) {\n          isNeedPreview && this._component.setPreviewPointsY1(this._dataToPositionY2);\n        } else {\n          isNeedPreview && this._component.setPreviewPointsX1(this._dataToPositionX2);\n        }\n        this._component.setStatePointToData((state: number) => this._statePointToData(state));\n        this._component.setUpdateStateCallback((start: number, end: number, tag?: string) => {\n          this._handleChange(start, end, undefined, tag);\n        });\n\n        container.add(this._component as unknown as INode);\n\n        this._updateScaleRange();\n      }\n    }\n  }\n\n  protected _handleChange(start: number, end: number, updateComponent?: boolean, tag?: string) {\n    super._handleChange(start, end, updateComponent);\n    if (updateComponent && this._component) {\n      this._component.setStartAndEnd(start, end);\n    }\n\n    this._start = start;\n    this._end = end;\n    const hasChange = this._handleStateChange(this._statePointToData(start), this._statePointToData(end), tag);\n    if (hasChange) {\n      this.event.emit(ChartEvent.dataZoomChange, {\n        model: this,\n        value: {\n          filterData: this._filterMode !== IFilterMode.axis,\n          start,\n          end,\n          startValue: this._startValue,\n          endValue: this._endValue,\n          newDomain: this._newDomain\n        }\n      });\n    }\n  }\n\n  protected _handleDataCollectionChange() {\n    const data = this._data.getDataView();\n    data.reRunAllTransform();\n    this._component?.setPreviewData(data.latestData);\n\n    if (this._valueScale) {\n      const domain = this._computeDomainOfValueScale();\n\n      if (domain) {\n        this._valueScale.domain(domain);\n      }\n    }\n  }\n\n  protected _getComponentAttrs() {\n    const {\n      middleHandler = {},\n      startText = {},\n      endText = {},\n      backgroundChart = {},\n      selectedBackgroundChart = {}\n    } = this._spec as T;\n    return {\n      backgroundStyle: transformToGraphic(this._spec.background?.style) as unknown as IRectGraphicAttribute,\n      startHandlerStyle: transformToGraphic(this._spec.startHandler?.style) as unknown as ISymbolGraphicAttribute,\n      middleHandlerStyle: {\n        visible: middleHandler.visible ?? false,\n        icon: transformToGraphic(middleHandler.icon?.style) as unknown as ISymbolGraphicAttribute,\n        background: {\n          size: middleHandler.background?.size,\n          style: transformToGraphic(middleHandler.background?.style)\n        } as any\n      },\n      endHandlerStyle: transformToGraphic(this._spec.endHandler?.style) as unknown as ISymbolGraphicAttribute,\n      startTextStyle: {\n        padding: startText.padding,\n        formatMethod: startText.formatMethod,\n        textStyle: transformToGraphic(startText.style)\n      } as unknown,\n      endTextStyle: {\n        padding: endText.padding,\n        formatMethod: endText.formatMethod,\n        textStyle: transformToGraphic(endText.style)\n      } as unknown,\n      selectedBackgroundStyle: transformToGraphic(\n        this._spec.selectedBackground.style\n      ) as unknown as IRectGraphicAttribute,\n      dragMaskStyle: transformToGraphic(this._spec.dragMask?.style) as unknown as IRectGraphicAttribute,\n      backgroundChartStyle: {\n        line: mergeSpec(transformToGraphic(backgroundChart.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(backgroundChart.area?.style)\n        }\n      },\n      selectedBackgroundChartStyle: {\n        line: mergeSpec(transformToGraphic(selectedBackgroundChart.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(selectedBackgroundChart.area?.style)\n        }\n      }\n    };\n  }\n\n  protected _getNeedClearVRenderComponents(): IGraphic[] {\n    return [this._component] as unknown as IGroup[];\n  }\n}\n\nexport const registerDataZoom = () => {\n  Factory.registerComponent(DataZoom.type, DataZoom);\n};\n"]}
+{"version":3,"sources":["../src/component/data-zoom/data-zoom/data-zoom.ts"],"names":[],"mappings":"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","file":"data-zoom.js","sourcesContent":["import type { Maybe } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isArray, isBoolean, isNil, isNumber, isValid, maxInArray, minInArray, uniqArray } from '@visactor/vutils';\nimport { mergeSpec } from '../../../util/spec/merge-spec';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface/type';\nimport { DataFilterBaseComponent } from '../data-filter-base-component';\n// eslint-disable-next-line no-duplicate-imports\nimport type { DataZoomAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DataZoom as DataZoomComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport type { IRectGraphicAttribute, INode, ISymbolGraphicAttribute, IGroup, IGraphic } from '@visactor/vrender-core';\nimport type { Datum, ILayoutType } from '../../../typings';\nimport type { ILinearScale, IBaseScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { LinearScale, isContinuous, isDiscrete } from '@visactor/vscale';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../../constant';\nimport type { IDataZoomSpec } from './interface';\nimport { IFilterMode } from '../constant';\nimport { Factory } from '../../../core/factory';\nimport type { IZoomable } from '../../../interaction/zoom';\nimport type { CartesianAxis } from '../../axis/cartesian';\nimport type { IModelSpecInfo } from '../../../model/interface';\nimport { DataZoomSpecTransformer } from './data-zoom-transformer';\n\nexport class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends DataFilterBaseComponent<T> {\n  static type = ComponentTypeEnum.dataZoom;\n  static readonly transformerConstructor = DataZoomSpecTransformer as any;\n  type = ComponentTypeEnum.dataZoom;\n  name: string = ComponentTypeEnum.dataZoom;\n  readonly transformerConstructor = DataZoomSpecTransformer;\n\n  static specKey = 'dataZoom';\n  specKey = 'dataZoom';\n\n  layoutZIndex: number = LayoutZIndex.DataZoom;\n  layoutLevel: number = LayoutLevel.DataZoom;\n  layoutType: ILayoutType = 'region-relative';\n\n  // datazoom组件\n  protected _component!: DataZoomComponent;\n\n  protected _valueScale!: ILinearScale;\n\n  protected _backgroundSize!: number;\n  protected _middleHandlerSize!: number;\n  protected _startHandlerSize!: number;\n  protected _endHandlerSize!: number;\n\n  static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]> {\n    const compSpec = chartSpec[this.specKey];\n    if (isNil(compSpec)) {\n      return undefined;\n    }\n    if (!isArray(compSpec)) {\n      return [\n        {\n          spec: compSpec,\n          specPath: [this.specKey],\n          type: ComponentTypeEnum.dataZoom\n        }\n      ];\n    }\n    const specInfos: IModelSpecInfo[] = [];\n    compSpec.forEach((s, i: number) => {\n      specInfos.push({\n        spec: s,\n        specIndex: i,\n        specPath: [this.specKey, i],\n        type: ComponentTypeEnum.dataZoom\n      });\n    });\n    return specInfos;\n  }\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n\n    this._valueField = 'y';\n    this._filterMode = spec.filterMode ?? IFilterMode.filter;\n  }\n\n  created() {\n    super.created();\n    this._initValueScale();\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    if (isBoolean((this._spec as any).roam)) {\n      this._zoomAttr.enable = (this._spec as any).roam;\n      this._dragAttr.enable = (this._spec as any).roam;\n      this._scrollAttr.enable = (this._spec as any).roam;\n    }\n\n    if (this._zoomAttr.enable || this._dragAttr.enable || this._scrollAttr.enable) {\n      (this as unknown as IZoomable).initZoomable(this.event, this._option.mode);\n    }\n\n    // size相关\n    this._backgroundSize = this._spec.background?.size ?? 30;\n    this._middleHandlerSize = this._computeMiddleHandlerSize();\n    this._width = this._computeWidth();\n    this._height = this._computeHeight();\n    // startHandler和endHandler size如果没有配置，则默认跟随background宽 or 高\n    if (isNil(this._spec?.startHandler?.style?.size)) {\n      this._spec.startHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n    if (isNil(this._spec?.endHandler?.style?.size)) {\n      this._spec.endHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n    const startHandlerVisble = this._spec.startHandler.style.visible ?? true;\n    const endHandlerVisble = this._spec.endHandler.style.visible ?? true;\n    this._startHandlerSize = startHandlerVisble ? this._spec.startHandler.style.size : 0;\n    this._endHandlerSize = endHandlerVisble ? this._spec.endHandler.style.size : 0;\n  }\n\n  /** LifeCycle API**/\n  onLayoutEnd(ctx: any): void {\n    this._updateScaleRange();\n    if (this._cacheVisibility !== false) {\n      super.onLayoutEnd(ctx);\n    }\n  }\n\n  protected _initValueScale() {\n    const domain = this._computeDomainOfValueScale();\n\n    if (domain) {\n      const valueScale = new LinearScale();\n      valueScale.domain(domain);\n      this._valueScale = valueScale;\n    }\n  }\n\n  protected _updateScaleRange() {\n    const handlerSize = (this._startHandlerSize + this._endHandlerSize) / 2;\n    if (!this._stateScale || !this._valueScale) {\n      return;\n    }\n\n    // visible为false时, 计算stateScale的兜底range\n    let stateScaleRange;\n    const defaultSize = this._isHorizontal\n      ? this.getLayoutRect().width - handlerSize\n      : this.getLayoutRect().height - handlerSize;\n    const defaultRange = (this._relatedAxisComponent as CartesianAxis<any>)?.getScale().range() ?? [0, defaultSize];\n\n    if (this._isHorizontal) {\n      stateScaleRange = this._visible ? [0, this._computeWidth() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([this._computeHeight() - this._middleHandlerSize, 0]);\n    } else if (this.layoutOrient === 'left') {\n      stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([this._computeWidth() - this._middleHandlerSize, 0]);\n    } else {\n      stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([0, this._computeWidth() - this._middleHandlerSize]);\n    }\n\n    if (this._component && this._cacheVisibility !== false) {\n      this._component.setAttributes({\n        size: {\n          width: this._computeWidth(),\n          height: this._computeHeight()\n        },\n        position: {\n          x: this.getLayoutStartPoint().x,\n          y: this.getLayoutStartPoint().y\n        }\n      });\n    }\n  }\n\n  protected _computeDomainOfValueScale() {\n    const domain = this._data.getLatestData().map((d: any) => d[this._valueField]);\n\n    const domainNum = domain.map((n: any) => n * 1);\n    return domain.length ? [minInArray(domainNum), maxInArray(domainNum)] : null;\n  }\n\n  protected _computeMiddleHandlerSize(): number {\n    let size = 0;\n    if (this._spec?.middleHandler?.visible) {\n      const middleHandlerIconSize = this._spec.middleHandler.icon.style.size ?? 8;\n      const middleHandlerBackSize = this._spec.middleHandler.background.size ?? 40;\n      size += Math.max(middleHandlerIconSize as number, middleHandlerBackSize);\n    }\n    return size;\n  }\n\n  protected _computeWidth(): number {\n    if (this._visible === false) {\n      return 0;\n    }\n\n    if (isNumber(this._spec.width)) {\n      return this._spec.width;\n    }\n\n    if (this._isHorizontal) {\n      return this.getLayoutRect().width;\n    }\n\n    return this._backgroundSize + this._middleHandlerSize;\n  }\n\n  protected _computeHeight(): number {\n    if (this._visible === false) {\n      return 0;\n    }\n\n    if (isNumber(this._spec.height)) {\n      return this._spec.height;\n    }\n\n    if (this._isHorizontal) {\n      return this._backgroundSize + this._middleHandlerSize;\n    }\n    return this.getLayoutRect().height - (this._startHandlerSize + this._endHandlerSize) / 2;\n  }\n\n  protected _isScaleValid(scale: IBaseScale | ILinearScale) {\n    if (!scale || !scale.domain()) {\n      return false;\n    }\n    const domain = scale.domain();\n    if (isContinuous(scale.type) && domain[0] === domain[1]) {\n      return false;\n    }\n    if (isDiscrete(scale.type) && uniqArray(domain).length === 1) {\n      return false;\n    }\n    return true;\n  }\n\n  protected _dataToPositionX = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0;\n    const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n    const xField = this._isHorizontal ? this._stateField : this._valueField;\n    return xScale.scale(datum[xField]) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;\n  };\n\n  protected _dataToPositionX2 = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0;\n    const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n    const min = xScale.domain()[0];\n    return xScale.scale(min) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;\n  };\n\n  protected _dataToPositionY = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? 0 : this._startHandlerSize / 2;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n    const yField = this._isHorizontal ? this._valueField : this._stateField;\n    return yScale.scale(datum[yField]) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;\n  };\n\n  protected _dataToPositionY2 = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? 0 : this._startHandlerSize / 2;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n    const min = yScale.domain()[0];\n    return yScale.scale(min) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;\n  };\n\n  private _getAttrs(isNeedPreview: boolean) {\n    const spec = this._spec ?? ({} as T);\n    return {\n      zIndex: this.layoutZIndex,\n      start: this._start,\n      end: this._end,\n      position: {\n        x: this.getLayoutStartPoint().x,\n        y: this.getLayoutStartPoint().y\n      },\n      orient: this._orient,\n      size: {\n        width: this.getLayoutRect().width,\n        height: this.getLayoutRect().height\n      },\n      showDetail: spec.showDetail,\n      brushSelect: spec.brushSelect ?? false,\n      zoomLock: spec.zoomLock ?? false,\n      minSpan: this._minSpan,\n      maxSpan: this._maxSpan,\n      delayType: spec.delayType,\n      delayTime: isValid(spec.delayType) ? spec.delayTime ?? 30 : 0,\n      realTime: spec.realTime ?? true,\n      previewData: isNeedPreview && this._data.getLatestData(),\n      previewPointsX: isNeedPreview && this._dataToPositionX,\n      previewPointsY: isNeedPreview && this._dataToPositionY,\n      ...(this._getComponentAttrs() as any)\n    } as DataZoomAttributes;\n  }\n\n  protected _createOrUpdateComponent() {\n    if (this._visible) {\n      const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n      const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n      const isNeedPreview = this._isScaleValid(xScale) && this._isScaleValid(yScale);\n      const attrs = this._getAttrs(isNeedPreview);\n      if (this._component) {\n        this._component.setAttributes(attrs);\n      } else {\n        const container = this.getContainer();\n        this._component = new DataZoomComponent(attrs);\n\n        if (this._isHorizontal) {\n          isNeedPreview && this._component.setPreviewPointsY1(this._dataToPositionY2);\n        } else {\n          isNeedPreview && this._component.setPreviewPointsX1(this._dataToPositionX2);\n        }\n        this._component.setStatePointToData((state: number) => this._statePointToData(state));\n\n        this._component.addEventListener('change', (e: any) => {\n          const { start, end, tag } = e.detail;\n          this._handleChange(start, end, undefined, tag);\n        });\n        container.add(this._component as unknown as INode);\n\n        this._updateScaleRange();\n      }\n    }\n  }\n\n  protected _handleChange(start: number, end: number, updateComponent?: boolean, tag?: string) {\n    super._handleChange(start, end, updateComponent);\n    if (updateComponent && this._component) {\n      this._component.setStartAndEnd(start, end);\n    }\n\n    this._start = start;\n    this._end = end;\n    const hasChange = this._handleStateChange(this._statePointToData(start), this._statePointToData(end), tag);\n    if (hasChange) {\n      this.event.emit(ChartEvent.dataZoomChange, {\n        model: this,\n        value: {\n          filterData: this._filterMode !== IFilterMode.axis,\n          start,\n          end,\n          startValue: this._startValue,\n          endValue: this._endValue,\n          newDomain: this._newDomain\n        }\n      });\n    }\n  }\n\n  protected _handleDataCollectionChange() {\n    const data = this._data.getDataView();\n    data.reRunAllTransform();\n    this._component?.setPreviewData(data.latestData);\n\n    if (this._valueScale) {\n      const domain = this._computeDomainOfValueScale();\n\n      if (domain) {\n        this._valueScale.domain(domain);\n      }\n    }\n  }\n\n  protected _getComponentAttrs() {\n    const {\n      middleHandler = {},\n      startText = {},\n      endText = {},\n      backgroundChart = {},\n      selectedBackgroundChart = {}\n    } = this._spec as T;\n    return {\n      backgroundStyle: transformToGraphic(this._spec.background?.style) as unknown as IRectGraphicAttribute,\n      startHandlerStyle: transformToGraphic(this._spec.startHandler?.style) as unknown as ISymbolGraphicAttribute,\n      middleHandlerStyle: middleHandler.visible\n        ? {\n            visible: true,\n            icon: transformToGraphic(middleHandler.icon?.style) as unknown as ISymbolGraphicAttribute,\n            background: {\n              size: middleHandler.background?.size,\n              style: transformToGraphic(middleHandler.background?.style)\n            } as any\n          }\n        : { visible: false },\n      endHandlerStyle: transformToGraphic(this._spec.endHandler?.style) as unknown as ISymbolGraphicAttribute,\n      startTextStyle: {\n        padding: startText.padding,\n        formatMethod: startText.formatMethod,\n        textStyle: transformToGraphic(startText.style)\n      } as unknown,\n      endTextStyle: {\n        padding: endText.padding,\n        formatMethod: endText.formatMethod,\n        textStyle: transformToGraphic(endText.style)\n      } as unknown,\n      selectedBackgroundStyle: transformToGraphic(\n        this._spec.selectedBackground.style\n      ) as unknown as IRectGraphicAttribute,\n      dragMaskStyle: transformToGraphic(this._spec.dragMask?.style) as unknown as IRectGraphicAttribute,\n      backgroundChartStyle: {\n        line: mergeSpec(transformToGraphic(backgroundChart.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(backgroundChart.area?.style)\n        }\n      },\n      selectedBackgroundChartStyle: {\n        line: mergeSpec(transformToGraphic(selectedBackgroundChart.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(selectedBackgroundChart.area?.style)\n        }\n      }\n    };\n  }\n\n  protected _getNeedClearVRenderComponents(): IGraphic[] {\n    return [this._component] as unknown as IGroup[];\n  }\n}\n\nexport const registerDataZoom = () => {\n  Factory.registerComponent(DataZoom.type, DataZoom);\n};\n"]}

package/cjs/component/data-zoom/data-zoom/index.d.ts

@@ -1,2 +1,3 @@
 export * from './data-zoom';
 export * from './interface';
+export * from './data-zoom-transformer';

package/cjs/component/data-zoom/data-zoom/index.js

@@ -17,5 +17,6 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), __exportStar(require("./data-zoom"), exports), __exportStar(require("./interface"), exports);
+}), __exportStar(require("./data-zoom"), exports), __exportStar(require("./interface"), exports), 
+__exportStar(require("./data-zoom-transformer"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/component/data-zoom/data-zoom/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/data-zoom/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,8CAA4B","file":"index.js","sourcesContent":["export * from './data-zoom';\nexport * from './interface';\n"]}
+{"version":3,"sources":["../src/component/data-zoom/data-zoom/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,8CAA4B;AAC5B,0DAAwC","file":"index.js","sourcesContent":["export * from './data-zoom';\nexport * from './interface';\nexport * from './data-zoom-transformer';\n"]}

package/cjs/component/data-zoom/data-zoom/interface.d.ts

@@ -3,8 +3,8 @@ import type { IAreaMarkSpec, ILineMarkSpec, IRectMarkSpec, ISymbolMarkSpec, ITex
 import type { IComponentSpec } from '../../base/interface';
 import type { IComponent } from '../../interface';
 import type { IFilterMode } from '../constant';
-import type { IDataFilterComponentSpec } from '../interface';
-export type IDataZoom = IComponent;
+import type { IDataFilterComponent, IDataFilterComponentSpec } from '../interface';
+export type IDataZoom = IComponent & IDataFilterComponent;
 export interface IDataZoomStyle {
     showDetail?: 'auto' | boolean;
     middleHandler?: {

package/cjs/component/data-zoom/data-zoom/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/data-zoom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMarkSpec } from '../../../typings/spec';\nimport type {\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec\n} from '../../../typings/visual';\nimport type { IComponentSpec } from '../../base/interface';\nimport type { IComponent } from '../../interface';\nimport type { IFilterMode } from '../constant';\nimport type { IDataFilterComponentSpec } from '../interface';\n\nexport type IDataZoom = IComponent;\n\n// TODO: 开放的状态样式配置较少，暂时不使用markSpec方式配置\nexport interface IDataZoomStyle {\n  /**\n   * 是否显示startText和endText\n   * @default 'auto' 鼠标hover在选中区域时才显示startText和endText\n   */\n  showDetail?: 'auto' | boolean;\n\n  middleHandler?: {\n    visible?: boolean;\n    icon?: ISymbolMarkSpec;\n    background?: {\n      size?: number;\n    } & IRectMarkSpec;\n  };\n  background?: {\n    size?: number;\n  } & IRectMarkSpec;\n  startHandler?: ISymbolMarkSpec;\n  endHandler?: ISymbolMarkSpec;\n  startText?: {\n    padding?: number;\n  } & ITextMarkSpec;\n  endText?: {\n    padding?: number;\n  } & ITextMarkSpec;\n  dragMask?: IRectMarkSpec;\n  selectedBackground?: IRectMarkSpec;\n  backgroundChart?: {\n    line?: ILineMarkSpec;\n    area?: IAreaMarkSpec;\n  };\n  selectedBackgroundChart?: {\n    line?: ILineMarkSpec;\n    area?: IAreaMarkSpec;\n  };\n}\n\n/** spec */\nexport interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec {\n  /**\n   * 数据过滤模式\n   * @default 'filter' （dataZoom默认数据过滤模式）\n   * 详细可参考：https://echarts.apache.org/zh/option.html#dataZoom-slider.filterMode）\n   */\n  filterMode?: IFilterMode;\n  /**\n   * 背景趋势线对应的字段\n   */\n  valueField?: string;\n  /**\n   * 起始点文字标签format格式配置\n   */\n  startText?: {\n    padding?: number;\n    style?: IMarkSpec<ITextMarkSpec>;\n    formatMethod?: (text: string | number) => string | string[];\n  };\n  endText?: {\n    padding?: number;\n    style?: IMarkSpec<ITextMarkSpec>;\n    formatMethod?: (text: string | number) => string | string[];\n  };\n  /**\n   * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n   * @default false\n   */\n  brushSelect?: boolean;\n  /**\n   * 是否忽略轴上配置的固定 bandSize\n   * 如果置为 true，则 datazoom 可以任意改变轴的 bandSize。\n   * 但如果轴上配置了 bandSize 范围，则第一次渲染会保持 bandSize 在配置范围内。\n   * 该配置仅在 auto 设为 true 时生效。\n   * @since 1.7.0\n   */\n  ignoreBandSize?: boolean;\n}\n\nexport type IDataZoomCommonTheme = IComponentSpec &\n  IDataZoomStyle & {\n    /** 显示的位置 */\n    orient?: IDataZoomSpec['orient'];\n    /** 组件宽度 */\n    width?: IDataZoomSpec['width'];\n    /** 组件高度 */\n    height?: IDataZoomSpec['height'];\n    /**\n     * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n     * @default false\n     */\n    brushSelect?: boolean;\n  };\n\nexport type IDataZoomTheme = IDataZoomCommonTheme /* 通用主题，留作兼容 */ & {\n  /** 横向主题 */\n  horizontal?: Omit<IDataZoomCommonTheme, 'orient'>;\n  /** 纵向主题 */\n  vertical?: Omit<IDataZoomCommonTheme, 'orient'>;\n};\n"]}
+{"version":3,"sources":["../src/component/data-zoom/data-zoom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMarkSpec } from '../../../typings/spec';\nimport type {\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec\n} from '../../../typings/visual';\nimport type { IComponentSpec } from '../../base/interface';\nimport type { IComponent } from '../../interface';\nimport type { IFilterMode } from '../constant';\nimport type { IDataFilterComponent, IDataFilterComponentSpec } from '../interface';\n\nexport type IDataZoom = IComponent & IDataFilterComponent;\n\n// TODO: 开放的状态样式配置较少，暂时不使用markSpec方式配置\nexport interface IDataZoomStyle {\n  /**\n   * 是否显示startText和endText\n   * @default 'auto' 鼠标hover在选中区域时才显示startText和endText\n   */\n  showDetail?: 'auto' | boolean;\n\n  middleHandler?: {\n    visible?: boolean;\n    icon?: ISymbolMarkSpec;\n    background?: {\n      size?: number;\n    } & IRectMarkSpec;\n  };\n  background?: {\n    size?: number;\n  } & IRectMarkSpec;\n  startHandler?: ISymbolMarkSpec;\n  endHandler?: ISymbolMarkSpec;\n  startText?: {\n    padding?: number;\n  } & ITextMarkSpec;\n  endText?: {\n    padding?: number;\n  } & ITextMarkSpec;\n  dragMask?: IRectMarkSpec;\n  selectedBackground?: IRectMarkSpec;\n  backgroundChart?: {\n    line?: ILineMarkSpec;\n    area?: IAreaMarkSpec;\n  };\n  selectedBackgroundChart?: {\n    line?: ILineMarkSpec;\n    area?: IAreaMarkSpec;\n  };\n}\n\n/** spec */\nexport interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec {\n  /**\n   * 数据过滤模式\n   * @default 'filter' （dataZoom默认数据过滤模式）\n   * 详细可参考：https://echarts.apache.org/zh/option.html#dataZoom-slider.filterMode）\n   */\n  filterMode?: IFilterMode;\n  /**\n   * 背景趋势线对应的字段\n   */\n  valueField?: string;\n  /**\n   * 起始点文字标签format格式配置\n   */\n  startText?: {\n    padding?: number;\n    style?: IMarkSpec<ITextMarkSpec>;\n    formatMethod?: (text: string | number) => string | string[];\n  };\n  endText?: {\n    padding?: number;\n    style?: IMarkSpec<ITextMarkSpec>;\n    formatMethod?: (text: string | number) => string | string[];\n  };\n  /**\n   * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n   * @default false\n   */\n  brushSelect?: boolean;\n  /**\n   * 是否忽略轴上配置的固定 bandSize\n   * 如果置为 true，则 datazoom 可以任意改变轴的 bandSize。\n   * 但如果轴上配置了 bandSize 范围，则第一次渲染会保持 bandSize 在配置范围内。\n   * 该配置仅在 auto 设为 true 时生效。\n   * @since 1.7.0\n   */\n  ignoreBandSize?: boolean;\n}\n\nexport type IDataZoomCommonTheme = IComponentSpec &\n  IDataZoomStyle & {\n    /** 显示的位置 */\n    orient?: IDataZoomSpec['orient'];\n    /** 组件宽度 */\n    width?: IDataZoomSpec['width'];\n    /** 组件高度 */\n    height?: IDataZoomSpec['height'];\n    /**\n     * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n     * @default false\n     */\n    brushSelect?: boolean;\n  };\n\nexport type IDataZoomTheme = IDataZoomCommonTheme /* 通用主题，留作兼容 */ & {\n  /** 横向主题 */\n  horizontal?: Omit<IDataZoomCommonTheme, 'orient'>;\n  /** 纵向主题 */\n  vertical?: Omit<IDataZoomCommonTheme, 'orient'>;\n};\n"]}

package/cjs/component/data-zoom/interface.d.ts

@@ -45,7 +45,7 @@ export interface IRoamSpec {
     rate?: number;
 }
 export interface IDataFilterComponent extends IComponent {
-    setStartAndEnd: (start: number, end: number) => void;
+    setStartAndEnd: (start: number | string, end: number | string, rangeMode: ['percent' | 'value', 'percent' | 'value']) => void;
     enableInteraction: () => void;
     disableInteraction: () => void;
     zoomIn: (location?: {

package/cjs/component/data-zoom/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IOrientType } from '../../typings';\nimport type { IDelayType } from '../../typings/event';\nimport type { IComponentSpec } from '../base/interface';\nimport type { IComponent } from '../interface';\n\n/** spec */\nexport interface IDataFilterComponentSpec extends Omit<IComponentSpec, 'width' | 'height'> {\n  /**\n   * 是否显示组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 组件位置\n   * @default 'left'\n   */\n  orient?: IOrientType;\n\n  /**\n   * 组件宽度\n   * @default 'auto'\n   */\n  width?: 'auto' | number;\n\n  /**\n   * 组件高度\n   * @default 'auto'\n   */\n  height?: 'auto' | number;\n\n  /**\n   * 声明关联的映射字段\n   */\n  field?: string;\n  /**\n   * 关联的轴ID\n   */\n  axisId?: string;\n  /**\n   * 关联的轴序号\n   */\n  axisIndex?: number;\n\n  /**\n   * 组件关联的region索引，与axis关联的region取交集\n   * 未配置：默认跟随axis控制的region\n   * 已配置：用户配置与axis关联的region取交集\n   * 配置优先级：index > id\n   */\n  regionIndex?: number | number[];\n  /**\n   * 起点配置（比例）：范围[0, 1]\n   * @default 0\n   */\n  start?: number;\n\n  /**\n   * 终点配置（比例）：范围[0, 1]\n   * @default 1\n   */\n  end?: number;\n\n  /**\n   * 起始点数据配置：没有配置的时候根据start和end进行转换\n   */\n  startValue?: number | string;\n  endValue?: number | string;\n\n  /** 数据过滤对应的数据字段 */\n  valueField?: string;\n\n  /**\n   * start和end的配置模式：只有模式和配置匹配时才生效，比如rangeMode: ['percent', 'value'], 那么必须start和endValue都配置才可以生效\n   */\n  rangeMode?: [string, string];\n  /**\n   * 是否进行自动缩进\n   */\n  autoIndent?: boolean;\n  /**\n   * 是否为自动模式。开启以后，组件不会导致轴 scale 缩放，end、roam 等可能导致缩放的配置将被忽略，且组件可以自动消失\n   * @since 1.4.0\n   */\n  auto?: boolean;\n  /**\n   * 是否锁定选择区域（或叫做数据窗口）的大小\n   * @default false\n   * @since 1.5.1\n   */\n  zoomLock?: boolean;\n  /**\n   * 用于限制窗口大小的最小值, [0, 1]\n   * @default 0\n   * @since 1.5.1\n   */\n  minSpan?: number;\n  /**\n   * 用于限制窗口大小的最大值, [0, 1]\n   * @default 1\n   * @since 1.5.1\n   */\n  maxSpan?: number;\n  /**\n   * 用于限制窗口大小的最小数据值, 仅在continous scale生效，优先级高于minSpan\n   * @since 1.5.1\n   */\n  minValueSpan?: number;\n  /**\n   * 用于限制窗口大小的最大数据值, 仅在continous scale生效，优先级高于maxSpan\n   * @since 1.5.1\n   */\n  maxValueSpan?: number;\n  /**\n   * 事件触发延迟类型, 不配置则视作未开启\n   * @since 1.5.1\n   */\n  delayType?: IDelayType;\n  /**\n   * 事件触发延迟时长\n   * @default 30\n   * @since 1.5.1\n   */\n  delayTime?: number;\n  /**\n   * 漫游模式 - 缩放（画布内自由交互), 默认不开启\n   * @default false\n   * @since 1.5.1\n   */\n  roamZoom?: IRoamZoomSpec | boolean;\n  /**\n   * 漫游模式 - 拖拽（画布内自由交互), 默认不开启\n   * @since 1.5.1\n   */\n  roamDrag?: IRoamDragSpec | boolean;\n  /**\n   * 漫游模式 - 滚动（画布内自由交互), 默认不开启\n   * @since 1.5.1\n   */\n  roamScroll?: IRoamScrollSpec | boolean;\n  /**\n   * 是否在操作时动态更新视图\n   * @since 1.5.1\n   * @default true\n   */\n  realTime?: boolean;\n}\n\nexport interface IRoamDragSpec extends IRoamSpec {\n  /**\n   * 拖拽方向与滚动条移动方向是否相反\n   * @default true\n   */\n  reverse?: boolean;\n}\n\nexport interface IRoamScrollSpec extends IRoamSpec {\n  /**\n   * 滚动方向与滚动条移动方向是否相反\n   * @default true\n   */\n  reverse?: boolean;\n}\n\nexport interface IRoamZoomSpec extends IRoamSpec {\n  /**\n   * 是否开启聚焦缩放\n   * @default true\n   * 开启时, 默认以鼠标位置开始\n   * 关闭时, 以画布中心缩放\n   */\n  focus?: boolean;\n}\n\nexport interface IRoamSpec {\n  /**\n   * 是否开启 缩放 / 拖拽 / 滚动\n   * @default true\n   */\n  enable?: boolean;\n  /**\n   * 缩放 / 拖拽 / 滚动速率, 范围: [0, 1]\n   * @default 1\n   */\n  rate?: number;\n}\n\nexport interface IDataFilterComponent extends IComponent {\n  setStartAndEnd: (start: number, end: number) => void;\n  enableInteraction: () => void;\n  disableInteraction: () => void;\n  zoomIn: (location?: { x: number; y: number }) => void;\n  zoomOut: (location?: { x: number; y: number }) => void;\n}\n"]}
+{"version":3,"sources":["../src/component/data-zoom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IOrientType } from '../../typings';\nimport type { IDelayType } from '../../typings/event';\nimport type { IComponentSpec } from '../base/interface';\nimport type { IComponent } from '../interface';\n\n/** spec */\nexport interface IDataFilterComponentSpec extends Omit<IComponentSpec, 'width' | 'height'> {\n  /**\n   * 是否显示组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 组件位置\n   * @default 'left'\n   */\n  orient?: IOrientType;\n\n  /**\n   * 组件宽度\n   * @default 'auto'\n   */\n  width?: 'auto' | number;\n\n  /**\n   * 组件高度\n   * @default 'auto'\n   */\n  height?: 'auto' | number;\n\n  /**\n   * 声明关联的映射字段\n   */\n  field?: string;\n  /**\n   * 关联的轴ID\n   */\n  axisId?: string;\n  /**\n   * 关联的轴序号\n   */\n  axisIndex?: number;\n\n  /**\n   * 组件关联的region索引，与axis关联的region取交集\n   * 未配置：默认跟随axis控制的region\n   * 已配置：用户配置与axis关联的region取交集\n   * 配置优先级：index > id\n   */\n  regionIndex?: number | number[];\n  /**\n   * 起点配置（比例）：范围[0, 1]\n   * @default 0\n   */\n  start?: number;\n\n  /**\n   * 终点配置（比例）：范围[0, 1]\n   * @default 1\n   */\n  end?: number;\n\n  /**\n   * 起始点数据配置：没有配置的时候根据start和end进行转换\n   */\n  startValue?: number | string;\n  endValue?: number | string;\n\n  /** 数据过滤对应的数据字段 */\n  valueField?: string;\n\n  /**\n   * start和end的配置模式：只有模式和配置匹配时才生效，比如rangeMode: ['percent', 'value'], 那么必须start和endValue都配置才可以生效\n   */\n  rangeMode?: [string, string];\n  /**\n   * 是否进行自动缩进\n   */\n  autoIndent?: boolean;\n  /**\n   * 是否为自动模式。开启以后，组件不会导致轴 scale 缩放，end、roam 等可能导致缩放的配置将被忽略，且组件可以自动消失\n   * @since 1.4.0\n   */\n  auto?: boolean;\n  /**\n   * 是否锁定选择区域（或叫做数据窗口）的大小\n   * @default false\n   * @since 1.5.1\n   */\n  zoomLock?: boolean;\n  /**\n   * 用于限制窗口大小的最小值, [0, 1]\n   * @default 0\n   * @since 1.5.1\n   */\n  minSpan?: number;\n  /**\n   * 用于限制窗口大小的最大值, [0, 1]\n   * @default 1\n   * @since 1.5.1\n   */\n  maxSpan?: number;\n  /**\n   * 用于限制窗口大小的最小数据值, 仅在continous scale生效，优先级高于minSpan\n   * @since 1.5.1\n   */\n  minValueSpan?: number;\n  /**\n   * 用于限制窗口大小的最大数据值, 仅在continous scale生效，优先级高于maxSpan\n   * @since 1.5.1\n   */\n  maxValueSpan?: number;\n  /**\n   * 事件触发延迟类型, 不配置则视作未开启\n   * @since 1.5.1\n   */\n  delayType?: IDelayType;\n  /**\n   * 事件触发延迟时长\n   * @default 30\n   * @since 1.5.1\n   */\n  delayTime?: number;\n  /**\n   * 漫游模式 - 缩放（画布内自由交互), 默认不开启\n   * @default false\n   * @since 1.5.1\n   */\n  roamZoom?: IRoamZoomSpec | boolean;\n  /**\n   * 漫游模式 - 拖拽（画布内自由交互), 默认不开启\n   * @since 1.5.1\n   */\n  roamDrag?: IRoamDragSpec | boolean;\n  /**\n   * 漫游模式 - 滚动（画布内自由交互), 默认不开启\n   * @since 1.5.1\n   */\n  roamScroll?: IRoamScrollSpec | boolean;\n  /**\n   * 是否在操作时动态更新视图\n   * @since 1.5.1\n   * @default true\n   */\n  realTime?: boolean;\n}\n\nexport interface IRoamDragSpec extends IRoamSpec {\n  /**\n   * 拖拽方向与滚动条移动方向是否相反\n   * @default true\n   */\n  reverse?: boolean;\n}\n\nexport interface IRoamScrollSpec extends IRoamSpec {\n  /**\n   * 滚动方向与滚动条移动方向是否相反\n   * @default true\n   */\n  reverse?: boolean;\n}\n\nexport interface IRoamZoomSpec extends IRoamSpec {\n  /**\n   * 是否开启聚焦缩放\n   * @default true\n   * 开启时, 默认以鼠标位置开始\n   * 关闭时, 以画布中心缩放\n   */\n  focus?: boolean;\n}\n\nexport interface IRoamSpec {\n  /**\n   * 是否开启 缩放 / 拖拽 / 滚动\n   * @default true\n   */\n  enable?: boolean;\n  /**\n   * 缩放 / 拖拽 / 滚动速率, 范围: [0, 1]\n   * @default 1\n   */\n  rate?: number;\n}\n\nexport interface IDataFilterComponent extends IComponent {\n  setStartAndEnd: (\n    start: number | string,\n    end: number | string,\n    rangeMode: ['percent' | 'value', 'percent' | 'value']\n  ) => void;\n  enableInteraction: () => void;\n  disableInteraction: () => void;\n  zoomIn: (location?: { x: number; y: number }) => void;\n  zoomOut: (location?: { x: number; y: number }) => void;\n}\n"]}

package/cjs/component/data-zoom/scroll-bar/scroll-bar.d.ts

@@ -1,3 +1,4 @@
+import type { Maybe } from '@visactor/vutils';
 import type { IComponentOption } from '../../interface';
 import { ComponentTypeEnum } from '../../interface/type';
 import { DataFilterBaseComponent } from '../data-filter-base-component';
@@ -6,15 +7,18 @@ import { ScrollBar as ScrollBarComponent } from '@visactor/vrender-components';
 import type { IGraphic } from '@visactor/vrender-core';
 import type { IScrollBarSpec } from './interface';
 import type { ILayoutType } from '../../../typings/layout';
+import type { IModelSpecInfo } from '../../../model/interface';
 export declare class ScrollBar<T extends IScrollBarSpec = IScrollBarSpec> extends DataFilterBaseComponent<T> {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
+    static specKey: string;
+    specKey: string;
     layoutZIndex: number;
     layoutLevel: number;
     layoutType: ILayoutType;
     protected _component: ScrollBarComponent;
-    static createComponent(spec: any, options: IComponentOption): ScrollBar<any> | ScrollBar<IScrollBarSpec>[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     constructor(spec: T, options: IComponentOption);
     setAttrFromSpec(): void;
     onLayoutEnd(ctx: any): void;

package/cjs/component/data-zoom/scroll-bar/scroll-bar.js

@@ -7,22 +7,30 @@ Object.defineProperty(exports, "__esModule", {
 const vutils_1 = require("@visactor/vutils"), type_1 = require("../../interface/type"), data_filter_base_component_1 = require("../data-filter-base-component"), vrender_components_1 = require("@visactor/vrender-components"), style_1 = require("../../../util/style"), constant_1 = require("../../../constant"), scroll_bar_1 = require("../../../constant/scroll-bar"), constant_2 = require("../constant"), factory_1 = require("../../../core/factory");
 
 class ScrollBar extends data_filter_base_component_1.DataFilterBaseComponent {
-    static createComponent(spec, options) {
-        const compSpec = spec.scrollBar;
+    static getSpecInfo(chartSpec) {
+        const compSpec = chartSpec[this.specKey];
         if ((0, vutils_1.isNil)(compSpec)) return;
-        if (!(0, vutils_1.isArray)(compSpec)) return new ScrollBar(compSpec, options);
-        const zooms = [];
+        if (!(0, vutils_1.isArray)(compSpec)) return [ {
+            spec: compSpec,
+            specPath: [ this.specKey ],
+            type: type_1.ComponentTypeEnum.scrollBar
+        } ];
+        const specInfos = [];
         return compSpec.forEach(((s, i) => {
-            zooms.push(new ScrollBar(s, Object.assign(Object.assign({}, options), {
-                specIndex: i
-            })));
-        })), zooms;
+            specInfos.push({
+                spec: s,
+                specIndex: i,
+                specPath: [ this.specKey, i ],
+                type: type_1.ComponentTypeEnum.scrollBar
+            });
+        })), specInfos;
     }
     constructor(spec, options) {
         var _a;
         super(spec, options), this.type = type_1.ComponentTypeEnum.scrollBar, this.name = type_1.ComponentTypeEnum.scrollBar, 
-        this.layoutZIndex = constant_1.LayoutZIndex.DataZoom, this.layoutLevel = constant_1.LayoutLevel.DataZoom, 
-        this.layoutType = "region-relative", this._filterMode = null !== (_a = spec.filterMode) && void 0 !== _a ? _a : constant_2.IFilterMode.axis;
+        this.specKey = "scrollBar", this.layoutZIndex = constant_1.LayoutZIndex.DataZoom, 
+        this.layoutLevel = constant_1.LayoutLevel.DataZoom, this.layoutType = "region-relative", 
+        this._filterMode = null !== (_a = spec.filterMode) && void 0 !== _a ? _a : constant_2.IFilterMode.axis;
     }
     setAttrFromSpec() {
         super.setAttrFromSpec(), (0, vutils_1.isBoolean)(this._spec.roam) && (this._zoomAttr.enable = !1, 
@@ -107,7 +115,8 @@ class ScrollBar extends data_filter_base_component_1.DataFilterBaseComponent {
     }
 }
 
-exports.ScrollBar = ScrollBar, ScrollBar.type = type_1.ComponentTypeEnum.scrollBar;
+exports.ScrollBar = ScrollBar, ScrollBar.type = type_1.ComponentTypeEnum.scrollBar, 
+ScrollBar.specKey = "scrollBar";
 
 const registerScrollBar = () => {
     factory_1.Factory.registerComponent(ScrollBar.type, ScrollBar);