@visactor/vchart 0.0.1-alpha.0

package/esm/component/data-zoom/data-filter-base-component.d.ts

@@ -0,0 +1,89 @@
+import { BaseComponent } from '../base';
+import type { IEffect, IModelInitOption, ILayoutRect } from '../../model/interface';
+import type { LayoutItem } from '../../model/layout-item';
+import type { IComponent, IComponentOption } from '../interface';
+import type { IOrientType, StringOrNumber } from '../../typings';
+import type { IBaseScale } from '@visactor/vscale';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { IDataFilterComponent } from './interface';
+import type { BaseEventParams } from '../../event/interface';
+export declare abstract class DataFilterBaseComponent extends BaseComponent implements IDataFilterComponent {
+    layoutType: LayoutItem['layoutType'];
+    protected _orient: IOrientType;
+    protected _isHorizontal: boolean;
+    get orient(): IOrientType;
+    get layoutOrient(): IOrientType;
+    set layoutOrient(v: IOrientType);
+    protected _stateScale: IBaseScale;
+    protected _relatedAxisComponent: IComponent;
+    protected _originalStateFields: Record<number, string | number>;
+    protected _seriesUserId?: StringOrNumber[];
+    protected _seriesIndex?: number[];
+    protected _regionUserId: string[];
+    protected _regionIndex: number[];
+    protected _newDomain: any[];
+    protected _startValue: number | string;
+    protected _endValue: number | string;
+    protected _start: number;
+    protected _end: number;
+    protected _field: string;
+    protected _stateField: string;
+    protected _valueField?: string;
+    protected _width: number;
+    protected _height: number;
+    setStartAndEnd(start: number, end: number): void;
+    protected abstract _getComponentAtttrs(): any;
+    protected abstract _createOrUpdateComponent(): void;
+    protected abstract _initEvent(): void;
+    protected abstract _computeWidth(): number;
+    protected abstract _computeHeight(): number;
+    protected abstract _handleChange(start: number, end: number, updateComponent?: boolean): void;
+    protected abstract _handleDataCollectionChange(): void;
+    effect: IEffect;
+    protected _visible: boolean;
+    get visible(): boolean;
+    constructor(spec: any, options: IComponentOption);
+    created(): void;
+    protected _setAxisFromSpec(): void;
+    protected _setRegionsFromSpec(): void;
+    onDataUpdate(): void;
+    protected _computeDomainOfStateScale(isContinuous?: boolean): any;
+    protected _initData(): void;
+    setAttrFromSpec(): void;
+    protected _statePointToData(state: number): any;
+    protected _dataToStatePoint(data: number | string): number;
+    protected _modeCheck(statePoint: string, mode: string): any;
+    protected _setStateFromSpec(): void;
+    private _parseFieldOfSeries;
+    protected _initStateScale(): void;
+    init(option: IModelInitOption): void;
+    protected _addTransformToSeries(): void;
+    onRender(ctx: any): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    reInit(): void;
+    changeRegions(): void;
+    protected update(ctx: IComponentOption): void;
+    protected resize(ctx: IComponentOption): void;
+    protected _parseDomainFromState(startValue: number | string, endValue: number | string): any;
+    protected _handleStateChange: (startValue: number, endValue: number) => boolean;
+    protected _handleChartScroll: (params: {
+        scrollX: number;
+        scrollY: number;
+    }, e: BaseEventParams['event']) => void;
+    protected _handleChartZoom: (params: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, e: BaseEventParams['event']) => void;
+    protected _handleChartDrag: (delta: [number, number], e: BaseEventParams['event']) => void;
+    protected _initCommonEvent(): void;
+    updateLayoutAttribute(): void;
+    boundsInRect(rect: ILayoutRect): IBoundsLike;
+    clear(): void;
+}

package/esm/component/data-zoom/data-filter-base-component.js

@@ -0,0 +1,289 @@
+import { eachSeries, isValid, array } from "../../util";
+
+import { BaseComponent } from "../base";
+
+import { dataFilterComputeDomain, dataFilterWithNewDomain } from "./util";
+
+import { registerDataSetInstanceParser, registerDataSetInstanceTransform } from "../../data/register";
+
+import { BandScale, isContinuous } from "@visactor/vscale";
+
+import { Direction } from "../../typings/space";
+
+import { getDirectionByOrient, getOrient } from "../axis/cartesian/util";
+
+import { mixin, clamp, isNil } from "@visactor/vutils";
+
+import { dataViewParser, DataView } from "@visactor/vdataset";
+
+import { CompilableData } from "../../compile/data";
+
+import { Zoomable } from "../../interaction/zoom/zoomable";
+
+export class DataFilterBaseComponent extends BaseComponent {
+    get orient() {
+        return this._orient;
+    }
+    get layoutOrient() {
+        return this._orient;
+    }
+    set layoutOrient(v) {
+        this._orient = v;
+    }
+    setStartAndEnd(start, end) {
+        this._handleChange(start, end, !0);
+    }
+    get visible() {
+        return this._visible;
+    }
+    constructor(spec, options) {
+        super(spec, Object.assign({}, options)), this.layoutType = "region-relative", this._orient = "left", 
+        this._stateField = "x", this.effect = {
+            onZoomChange: () => {
+                if (this._relatedAxisComponent && "axis" === this._spec.filterMode) {
+                    this._relatedAxisComponent.getScale().rangeFactor(this._isHorizontal ? [ this._start, this._end ] : [ 1 - this._end, 1 - this._start ]), 
+                    this._relatedAxisComponent.effect.scaleUpdate();
+                } else eachSeries(this._regions, (s => {
+                    var _a;
+                    null === (_a = s.getViewDataFilter()) || void 0 === _a || _a.markRunning();
+                }), {
+                    userId: this._seriesUserId,
+                    specIndex: this._seriesIndex
+                }), eachSeries(this._regions, (s => {
+                    s.reFilterViewData();
+                }), {
+                    userId: this._seriesUserId,
+                    specIndex: this._seriesIndex
+                });
+            }
+        }, this._visible = !0, this._handleStateChange = (startValue, endValue) => {
+            var _a, _b;
+            return (startValue !== this._startValue || endValue !== this._endValue) && (this._startValue = startValue, 
+            this._endValue = endValue, this._newDomain = this._parseDomainFromState(this._startValue, this._endValue), 
+            null === (_b = (_a = this.effect).onZoomChange) || void 0 === _b || _b.call(_a), 
+            !0);
+        }, this._handleChartScroll = (params, e) => {
+            this._handleChartDrag([ params.scrollX, params.scrollY ], e);
+        }, this._handleChartZoom = (params, e) => {
+            const {zoomDelta: zoomDelta} = params, delta = Math.abs(this._start - this._end);
+            if (delta >= 1 && zoomDelta > 1) return;
+            if (delta <= .01 && zoomDelta < 1) return;
+            const value = delta * (zoomDelta - 1) / 2, start = clamp(this._start - value, 0, 1), end = clamp(this._end + value, 0, 1);
+            this._handleChange(Math.min(start, end), Math.max(start, end), !0);
+        }, this._handleChartDrag = (delta, e) => {
+            const [dx, dy] = delta, value = this._isHorizontal ? dx : dy, totalValue = this._isHorizontal ? this.getLayoutRect().width : this.getLayoutRect().height;
+            if (Math.abs(value) >= 1e-6) if (value > 0 && this._end < 1) {
+                const moveDelta = Math.min(1 - this._end, value / totalValue);
+                this._handleChange(this._start + moveDelta, this._end + moveDelta, !0);
+            } else if (value < 0 && this._start > 0) {
+                const moveDelta = Math.max(-this._start, value / totalValue);
+                this._handleChange(this._start + moveDelta, this._end + moveDelta, !0);
+            }
+        }, this._orient = getOrient(spec), this._layoutOrient = this._orient, this._isHorizontal = getDirectionByOrient(this._layoutOrient) === Direction.horizontal, 
+        isValid(spec.autoIndent) && (this._autoIndent = spec.autoIndent);
+    }
+    created() {
+        super.created(), this._setAxisFromSpec(), this._setRegionsFromSpec(), this._initData(), 
+        this._initStateScale(), this._setStateFromSpec();
+    }
+    _setAxisFromSpec() {
+        if (isValid(this._spec.axisId) ? this._relatedAxisComponent = this._option.getComponentByUserId(this._spec.axisId) : isValid(this._spec.axisIndex) && (this._relatedAxisComponent = this._option.getComponentByIndex("axes", this._spec.axisIndex)), 
+        isNil(this._spec.field) && !this._relatedAxisComponent) {
+            const axes = this._option.getComponentsByKey("axes"), sameOrientAxis = axes.find((cm => cm._orient === this._orient));
+            if (sameOrientAxis) this._relatedAxisComponent = sameOrientAxis; else {
+                const bandAxis = axes.find((cm => !isContinuous(cm.getScale().type)));
+                this._relatedAxisComponent = bandAxis;
+            }
+        }
+    }
+    _setRegionsFromSpec() {
+        var _a, _b;
+        this._regions = this._relatedAxisComponent ? this._relatedAxisComponent.getRegions() : this._option.getAllRegions();
+        const bindSeriesFilter = this._relatedAxisComponent ? null === (_b = (_a = this._relatedAxisComponent).getBindSeriesFilter) || void 0 === _b ? void 0 : _b.call(_a) : null;
+        if (isValid(bindSeriesFilter) && (isValid(bindSeriesFilter.userId) && (this._seriesUserId = array(bindSeriesFilter.userId)), 
+        isValid(bindSeriesFilter.specIndex) && (this._seriesIndex = array(bindSeriesFilter.specIndex))), 
+        isValid(this._spec.seriesId)) {
+            const specSeriesId = array(this._spec.seriesId);
+            this._seriesUserId ? this._seriesUserId = this._seriesUserId.filter((s => specSeriesId.includes(s))) : this._seriesUserId = specSeriesId;
+        }
+        if (isValid(this._spec.seriesIndex)) {
+            const specSeriesIndex = array(this._spec.seriesIndex);
+            this._seriesIndex ? this._seriesIndex = this._seriesIndex.filter((s => specSeriesIndex.includes(s))) : this._seriesIndex = specSeriesIndex;
+        }
+        if (isValid(this._spec.regionIndex)) {
+            const regionsFromSpec = this._option.getRegionsInIndex(array(this._spec.regionIndex));
+            this._regions = this._regions.filter((r => regionsFromSpec.includes(r)));
+        } else if (isValid(this._spec.regionId)) {
+            const ids = array(this._spec.regionId);
+            this._regions = ids.length ? this._regions.filter((r => ids.includes(r.id))) : [];
+        } else ;
+    }
+    onDataUpdate() {
+        const domain = this._computeDomainOfStateScale(isContinuous(this._stateScale.type));
+        this._stateScale.domain(domain, !0), this._handleChange(this._start, this._end, !0);
+    }
+    _computeDomainOfStateScale(isContinuous) {
+        const domain = this._data.getLatestData().map((d => d[this._stateField]));
+        return isContinuous ? domain.length ? [ Math.min.apply(null, domain), Math.max.apply(null, domain) ] : [ -1 / 0, 1 / 0 ] : domain;
+    }
+    _initData() {
+        const dataCollection = [], stateFields = [], valueFields = [];
+        let hasValidateValueField = !1;
+        if (this._relatedAxisComponent) {
+            const originalStateFields = {};
+            eachSeries(this._regions, (s => {
+                var _a, _b;
+                const xAxisHelper = "cartesian" === s.coordinate ? s.getXAxisHelper() : "polar" === s.coordinate ? s.angleAxisHelper : null, yAxisHelper = "cartesian" === s.coordinate ? s.getYAxisHelper() : "polar" === s.coordinate ? s.radiusAxisHelper : null;
+                if (!xAxisHelper || !yAxisHelper) return;
+                const stateAxisHelper = xAxisHelper.getAxisId() === this._relatedAxisComponent.id ? xAxisHelper : yAxisHelper.getAxisId() === this._relatedAxisComponent.id ? yAxisHelper : this._isHorizontal ? xAxisHelper : yAxisHelper, valueAxisHelper = stateAxisHelper === xAxisHelper ? yAxisHelper : xAxisHelper, isValidateValueAxis = isContinuous(valueAxisHelper.getScale(0).type);
+                isValidateValueAxis && (hasValidateValueField = !0), dataCollection.push(s.getRawData());
+                const seriesSpec = s.getSpec(), xField = "cartesian" === s.coordinate ? seriesSpec.xField : null !== (_a = seriesSpec.angleField) && void 0 !== _a ? _a : seriesSpec.categoryField, yField = "cartesian" === s.coordinate ? seriesSpec.yField : null !== (_b = seriesSpec.radiusField) && void 0 !== _b ? _b : seriesSpec.valueField;
+                if (originalStateFields[s.id] = "link" === s.type ? "from_xField" : stateAxisHelper === xAxisHelper ? xField : yField, 
+                stateFields.push(originalStateFields[s.id]), this._valueField) {
+                    const valueField = "link" === s.type ? "from_yField" : valueAxisHelper === xAxisHelper ? xField : yField;
+                    valueFields.push(isValidateValueAxis ? valueField : null);
+                }
+            }), {
+                userId: this._seriesUserId,
+                specIndex: this._seriesIndex
+            }), this._originalStateFields = originalStateFields;
+        } else hasValidateValueField = isNil(this._spec.valueField), eachSeries(this._regions, (s => {
+            dataCollection.push(s.getRawData()), stateFields.push(this._field), this._valueField && valueFields.push(this._spec.valueField);
+        }), {
+            userId: this._seriesUserId,
+            specIndex: this._seriesIndex
+        });
+        const {dataSet: dataSet} = this._option;
+        registerDataSetInstanceParser(dataSet, "dataview", dataViewParser), registerDataSetInstanceTransform(dataSet, "dataFilterComputeDomain", dataFilterComputeDomain);
+        const data = new DataView(dataSet);
+        data.transform({
+            type: "dataFilterComputeDomain",
+            options: {
+                input: {
+                    dataCollection: dataCollection,
+                    stateFields: stateFields,
+                    valueFields: valueFields
+                },
+                output: {
+                    stateField: this._stateField,
+                    valueField: hasValidateValueField ? this._valueField : null
+                }
+            }
+        }, !1), this._data = new CompilableData(this._option, data), data.reRunAllTransform(), 
+        dataSet.multipleDataViewAddListener(dataCollection, "change", this._handleDataCollectionChange.bind(this));
+    }
+    setAttrFromSpec() {
+        var _a;
+        super.setAttrFromSpec(), this._spec.roam && this.initZoomable(this.event, this._option.mode), 
+        this._field = this._spec.field, this._width = this._computeWidth(), this._height = this._computeHeight(), 
+        this._visible = null === (_a = this._spec.visible) || void 0 === _a || _a;
+    }
+    _statePointToData(state) {
+        const scale = this._stateScale;
+        let range = scale.range();
+        !this._isHorizontal && isContinuous(scale.type) && (range = range.slice().reverse());
+        const posInRange = range[0] + (range[1] - range[0]) * state;
+        return scale.invert(posInRange);
+    }
+    _dataToStatePoint(data) {
+        const scale = this._stateScale, pos = scale.scale(data);
+        let range = scale.range();
+        return !this._isHorizontal && isContinuous(scale.type) && (range = range.slice().reverse()), 
+        (pos - range[0]) / (range[1] - range[0]);
+    }
+    _modeCheck(statePoint, mode) {
+        return "start" === statePoint ? "percent" === mode && this._spec.start || "value" === mode && this._spec.startValue : "end" === statePoint ? "percent" === mode && this._spec.end || "value" === mode && this._spec.endValue : void 0;
+    }
+    _setStateFromSpec() {
+        let start, end;
+        if (this._spec.rangeMode) {
+            const [startMode, endMode] = this._spec.rangeMode;
+            this._modeCheck("start", startMode) && this._modeCheck("end", endMode) && (start = "percent" === startMode ? this._spec.start : this._dataToStatePoint(this._spec.startValue), 
+            end = "percent" === endMode ? this._spec.end : this._dataToStatePoint(this._spec.endValue));
+        } else start = this._spec.start ? this._spec.start : this._spec.startValue ? this._dataToStatePoint(this._spec.startValue) : 0, 
+        end = this._spec.end ? this._spec.end : this._spec.endValue ? this._dataToStatePoint(this._spec.endValue) : 1;
+        this._startValue = this._statePointToData(start), this._endValue = this._statePointToData(end), 
+        this._start = start, this._end = end, this._relatedAxisComponent && "axis" === this._spec.filterMode || 0 === this._start && 1 === this._end || (this._newDomain = this._parseDomainFromState(this._startValue, this._endValue));
+    }
+    _parseFieldOfSeries(s) {
+        var _a;
+        return null === (_a = this._originalStateFields) || void 0 === _a ? void 0 : _a[s.id];
+    }
+    _initStateScale() {
+        const defaultRange = [ 0, 1 ];
+        if (this._relatedAxisComponent) {
+            const scale = this._relatedAxisComponent.getScale(), isContinuousScale = isContinuous(scale.type), domain = this._computeDomainOfStateScale(isContinuousScale);
+            this._stateScale = scale.clone(), isContinuousScale ? this._stateScale.domain(domain.length ? [ Math.min.apply(null, domain), Math.max.apply(null, domain) ] : [ 0, 1 ], !0).range(defaultRange) : this._stateScale.domain(domain, !0).range(defaultRange);
+        } else this._stateScale = new BandScale, this._stateScale.domain(this._computeDomainOfStateScale(), !0).range(defaultRange);
+    }
+    init(option) {
+        super.init(option), this._addTransformToSeries(), 0 === this._start && 1 === this._end || this.effect.onZoomChange();
+    }
+    _addTransformToSeries() {
+        this._relatedAxisComponent && "axis" === this._spec.filterMode || (registerDataSetInstanceTransform(this._option.dataSet, "dataFilterWithNewDomain", dataFilterWithNewDomain), 
+        eachSeries(this._regions, (s => {
+            s.addViewDataFilter({
+                type: "dataFilterWithNewDomain",
+                options: {
+                    getNewDomain: () => this._newDomain,
+                    field: () => {
+                        var _a;
+                        return null !== (_a = this._field) && void 0 !== _a ? _a : this._parseFieldOfSeries(s);
+                    },
+                    isContinuous: () => isContinuous(this._stateScale.type)
+                }
+            });
+        }), {
+            userId: this._seriesUserId,
+            specIndex: this._seriesIndex
+        }));
+    }
+    onRender(ctx) {}
+    updateSpec(spec) {
+        const result = super.updateSpec(spec);
+        return result.reRender = !0, result.reMake = !0, result;
+    }
+    reInit() {
+        super.reInit(), this._marks.forEach((g => {
+            g.getMarks().forEach((m => {
+                this.initMarkStyleWithSpec(m, this._spec[m.name]);
+            }));
+        }));
+    }
+    changeRegions() {}
+    update(ctx) {}
+    resize(ctx) {}
+    _parseDomainFromState(startValue, endValue) {
+        if (isContinuous(this._stateScale.type)) return [ Math.min(endValue, startValue), Math.max(endValue, startValue) ];
+        const allDomain = this._stateScale.domain(), startIndex = allDomain.indexOf(startValue), endIndex = allDomain.indexOf(endValue);
+        return allDomain.slice(Math.min(startIndex, endIndex), Math.max(startIndex, endIndex) + 1);
+    }
+    _initCommonEvent() {
+        this._spec.roam && (this.initZoomEventOfRegions(this._regions, null, this._handleChartZoom), 
+        this.initScrollEventOfRegions(this._regions, null, this._handleChartScroll), this.initDragEventOfRegions(this._regions, null, this._handleChartDrag));
+    }
+    updateLayoutAttribute() {
+        this._visible && this._createOrUpdateComponent(), this._initCommonEvent(), this._initEvent(), 
+        super.updateLayoutAttribute();
+    }
+    boundsInRect(rect) {
+        const result = {
+            x1: this.getLayoutStartPoint().x,
+            y1: this.getLayoutStartPoint().y,
+            x2: 0,
+            y2: 0
+        };
+        return !1 === this._visible || (this._isHorizontal ? (result.y2 = result.y1 + this._height, 
+        result.x2 = result.x1 + rect.width) : (result.x2 = result.x1 + this._width, result.y2 = result.y1 + rect.height)), 
+        result;
+    }
+    clear() {
+        super.clear(), this._stateScale = null, this._relatedAxisComponent = null, this._seriesIndex = null, 
+        this._seriesUserId = null, this._regionUserId = null, this._regionIndex = null, 
+        this._newDomain = null, this._startValue = null, this._endValue = null, this._stateField = null, 
+        this._width = null, this._height = null;
+    }
+}
+
+mixin(DataFilterBaseComponent, Zoomable);
+//# sourceMappingURL=data-filter-base-component.js.map

package/esm/component/data-zoom/data-filter-base-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/data-zoom/data-filter-base-component.ts"],"names":[],"mappings":"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","file":"data-filter-base-component.js","sourcesContent":["import type { ICartesianSeries, IPolarSeries, ISeries } from '../../series/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { eachSeries, isValid, array } from '../../util';\n// eslint-disable-next-line no-duplicate-imports\nimport { BaseComponent } from '../base';\nimport type { IEffect, IModelInitOption, ILayoutRect } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport type { IComponent, IComponentOption } from '../interface';\nimport type { IGroupMark } from '../../mark/group';\nimport { dataFilterComputeDomain, dataFilterWithNewDomain } from './util';\nimport type { IOrientType, StringOrNumber } from '../../typings';\nimport { registerDataSetInstanceParser, registerDataSetInstanceTransform } from '../../data/register';\nimport { BandScale, isContinuous } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IBaseScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { Direction } from '../../typings/space';\nimport type { CartesianAxis } from '../axis/cartesian';\nimport { getDirectionByOrient, getOrient } from '../axis/cartesian/util';\nimport type { IBoundsLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { mixin, clamp, isNil } from '@visactor/vutils';\nimport type { IDataFilterComponent } from './interface';\nimport { dataViewParser, DataView } from '@visactor/vdataset';\nimport { CompilableData } from '../../compile/data';\nimport type { BaseEventParams } from '../../event/interface';\nimport type { IZoomable } from '../../interaction/zoom/zoomable';\n// eslint-disable-next-line no-duplicate-imports\nimport { Zoomable } from '../../interaction/zoom/zoomable';\n\nexport abstract class DataFilterBaseComponent extends BaseComponent implements IDataFilterComponent {\n  layoutType: LayoutItem['layoutType'] = 'region-relative';\n\n  protected _orient: IOrientType = 'left';\n  protected _isHorizontal: boolean;\n\n  get orient() {\n    return this._orient;\n  }\n\n  get layoutOrient() {\n    return this._orient;\n  }\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n  }\n\n  // 数据\n  protected _stateScale: IBaseScale;\n  protected _relatedAxisComponent!: IComponent;\n  protected _originalStateFields: Record<number, string | number>;\n\n  // 与系列的关联关系\n  // 优先级：id > index\n  // 最终结果：series & region取交集\n  protected _seriesUserId?: StringOrNumber[];\n  protected _seriesIndex?: number[];\n  protected _regionUserId!: string[];\n  protected _regionIndex!: number[];\n  protected _newDomain: any[];\n\n  // 起点数据\n  protected _startValue!: number | string;\n  // 终点数据\n  protected _endValue!: number | string;\n  // 开始值，百分比值，0 - 1\n  protected _start!: number;\n  // 结束值，百分比值，0 - 1\n  protected _end!: number;\n\n  protected _field: string;\n  protected _stateField: string = 'x';\n  protected _valueField?: string;\n\n  protected _width!: number;\n  protected _height!: number;\n\n  /**\n   * 外部可以通过此方法强制改变datazoom的start和end，达到聚焦定位的效果\n   * @param start datazoom起点所在的相对位置\n   * @param end datazoom终点所在的相对位置\n   * @returns\n   */\n  setStartAndEnd(start: number, end: number) {\n    this._handleChange(start, end, true);\n  }\n  protected abstract _getComponentAtttrs(): any;\n  protected abstract _createOrUpdateComponent(): void;\n  protected abstract _initEvent(): void;\n  protected abstract _computeWidth(): number;\n  protected abstract _computeHeight(): number;\n  protected abstract _handleChange(start: number, end: number, updateComponent?: boolean): void;\n  protected abstract _handleDataCollectionChange(): void;\n\n  effect: IEffect = {\n    onZoomChange: () => {\n      if (this._relatedAxisComponent && this._spec.filterMode === 'axis') {\n        const scale = (this._relatedAxisComponent as CartesianAxis).getScale();\n        (scale as any).rangeFactor(this._isHorizontal ? [this._start, this._end] : [1 - this._end, 1 - this._start]);\n        this._relatedAxisComponent.effect.scaleUpdate();\n      } else {\n        eachSeries(\n          this._regions,\n          s => {\n            s.getViewDataFilter()?.markRunning();\n          },\n          {\n            userId: this._seriesUserId,\n            specIndex: this._seriesIndex\n          }\n        );\n        eachSeries(\n          this._regions,\n          s => {\n            s.reFilterViewData();\n          },\n          {\n            userId: this._seriesUserId,\n            specIndex: this._seriesIndex\n          }\n        );\n      }\n    }\n  };\n\n  protected _visible: boolean = true;\n  get visible() {\n    return this._visible;\n  }\n\n  constructor(spec: any, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\n    this._orient = getOrient(spec);\n    this._layoutOrient = this._orient;\n    this._isHorizontal = getDirectionByOrient(this._layoutOrient) === Direction.horizontal;\n    isValid(spec.autoIndent) && (this._autoIndent = spec.autoIndent);\n  }\n\n  /**\n   * the hook after this component is created\n   */\n  created() {\n    super.created();\n    // related axis\n    this._setAxisFromSpec();\n    // related regions\n    this._setRegionsFromSpec();\n    // data for background\n    this._initData();\n    // init the state scale\n    this._initStateScale();\n    // set state: _start, _end, _startValue, _endValue, _newDomain from spec\n    this._setStateFromSpec();\n  }\n\n  protected _setAxisFromSpec() {\n    if (isValid(this._spec.axisId)) {\n      this._relatedAxisComponent = this._option.getComponentByUserId(this._spec.axisId);\n    } else if (isValid(this._spec.axisIndex)) {\n      this._relatedAxisComponent = this._option.getComponentByIndex('axes', this._spec.axisIndex);\n    }\n\n    // 如果用户没有配置关联轴 或 用户配置的关联轴和datazoom方向不一致\n    // 则 使用与datazoom的orient相同的第一个axis作为关联轴\n    if (isNil(this._spec.field) && !this._relatedAxisComponent) {\n      const axes = this._option.getComponentsByKey('axes');\n      const sameOrientAxis = axes.find((cm: any) => (cm as any)._orient === this._orient);\n\n      if (sameOrientAxis) {\n        this._relatedAxisComponent = sameOrientAxis;\n      } else {\n        const bandAxis = axes.find((cm: any) => !isContinuous((cm as any).getScale().type));\n\n        this._relatedAxisComponent = bandAxis;\n      }\n    }\n  }\n\n  protected _setRegionsFromSpec() {\n    // 从axis中获取关联的regions\n    this._regions = this._relatedAxisComponent ? this._relatedAxisComponent.getRegions() : this._option.getAllRegions();\n    // 默认使用关联轴的系列绑定关系\n    const bindSeriesFilter = this._relatedAxisComponent ? this._relatedAxisComponent.getBindSeriesFilter?.() : null;\n    if (isValid(bindSeriesFilter)) {\n      isValid(bindSeriesFilter.userId) && (this._seriesUserId = array(bindSeriesFilter.userId));\n      isValid(bindSeriesFilter.specIndex) && (this._seriesIndex = array(bindSeriesFilter.specIndex));\n    }\n    // spec中的系列绑定关系 取交集\n    if (isValid(this._spec.seriesId)) {\n      const specSeriesId = array(this._spec.seriesId);\n      if (this._seriesUserId) {\n        this._seriesUserId = this._seriesUserId.filter(s => specSeriesId.includes(s));\n      } else {\n        this._seriesUserId = specSeriesId;\n      }\n    }\n    if (isValid(this._spec.seriesIndex)) {\n      const specSeriesIndex = array(this._spec.seriesIndex);\n      if (this._seriesIndex) {\n        this._seriesIndex = this._seriesIndex.filter(s => specSeriesIndex.includes(s));\n      } else {\n        this._seriesIndex = specSeriesIndex;\n      }\n    }\n    if (isValid(this._spec.regionIndex)) {\n      const regionsFromSpec = this._option.getRegionsInIndex(array(this._spec.regionIndex));\n      // 如果用户配置了region就取 axis关联 和 用户配置 的交集\n      this._regions = this._regions.filter(r => regionsFromSpec.includes(r));\n      return;\n    }\n    if (isValid(this._spec.regionId)) {\n      const ids = array(this._spec.regionId);\n      // 如果用户配置了region就取 axis关联 和 用户配置 的交集\n      this._regions = ids.length ? this._regions.filter(r => ids.includes(r.id)) : [];\n      return;\n    }\n    return;\n  }\n\n  onDataUpdate(): void {\n    const domain = this._computeDomainOfStateScale(isContinuous(this._stateScale.type));\n\n    this._stateScale.domain(domain, true);\n    this._handleChange(this._start, this._end, true);\n  }\n\n  protected _computeDomainOfStateScale(isContinuous?: boolean) {\n    const domain = this._data.getLatestData().map((d: any) => d[this._stateField]);\n\n    if (isContinuous) {\n      return domain.length ? [Math.min.apply(null, domain), Math.max.apply(null, domain)] : [-Infinity, Infinity];\n    }\n\n    return domain;\n  }\n\n  protected _initData() {\n    const dataCollection: any[] = [];\n    const stateFields: string[] = [];\n    const valueFields: string[] = [];\n    let hasValidateValueField = false;\n\n    if (this._relatedAxisComponent) {\n      const originalStateFields = {};\n      eachSeries(\n        this._regions,\n        s => {\n          // 如果副轴的类型是time或band，则无法进行数据统计\n          const xAxisHelper =\n            s.coordinate === 'cartesian'\n              ? (s as ICartesianSeries).getXAxisHelper()\n              : s.coordinate === 'polar'\n              ? (s as IPolarSeries).angleAxisHelper\n              : null;\n          const yAxisHelper =\n            s.coordinate === 'cartesian'\n              ? (s as ICartesianSeries).getYAxisHelper()\n              : s.coordinate === 'polar'\n              ? (s as IPolarSeries).radiusAxisHelper\n              : null;\n          if (!xAxisHelper || !yAxisHelper) {\n            return;\n          }\n          const stateAxisHelper =\n            xAxisHelper.getAxisId() === this._relatedAxisComponent.id\n              ? xAxisHelper\n              : yAxisHelper.getAxisId() === this._relatedAxisComponent.id\n              ? yAxisHelper\n              : this._isHorizontal\n              ? xAxisHelper\n              : yAxisHelper;\n          const valueAxisHelper = stateAxisHelper === xAxisHelper ? yAxisHelper : xAxisHelper;\n          const isValidateValueAxis = isContinuous(valueAxisHelper.getScale(0).type);\n\n          if (isValidateValueAxis) {\n            hasValidateValueField = true;\n          }\n\n          dataCollection.push(s.getRawData());\n          // 这里获取原始的spec中的xField和yField，而非经过stack处理后的fieldX和fieldY，原因如下：\n          // 1. dataFilterComputeDomain处理时拿到的viewData中没有__CHARTSPACE_STACK_START等属性，也就是还没处理\n          // 2. datazoom计算的是原始的value值，如果要根据stack后的数据来算，则需要__CHARTSPACE_STACK_END - __CHARTSPACE_STACK_START\n          const seriesSpec = s.getSpec();\n          const xField =\n            s.coordinate === 'cartesian' ? seriesSpec.xField : seriesSpec.angleField ?? seriesSpec.categoryField;\n          const yField =\n            s.coordinate === 'cartesian' ? seriesSpec.yField : seriesSpec.radiusField ?? seriesSpec.valueField;\n\n          originalStateFields[s.id] =\n            s.type === 'link' ? 'from_xField' : stateAxisHelper === xAxisHelper ? xField : yField;\n\n          stateFields.push(originalStateFields[s.id]);\n          if (this._valueField) {\n            const valueField = s.type === 'link' ? 'from_yField' : valueAxisHelper === xAxisHelper ? xField : yField;\n            valueFields.push(isValidateValueAxis ? valueField : null);\n          }\n        },\n        {\n          userId: this._seriesUserId,\n          specIndex: this._seriesIndex\n        }\n      );\n\n      this._originalStateFields = originalStateFields;\n    } else {\n      hasValidateValueField = isNil(this._spec.valueField);\n      eachSeries(\n        this._regions,\n        s => {\n          dataCollection.push(s.getRawData());\n\n          stateFields.push(this._field);\n          if (this._valueField) {\n            valueFields.push(this._spec.valueField);\n          }\n        },\n        {\n          userId: this._seriesUserId,\n          specIndex: this._seriesIndex\n        }\n      );\n    }\n    const { dataSet } = this._option;\n    registerDataSetInstanceParser(dataSet, 'dataview', dataViewParser);\n    registerDataSetInstanceTransform(dataSet, 'dataFilterComputeDomain', dataFilterComputeDomain);\n    const data = new DataView(dataSet);\n    data.transform(\n      {\n        type: 'dataFilterComputeDomain',\n        options: {\n          input: {\n            dataCollection: dataCollection,\n            stateFields,\n            valueFields\n          },\n          output: {\n            stateField: this._stateField,\n            valueField: hasValidateValueField ? this._valueField : null\n          }\n        }\n      },\n      false\n    );\n\n    this._data = new CompilableData(this._option, data);\n    data.reRunAllTransform();\n    dataSet.multipleDataViewAddListener(dataCollection, 'change', this._handleDataCollectionChange.bind(this));\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    if (this._spec.roam) {\n      (this as unknown as IZoomable).initZoomable(this.event, this._option.mode);\n    }\n    // style相关\n    this._field = this._spec.field;\n    this._width = this._computeWidth();\n    this._height = this._computeHeight();\n    this._visible = this._spec.visible ?? true;\n  }\n\n  protected _statePointToData(state: number) {\n    const scale = this._stateScale;\n    let range = scale.range();\n\n    if (!this._isHorizontal && isContinuous(scale.type)) {\n      range = range.slice().reverse();\n    }\n    const posInRange: number = range[0] + (range[1] - range[0]) * state;\n\n    return scale.invert(posInRange);\n  }\n\n  protected _dataToStatePoint(data: number | string) {\n    const scale = this._stateScale;\n    const pos = scale.scale(data);\n    let range = scale.range();\n\n    if (!this._isHorizontal && isContinuous(scale.type)) {\n      range = range.slice().reverse();\n    }\n\n    return (pos - range[0]) / (range[1] - range[0]);\n  }\n\n  protected _modeCheck(statePoint: string, mode: string) {\n    if (statePoint === 'start') {\n      return (mode === 'percent' && this._spec.start) || (mode === 'value' && this._spec.startValue);\n    } else if (statePoint === 'end') {\n      return (mode === 'percent' && this._spec.end) || (mode === 'value' && this._spec.endValue);\n    }\n  }\n\n  protected _setStateFromSpec() {\n    let start;\n    let end;\n    if (this._spec.rangeMode) {\n      const [startMode, endMode] = this._spec.rangeMode;\n      // 只有mode与配置相符时，才会生效\n      // 比如rangeMode为['value', 'percent'],那么start为dataValue, end为[0, 1]\n      if (this._modeCheck('start', startMode) && this._modeCheck('end', endMode)) {\n        start = startMode === 'percent' ? this._spec.start : this._dataToStatePoint(this._spec.startValue);\n        end = endMode === 'percent' ? this._spec.end : this._dataToStatePoint(this._spec.endValue);\n      }\n    } else {\n      start = this._spec.start\n        ? this._spec.start\n        : this._spec.startValue\n        ? this._dataToStatePoint(this._spec.startValue)\n        : 0;\n      end = this._spec.end ? this._spec.end : this._spec.endValue ? this._dataToStatePoint(this._spec.endValue) : 1;\n    }\n    this._startValue = this._statePointToData(start);\n    this._endValue = this._statePointToData(end);\n    this._start = start;\n    this._end = end;\n\n    if ((!this._relatedAxisComponent || this._spec.filterMode !== 'axis') && (this._start !== 0 || this._end !== 1)) {\n      this._newDomain = this._parseDomainFromState(this._startValue, this._endValue);\n    }\n  }\n\n  private _parseFieldOfSeries(s: ISeries) {\n    return this._originalStateFields?.[s.id];\n  }\n\n  protected _initStateScale() {\n    const defaultRange = [0, 1];\n\n    if (this._relatedAxisComponent) {\n      const scale = (this._relatedAxisComponent as CartesianAxis).getScale();\n      const isContinuousScale = isContinuous(scale.type);\n      const domain = this._computeDomainOfStateScale(isContinuousScale);\n\n      this._stateScale = scale.clone();\n      if (isContinuousScale) {\n        this._stateScale\n          .domain(domain.length ? [Math.min.apply(null, domain), Math.max.apply(null, domain)] : [0, 1], true)\n          .range(defaultRange);\n      } else {\n        this._stateScale.domain(domain, true).range(defaultRange);\n      }\n    } else {\n      this._stateScale = new BandScale();\n      this._stateScale.domain(this._computeDomainOfStateScale(), true).range(defaultRange);\n    }\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    // 添加 transform\n    this._addTransformToSeries();\n    // 增加datazoom 数据统计\n    // 只有在轴没有被设置数据时才有用\n    // this.addZoomStatistics();\n\n    if (this._start !== 0 || this._end !== 1) {\n      this.effect.onZoomChange();\n    }\n  }\n\n  protected _addTransformToSeries() {\n    if (!this._relatedAxisComponent || this._spec.filterMode !== 'axis') {\n      registerDataSetInstanceTransform(this._option.dataSet, 'dataFilterWithNewDomain', dataFilterWithNewDomain);\n\n      eachSeries(\n        this._regions,\n        s => {\n          s.addViewDataFilter({\n            type: 'dataFilterWithNewDomain',\n            options: {\n              getNewDomain: () => this._newDomain,\n              field: () => {\n                return this._field ?? this._parseFieldOfSeries(s);\n              },\n              isContinuous: () => isContinuous(this._stateScale.type)\n            }\n          });\n        },\n        {\n          userId: this._seriesUserId,\n          specIndex: this._seriesIndex\n        }\n      );\n    }\n  }\n\n  /** LifeCycle API**/\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  /**\n   * updateSpec\n   */\n  updateSpec(spec: any) {\n    const result = super.updateSpec(spec);\n    result.reRender = true;\n    result.reMake = true;\n\n    return result;\n  }\n\n  reInit() {\n    super.reInit();\n\n    this._marks.forEach(g => {\n      (<IGroupMark>g).getMarks().forEach(m => {\n        this.initMarkStyleWithSpec(m, this._spec[m.name]);\n      });\n    });\n  }\n\n  changeRegions() {\n    // do nothing\n  }\n  protected update(ctx: IComponentOption) {\n    // do nothing\n  }\n  protected resize(ctx: IComponentOption) {\n    // do nothing\n  }\n\n  protected _parseDomainFromState(startValue: number | string, endValue: number | string) {\n    if (isContinuous(this._stateScale.type)) {\n      return [Math.min(endValue as number, startValue as number), Math.max(endValue as number, startValue as number)];\n    }\n    const allDomain = this._stateScale.domain();\n    const startIndex = allDomain.indexOf(startValue);\n    const endIndex = allDomain.indexOf(endValue);\n    return allDomain.slice(Math.min(startIndex, endIndex), Math.max(startIndex, endIndex) + 1);\n  }\n\n  protected _handleStateChange = (startValue: number, endValue: number) => {\n    if (startValue === this._startValue && endValue === this._endValue) {\n      return false;\n    }\n    this._startValue = startValue;\n    this._endValue = endValue;\n\n    this._newDomain = this._parseDomainFromState(this._startValue, this._endValue);\n\n    this.effect.onZoomChange?.();\n    return true;\n  };\n\n  protected _handleChartScroll = (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => {\n    this._handleChartDrag([params.scrollX, params.scrollY], e);\n  };\n\n  protected _handleChartZoom = (\n    params: { zoomDelta: number; zoomX: number; zoomY: number },\n    e: BaseEventParams['event']\n  ) => {\n    const { zoomDelta } = params;\n    const delta = Math.abs(this._start - this._end);\n\n    if (delta >= 1 && zoomDelta > 1) {\n      return;\n    }\n\n    if (delta <= 0.01 && zoomDelta < 1) {\n      return;\n    }\n    const value = (delta * (zoomDelta - 1)) / 2;\n    const start = clamp(this._start - value, 0, 1);\n    const end = clamp(this._end + value, 0, 1);\n\n    this._handleChange(Math.min(start, end), Math.max(start, end), true);\n  };\n\n  protected _handleChartDrag = (delta: [number, number], e: BaseEventParams['event']) => {\n    const [dx, dy] = delta;\n    const value = this._isHorizontal ? dx : dy;\n    const totalValue = this._isHorizontal ? this.getLayoutRect().width : this.getLayoutRect().height;\n\n    if (Math.abs(value) >= 1e-6) {\n      if (value > 0 && this._end < 1) {\n        const moveDelta = Math.min(1 - this._end, value / totalValue);\n        this._handleChange(this._start + moveDelta, this._end + moveDelta, true);\n      } else if (value < 0 && this._start > 0) {\n        const moveDelta = Math.max(-this._start, value / totalValue);\n        this._handleChange(this._start + moveDelta, this._end + moveDelta, true);\n      }\n    }\n  };\n\n  protected _initCommonEvent() {\n    if (this._spec.roam) {\n      (this as unknown as IZoomable).initZoomEventOfRegions(this._regions, null, this._handleChartZoom);\n      (this as unknown as IZoomable).initScrollEventOfRegions(this._regions, null, this._handleChartScroll);\n      (this as unknown as IZoomable).initDragEventOfRegions(this._regions, null, this._handleChartDrag);\n    }\n  }\n\n  updateLayoutAttribute(): void {\n    // create or update component\n    if (this._visible) {\n      this._createOrUpdateComponent();\n    }\n    this._initCommonEvent();\n    this._initEvent();\n    super.updateLayoutAttribute();\n  }\n  /**\n   * bounds预计算\n   * @param rect\n   * @returns\n   */\n  boundsInRect(rect: ILayoutRect): IBoundsLike {\n    const result: IBoundsLike = { x1: this.getLayoutStartPoint().x, y1: this.getLayoutStartPoint().y, x2: 0, y2: 0 };\n\n    if (this._visible === false) {\n      return result;\n    }\n\n    if (this._isHorizontal) {\n      result.y2 = result.y1 + this._height;\n      result.x2 = result.x1 + rect.width;\n    } else {\n      result.x2 = result.x1 + this._width;\n      result.y2 = result.y1 + rect.height;\n    }\n    return result;\n  }\n\n  clear() {\n    super.clear();\n    this._stateScale = null;\n    this._relatedAxisComponent = null;\n\n    this._seriesIndex = null;\n    this._seriesUserId = null;\n    this._regionUserId = null;\n    this._regionIndex = null;\n    this._newDomain = null;\n\n    this._startValue = null;\n    this._endValue = null;\n\n    this._stateField = null;\n\n    this._width = null;\n    this._height = null;\n  }\n}\n\nmixin(DataFilterBaseComponent, Zoomable);\n"]}

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

@@ -0,0 +1,59 @@
+import type { IComponentOption } from '../../interface';
+import { ComponentTypeEnum } from '../../interface';
+import { DataFilterBaseComponent } from '../data-filter-base-component';
+import { DataZoom as DataZoomComponent } from '@visactor/vrender-components';
+import type { IRectGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender';
+import type { Datum } from '../../../typings';
+import type { ILinearScale } from '@visactor/vscale';
+export declare class DataZoom extends DataFilterBaseComponent {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    layoutZIndex: number;
+    layoutLevel: number;
+    protected _component: DataZoomComponent;
+    protected _valueScale: ILinearScale;
+    protected _backgroundSize: number;
+    protected _middleHandlerSize: number;
+    static createComponent(spec: any, options: IComponentOption): DataZoom | DataZoom[];
+    constructor(spec: any, options: IComponentOption);
+    created(): void;
+    setAttrFromSpec(): void;
+    onLayoutEnd(ctx: any): void;
+    protected _initValueScale(): void;
+    protected _updateScaleRange(): void;
+    protected _computeDomainOfValueScale(): number[];
+    protected _computeMiddleHandlerSize(): number;
+    protected _computeWidth(): number;
+    protected _computeHeight(): number;
+    protected _dataToPositionX: (datum: Datum) => number;
+    protected _dataToPositionX2: (datum: Datum) => number;
+    protected _dataToPositionY: (datum: Datum) => number;
+    protected _dataToPositionY2: (datum: Datum) => number;
+    protected _createOrUpdateComponent(): void;
+    protected _handleChange(start: number, end: number, updateComponent?: boolean): void;
+    protected _handleDataCollectionChange(): void;
+    protected _initEvent(): void;
+    protected _getComponentAtttrs(): {
+        backgroundStyle: IRectGraphicAttribute;
+        startHandlerStyle: ISymbolGraphicAttribute;
+        middleHandlerStyle: {
+            visible: any;
+            icon: ISymbolGraphicAttribute;
+            background: any;
+        };
+        endHandlerStyle: ISymbolGraphicAttribute;
+        startTextStyle: unknown;
+        endTextStyle: unknown;
+        selectedBackgroundStyle: IRectGraphicAttribute;
+        dragMaskStyle: IRectGraphicAttribute;
+        backgroundChartStyle: {
+            line: any;
+            area: any;
+        };
+        selectedBackgroundChartStyle: {
+            line: any;
+            area: any;
+        };
+    };
+}