@visactor/vchart 0.0.1-alpha.0

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

@@ -0,0 +1,201 @@
+import { isArray, isNil, isNumber, merge } from "@visactor/vutils";
+
+import { ComponentTypeEnum } from "../../interface";
+
+import { DataFilterBaseComponent } from "../data-filter-base-component";
+
+import { DataZoom as DataZoomComponent } from "@visactor/vrender-components";
+
+import { transformToGraphic } from "../../../util/style";
+
+import { LinearScale } from "@visactor/vscale";
+
+import { ChartEvent, LayoutLevel, LayoutZIndex } from "../../../constant";
+
+export class DataZoom extends DataFilterBaseComponent {
+    static createComponent(spec, options) {
+        const compSpec = spec.dataZoom || options.defaultSpec;
+        if (isNil(compSpec)) return;
+        if (!isArray(compSpec)) return new DataZoom(compSpec, Object.assign(Object.assign({}, options), {
+            specKey: "dataZoom"
+        }));
+        const zooms = [];
+        return compSpec.forEach(((s, i) => {
+            zooms.push(new DataZoom(s, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: "dataZoom"
+            })));
+        })), zooms;
+    }
+    constructor(spec, options) {
+        super(spec, Object.assign({}, options)), this.type = ComponentTypeEnum.dataZoom, 
+        this.name = ComponentTypeEnum.dataZoom, this.layoutZIndex = LayoutZIndex.DataZoom, 
+        this.layoutLevel = LayoutLevel.DataZoom, this._dataToPositionX = datum => {
+            const offsetLeft = "left" === this._orient ? this._middleHandlerSize : 0;
+            return (this._isHorizontal ? this._stateScale : this._valueScale).scale(datum[this._stateField]) + this.getLayoutStartPoint().x + offsetLeft;
+        }, this._dataToPositionX2 = datum => {
+            const offsetLeft = "left" === this._orient ? this._middleHandlerSize : 0, xScale = this._isHorizontal ? this._stateScale : this._valueScale, min = xScale.domain()[0];
+            return xScale.scale(min) + this.getLayoutStartPoint().x + offsetLeft;
+        }, this._dataToPositionY = datum => {
+            const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;
+            return (this._isHorizontal ? this._valueScale : this._stateScale).scale(datum[this._valueField]) + this.getLayoutStartPoint().y + offsetTop;
+        }, this._dataToPositionY2 = datum => {
+            const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0, yScale = this._isHorizontal ? this._valueScale : this._stateScale, min = yScale.domain()[0];
+            return yScale.scale(min) + this.getLayoutStartPoint().y + offsetTop;
+        }, this._valueField = "y";
+    }
+    created() {
+        super.created(), this._initValueScale();
+    }
+    setAttrFromSpec() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        super.setAttrFromSpec(), 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(), (null === (_e = null === (_d = null === (_c = this._originalSpec.startHandler) || void 0 === _c ? void 0 : _c.style) || void 0 === _d ? void 0 : _d.size) || void 0 === _e || _e) && (this._spec.startHandler.style.size = this._isHorizontal ? this._height - this._middleHandlerSize : this._width - this._middleHandlerSize), 
+        (null === (_h = null === (_g = null === (_f = this._originalSpec.endHandler) || void 0 === _f ? void 0 : _f.style) || void 0 === _g ? void 0 : _g.size) || void 0 === _h || _h) && (this._spec.endHandler.style.size = this._isHorizontal ? this._height - this._middleHandlerSize : this._width - this._middleHandlerSize);
+    }
+    onLayoutEnd(ctx) {
+        this._updateScaleRange(), super.onLayoutEnd(ctx);
+    }
+    _initValueScale() {
+        const domain = this._computeDomainOfValueScale();
+        if (domain) {
+            const valueScale = new LinearScale;
+            valueScale.domain(domain), this._valueScale = valueScale;
+        }
+    }
+    _updateScaleRange() {
+        this._stateScale && this._valueScale && (this._isHorizontal ? (this._stateScale.range([ 0, this._computeWidth() ]), 
+        this._valueScale.range([ this._computeHeight() - this._middleHandlerSize, 0 ])) : "left" === this.layoutOrient ? (this._stateScale.range([ 0, this._computeHeight() ]), 
+        this._valueScale.range([ this._computeWidth() - this._middleHandlerSize, 0 ])) : (this._stateScale.range([ 0, this._computeHeight() ]), 
+        this._valueScale.range([ 0, this._computeWidth() - this._middleHandlerSize ])), 
+        this._component && this._component.setAttributes({
+            size: {
+                width: this._computeWidth(),
+                height: this._computeHeight()
+            }
+        }));
+    }
+    _computeDomainOfValueScale() {
+        const domain = this._data.getLatestData().map((d => d[this._valueField]));
+        return domain.length ? [ Math.min.apply(null, domain), Math.max.apply(null, domain) ] : null;
+    }
+    _computeMiddleHandlerSize() {
+        var _a, _b, _c, _d;
+        let size = 0;
+        if (null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.middleHandler) || void 0 === _b ? void 0 : _b.visible) {
+            const middleHandlerIconSize = null !== (_c = this._spec.middleHandler.icon.style.size) && void 0 !== _c ? _c : 8, middleHandlerBackSize = null !== (_d = this._spec.middleHandler.background.size) && void 0 !== _d ? _d : 40;
+            size += Math.max(middleHandlerIconSize, middleHandlerBackSize);
+        }
+        return size;
+    }
+    _computeWidth() {
+        return isNumber(this._spec.width) ? this._spec.width : this._isHorizontal ? this.getLayoutRect().width : this._backgroundSize + this._middleHandlerSize;
+    }
+    _computeHeight() {
+        return isNumber(this._spec.height) ? this._spec.height : this._isHorizontal ? this._backgroundSize + this._middleHandlerSize : this.getLayoutRect().height;
+    }
+    _createOrUpdateComponent() {
+        var _a, _b, _c;
+        if (!this._component) {
+            const container = this.getContainer();
+            this._component = new DataZoomComponent(Object.assign({
+                zIndex: this.layoutZIndex,
+                start: this._start,
+                end: this._end,
+                position: {
+                    x: this.getLayoutStartPoint().x,
+                    y: this.getLayoutStartPoint().y
+                },
+                orient: this._orient,
+                size: {
+                    width: this.getLayoutRect().width,
+                    height: this.getLayoutRect().height
+                },
+                showDetail: null === (_a = this._spec) || void 0 === _a ? void 0 : _a.showDetail,
+                brushSelect: null === (_c = null === (_b = this._spec) || void 0 === _b ? void 0 : _b.brushSelect) || void 0 === _c || _c,
+                previewData: this._data.getLatestData(),
+                previewCallbackX: this._dataToPositionX,
+                previewCallbackY: this._dataToPositionY
+            }, this._getComponentAtttrs())), this._isHorizontal ? this._component.setPreviewCallbackY1(this._dataToPositionY2) : this._component.setPreviewCallbackX1(this._dataToPositionX2), 
+            this._component.name = `dataZoom-${this._orient}`, this._component.setStatePointToData((state => this._statePointToData(state))), 
+            this._component.setUpdateStateCallback(((start, end) => {
+                this._handleChange(start, end);
+            })), container.add(this._component), this._updateScaleRange();
+        }
+    }
+    _handleChange(start, end, updateComponent) {
+        updateComponent && this._component && this._component.setStartAndEnd(start, end), 
+        this._start = start, this._end = end;
+        this._handleStateChange(this._statePointToData(start), this._statePointToData(end)) && this.event.emit(ChartEvent.dataZoomChange, {
+            model: this,
+            value: {
+                filterData: "axis" !== this._spec.filterMode,
+                start: start,
+                end: end,
+                startValue: this._startValue,
+                endValue: this._endValue,
+                newDomain: this._newDomain
+            }
+        });
+    }
+    _handleDataCollectionChange() {
+        var _a;
+        const data = this._data.getDataView();
+        if (data.reRunAllTransform(), null === (_a = this._component) || void 0 === _a || _a.setPreviewData(data.latestData), 
+        this._valueScale) {
+            const domain = this._computeDomainOfValueScale();
+            domain && this._valueScale.domain(domain);
+        }
+    }
+    _initEvent() {}
+    _getComponentAtttrs() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+        return {
+            backgroundStyle: transformToGraphic(null === (_a = this._spec.background) || void 0 === _a ? void 0 : _a.style),
+            startHandlerStyle: transformToGraphic(null === (_b = this._spec.startHandler) || void 0 === _b ? void 0 : _b.style),
+            middleHandlerStyle: {
+                visible: null !== (_d = null === (_c = this._spec.middleHandler) || void 0 === _c ? void 0 : _c.visible) && void 0 !== _d && _d,
+                icon: transformToGraphic(null === (_f = null === (_e = this._spec.middleHandler) || void 0 === _e ? void 0 : _e.icon) || void 0 === _f ? void 0 : _f.style),
+                background: {
+                    size: null === (_h = null === (_g = this._spec.middleHandler) || void 0 === _g ? void 0 : _g.background) || void 0 === _h ? void 0 : _h.size,
+                    style: transformToGraphic(null === (_j = this._spec.middleHandler.background) || void 0 === _j ? void 0 : _j.style)
+                }
+            },
+            endHandlerStyle: transformToGraphic(null === (_k = this._spec.endHandler) || void 0 === _k ? void 0 : _k.style),
+            startTextStyle: {
+                padding: null === (_l = this._spec.startText) || void 0 === _l ? void 0 : _l.padding,
+                formatMethod: null === (_m = this._spec.startText) || void 0 === _m ? void 0 : _m.formatMethod,
+                textStyle: transformToGraphic(null === (_o = this._spec.startText) || void 0 === _o ? void 0 : _o.style)
+            },
+            endTextStyle: {
+                padding: null === (_p = this._spec.endText) || void 0 === _p ? void 0 : _p.padding,
+                formatMethod: null === (_q = this._spec.endText) || void 0 === _q ? void 0 : _q.formatMethod,
+                textStyle: transformToGraphic(null === (_r = this._spec.endText) || void 0 === _r ? void 0 : _r.style)
+            },
+            selectedBackgroundStyle: transformToGraphic(this._spec.selectedBackground.style),
+            dragMaskStyle: transformToGraphic(null === (_s = this._spec.dragMask) || void 0 === _s ? void 0 : _s.style),
+            backgroundChartStyle: {
+                line: merge(transformToGraphic(null === (_u = null === (_t = this._spec.backgroundChart) || void 0 === _t ? void 0 : _t.line) || void 0 === _u ? void 0 : _u.style), {
+                    fill: !1
+                }),
+                area: Object.assign({
+                    curveType: "basis",
+                    visible: !0
+                }, transformToGraphic(null === (_w = null === (_v = this._spec.backgroundChart) || void 0 === _v ? void 0 : _v.area) || void 0 === _w ? void 0 : _w.style))
+            },
+            selectedBackgroundChartStyle: {
+                line: merge(transformToGraphic(null === (_y = null === (_x = this._spec.selectedBackgroundChart) || void 0 === _x ? void 0 : _x.line) || void 0 === _y ? void 0 : _y.style), {
+                    fill: !1
+                }),
+                area: Object.assign({
+                    curveType: "basis",
+                    visible: !0
+                }, transformToGraphic(null === (_0 = null === (_z = this._spec.selectedBackgroundChart) || void 0 === _z ? void 0 : _z.area) || void 0 === _0 ? void 0 : _0.style))
+            }
+        };
+    }
+}
+
+DataZoom.type = ComponentTypeEnum.dataZoom;
+//# sourceMappingURL=data-zoom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/data-zoom/data-zoom/data-zoom.ts"],"names":[],"mappings":"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","file":"data-zoom.js","sourcesContent":["import { isArray, isNil, isNumber, merge } from '@visactor/vutils';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\nimport { DataFilterBaseComponent } from '../data-filter-base-component';\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 } from '@visactor/vrender';\nimport type { Datum } from '../../../typings';\nimport type { ILinearScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { LinearScale } from '@visactor/vscale';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../../constant';\n\nexport class DataZoom extends DataFilterBaseComponent {\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\n  // datazoom组件\n  protected _component!: DataZoomComponent;\n\n  protected _valueScale!: ILinearScale;\n\n  protected _backgroundSize!: number;\n  protected _middleHandlerSize!: number;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const compSpec = spec.dataZoom || options.defaultSpec;\n    if (isNil(compSpec)) {\n      return undefined;\n    }\n    if (!isArray(compSpec)) {\n      return new DataZoom(compSpec, { ...options, specKey: 'dataZoom' });\n    }\n    const zooms: DataZoom[] = [];\n    compSpec.forEach((s, i: number) => {\n      zooms.push(new DataZoom(s, { ...options, specIndex: i, specKey: 'dataZoom' }));\n    });\n    return zooms;\n  }\n\n  constructor(spec: any, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\n\n    this._valueField = 'y';\n  }\n\n  created() {\n    super.created();\n    this._initValueScale();\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\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 (this._originalSpec.startHandler?.style?.size ?? true) {\n      this._spec.startHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n    if (this._originalSpec.endHandler?.style?.size ?? true) {\n      this._spec.endHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n  }\n\n  /** LifeCycle API**/\n  onLayoutEnd(ctx: any): void {\n    this._updateScaleRange();\n    super.onLayoutEnd(ctx);\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    if (!this._stateScale || !this._valueScale) {\n      return;\n    }\n    if (this._isHorizontal) {\n      this._stateScale.range([0, this._computeWidth()]);\n      this._valueScale.range([this._computeHeight() - this._middleHandlerSize, 0]);\n    } else if (this.layoutOrient === 'left') {\n      this._stateScale.range([0, this._computeHeight()]);\n      this._valueScale.range([this._computeWidth() - this._middleHandlerSize, 0]);\n    } else {\n      this._stateScale.range([0, this._computeHeight()]);\n      this._valueScale.range([0, this._computeWidth() - this._middleHandlerSize]);\n    }\n\n    if (this._component) {\n      this._component.setAttributes({\n        size: {\n          width: this._computeWidth(),\n          height: this._computeHeight()\n        }\n      });\n    }\n  }\n\n  protected _computeDomainOfValueScale() {\n    const domain = this._data.getLatestData().map((d: any) => d[this._valueField]);\n\n    return domain.length ? [Math.min.apply(null, domain), Math.max.apply(null, domain)] : 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 (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 (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;\n  }\n\n  protected _dataToPositionX = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;\n    const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n\n    return xScale.scale(datum[this._stateField]) + this.getLayoutStartPoint().x + offsetLeft;\n  };\n\n  protected _dataToPositionX2 = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 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;\n  };\n\n  protected _dataToPositionY = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n\n    return yScale.scale(datum[this._valueField]) + this.getLayoutStartPoint().y + offsetTop;\n  };\n\n  protected _dataToPositionY2 = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n    const min = yScale.domain()[0];\n    return yScale.scale(min) + this.getLayoutStartPoint().y + offsetTop;\n  };\n\n  protected _createOrUpdateComponent() {\n    if (!this._component) {\n      const container = this.getContainer();\n      this._component = new DataZoomComponent({\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: this._spec?.showDetail,\n        brushSelect: this._spec?.brushSelect ?? true,\n        previewData: this._data.getLatestData(),\n        previewCallbackX: this._dataToPositionX,\n        previewCallbackY: this._dataToPositionY,\n        ...(this._getComponentAtttrs() as any)\n      });\n\n      if (this._isHorizontal) {\n        this._component.setPreviewCallbackY1(this._dataToPositionY2);\n      } else {\n        this._component.setPreviewCallbackX1(this._dataToPositionX2);\n      }\n      this._component.name = `dataZoom-${this._orient}`;\n      this._component.setStatePointToData((state: number) => this._statePointToData(state));\n      this._component.setUpdateStateCallback((start: number, end: number) => {\n        this._handleChange(start, end);\n      });\n\n      container.add(this._component as unknown as INode);\n\n      this._updateScaleRange();\n    }\n  }\n\n  protected _handleChange(start: number, end: number, updateComponent?: boolean) {\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));\n    if (hasChange) {\n      this.event.emit(ChartEvent.dataZoomChange, {\n        model: this,\n        value: {\n          filterData: this._spec.filterMode !== '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 _initEvent() {\n    // do nothing\n  }\n\n  protected _getComponentAtttrs() {\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: this._spec.middleHandler?.visible ?? false,\n        icon: transformToGraphic(this._spec.middleHandler?.icon?.style) as unknown as ISymbolGraphicAttribute,\n        background: {\n          size: this._spec.middleHandler?.background?.size,\n          style: transformToGraphic(this._spec.middleHandler.background?.style)\n        } as any\n      },\n      endHandlerStyle: transformToGraphic(this._spec.endHandler?.style) as unknown as ISymbolGraphicAttribute,\n      startTextStyle: {\n        padding: this._spec.startText?.padding,\n        formatMethod: this._spec.startText?.formatMethod,\n        textStyle: transformToGraphic(this._spec.startText?.style)\n      } as unknown,\n      endTextStyle: {\n        padding: this._spec.endText?.padding,\n        formatMethod: this._spec.endText?.formatMethod,\n        textStyle: transformToGraphic(this._spec.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: merge(transformToGraphic(this._spec.backgroundChart?.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(this._spec.backgroundChart?.area?.style)\n        }\n      },\n      selectedBackgroundChartStyle: {\n        line: merge(transformToGraphic(this._spec.selectedBackgroundChart?.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(this._spec.selectedBackgroundChart?.area?.style)\n        }\n      }\n    };\n  }\n}\n"]}

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

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

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

@@ -0,0 +1,4 @@
+export * from "./data-zoom";
+
+export * from "./interface";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,51 @@
+import type { IMarkSpec } from '../../../typings/spec';
+import type { IAreaMarkSpec, ILineMarkSpec, IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec } from '../../../typings/visual';
+import type { IComponent } from '../../interface';
+import type { IDataFilterComponentSpec } from '../interface';
+export type IDataZoom = IComponent;
+export interface IDataZoomStyle {
+    showDetail?: 'auto' | boolean;
+    middleHandler?: {
+        visible?: boolean;
+        icon?: IMarkSpec<ISymbolMarkSpec>;
+        background?: {
+            size?: number;
+        } & IMarkSpec<IRectMarkSpec>;
+    };
+    background?: {
+        size?: number;
+    } & IMarkSpec<IRectMarkSpec>;
+    startHandler?: IMarkSpec<ISymbolMarkSpec>;
+    endHandler?: IMarkSpec<ISymbolMarkSpec>;
+    startText?: {
+        padding?: number;
+    } & IMarkSpec<ITextMarkSpec>;
+    endText?: {
+        padding?: number;
+    } & IMarkSpec<ITextMarkSpec>;
+    dragMask?: IMarkSpec<IRectMarkSpec>;
+    selectedBackground?: IMarkSpec<IRectMarkSpec>;
+    backgroundChart?: {
+        line?: IMarkSpec<ILineMarkSpec>;
+        area?: IMarkSpec<IAreaMarkSpec>;
+    };
+    selectedBackgroundChart?: {
+        line?: IMarkSpec<ILineMarkSpec>;
+        area?: IMarkSpec<IAreaMarkSpec>;
+    };
+}
+export interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec {
+    valueField?: string;
+    startText?: {
+        padding?: number;
+        style?: IMarkSpec<ITextMarkSpec>;
+        formatMethod?: (text: string | number) => string | string[];
+    };
+    endText?: {
+        padding?: number;
+        style?: IMarkSpec<ITextMarkSpec>;
+        formatMethod?: (text: string | number) => string | string[];
+    };
+    brushSelect?: boolean;
+}
+export type IDataZoomTheme = IDataZoomStyle;

package/esm/component/data-zoom/data-zoom/interface.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["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 { IComponent } from '../../interface';\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?: IMarkSpec<ISymbolMarkSpec>;\n    background?: {\n      size?: number;\n    } & IMarkSpec<IRectMarkSpec>;\n  };\n  background?: {\n    size?: number;\n  } & IMarkSpec<IRectMarkSpec>;\n  startHandler?: IMarkSpec<ISymbolMarkSpec>;\n  endHandler?: IMarkSpec<ISymbolMarkSpec>;\n  startText?: {\n    padding?: number;\n  } & IMarkSpec<ITextMarkSpec>;\n  endText?: {\n    padding?: number;\n  } & IMarkSpec<ITextMarkSpec>;\n  dragMask?: IMarkSpec<IRectMarkSpec>;\n  selectedBackground?: IMarkSpec<IRectMarkSpec>;\n  backgroundChart?: {\n    line?: IMarkSpec<ILineMarkSpec>;\n    area?: IMarkSpec<IAreaMarkSpec>;\n  };\n  selectedBackgroundChart?: {\n    line?: IMarkSpec<ILineMarkSpec>;\n    area?: IMarkSpec<IAreaMarkSpec>;\n  };\n}\n\n/** spec */\nexport interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec {\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  /**\n   * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n   * @default true\n   */\n  brushSelect?: boolean;\n}\n\nexport type IDataZoomTheme = IDataZoomStyle;\n"]}

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

@@ -0,0 +1,2 @@
+export * from './data-zoom';
+export * from './scroll-bar';

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

@@ -0,0 +1,4 @@
+export * from "./data-zoom";
+
+export * from "./scroll-bar";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/data-zoom/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["export * from './data-zoom';\nexport * from './scroll-bar';\n"]}

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

@@ -0,0 +1,25 @@
+import type { IModelSpec } from '../../model/interface';
+import type { IOrientType } from '../../typings';
+import type { IComponent } from '../interface';
+export interface IDataFilterComponentSpec extends Omit<IModelSpec, 'width' | 'height'> {
+    visible?: boolean;
+    orient?: IOrientType;
+    width?: 'auto' | number;
+    height?: 'auto' | number;
+    field?: string;
+    axisId?: string;
+    axisIndex?: number;
+    regionIndex?: number | number[];
+    regionId?: string | string[];
+    filterMode?: 'filter' | 'axis';
+    start?: number;
+    end?: number;
+    startValue?: number | string;
+    endValue?: number | string;
+    rangeMode?: [string, string];
+    autoIndent?: boolean;
+    roam?: boolean;
+}
+export interface IDataFilterComponent extends IComponent {
+    setStartAndEnd: (start: number, end: number) => any;
+}

package/esm/component/data-zoom/interface.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/data-zoom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IModelSpec } from '../../model/interface';\nimport type { IOrientType } from '../../typings';\nimport type { IComponent } from '../interface';\n\n/** spec */\nexport interface IDataFilterComponentSpec extends Omit<IModelSpec, '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  regionId?: string | string[];\n\n  /**\n   * 数据过滤模式\n   * @default true （默认直接过滤数据）\n   * 详细可参考：https://echarts.apache.org/zh/option.html#dataZoom-slider.filterMode）\n   */\n  filterMode?: 'filter' | 'axis';\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   * start和end的配置模式：只有模式和配置匹配时才生效，比如rangeMode: ['percent', 'value'], 那么必须start和endValue都配置才可以生效\n   */\n  rangeMode?: [string, string];\n  /**\n   * 是否进行自动缩进\n   */\n  autoIndent?: boolean;\n  /**\n   * 是否开启鼠标缩放和平移漫游。默认不开启\n   */\n  roam?: boolean;\n}\n\nexport interface IDataFilterComponent extends IComponent {\n  setStartAndEnd: (start: number, end: number) => any;\n}\n"]}

package/esm/component/data-zoom/scroll-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './interface';
+export * from './scroll-bar';

package/esm/component/data-zoom/scroll-bar/index.js

@@ -0,0 +1,4 @@
+export * from "./interface";
+
+export * from "./scroll-bar";
+//# sourceMappingURL=index.js.map

package/esm/component/data-zoom/scroll-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/data-zoom/scroll-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './scroll-bar';\n"]}

package/esm/component/data-zoom/scroll-bar/interface.d.ts

@@ -0,0 +1,15 @@
+import type { IPadding } from '../../../typings';
+import type { IMarkSpec } from '../../../typings/spec';
+import type { IRectMarkSpec } from '../../../typings/visual';
+import type { IDataFilterComponentSpec } from '../interface';
+export interface IScrollBarStyle {
+    rail?: Omit<IMarkSpec<IRectMarkSpec>, 'width' | 'height'>;
+    slider?: Omit<IMarkSpec<IRectMarkSpec>, 'width' | 'height'>;
+}
+export interface IScrollBarSpec extends IDataFilterComponentSpec, IScrollBarStyle {
+    round?: boolean;
+    innerPadding?: number | number[] | IPadding;
+    range?: [number, number];
+    limitRange?: [number, number];
+}
+export type IScrollBarTheme = IScrollBarStyle;

package/esm/component/data-zoom/scroll-bar/interface.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

package/esm/component/data-zoom/scroll-bar/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/data-zoom/scroll-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IPadding } from '../../../typings';\nimport type { IMarkSpec } from '../../../typings/spec';\nimport type { IRectMarkSpec } from '../../../typings/visual';\nimport type { IDataFilterComponentSpec } from '../interface';\n\nexport interface IScrollBarStyle {\n  /**\n   * 滚动条轨道样式。\n   */\n  rail?: Omit<IMarkSpec<IRectMarkSpec>, 'width' | 'height'>;\n  /**\n   * 滚动条滑块样式。\n   */\n  slider?: Omit<IMarkSpec<IRectMarkSpec>, 'width' | 'height'>;\n}\n\nexport interface IScrollBarSpec extends IDataFilterComponentSpec, IScrollBarStyle {\n  /** 滑块是否圆角。 */\n  round?: boolean;\n  /**\n   * 滚动条内边距，影响滑轨的实际可用空间 [top, right, bottom, left]\n   */\n  innerPadding?: number | number[] | IPadding;\n  /** 滑块当前的可视范围，数值为 0 - 1 */\n  range?: [number, number];\n  /**\n   * 滑块限制的滚动范围，数值为 0 - 1\n   */\n  limitRange?: [number, number];\n}\n\nexport type IScrollBarTheme = IScrollBarStyle;\n"]}

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

@@ -0,0 +1,23 @@
+import type { IComponentOption } from '../../interface';
+import { ComponentTypeEnum } from '../../interface';
+import { DataFilterBaseComponent } from '../data-filter-base-component';
+import type { ScrollBarAttributes } from '@visactor/vrender-components';
+import { ScrollBar as ScrollBarComponent } from '@visactor/vrender-components';
+export declare class ScrollBar extends DataFilterBaseComponent {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    layoutZIndex: number;
+    layoutLevel: number;
+    protected _component: ScrollBarComponent;
+    static createComponent(spec: any, options: IComponentOption): ScrollBar | ScrollBar[];
+    onLayoutEnd(ctx: any): void;
+    protected _updateScaleRange(): void;
+    protected _computeWidth(): number;
+    protected _computeHeight(): number;
+    protected _createOrUpdateComponent(): void;
+    protected _handleChange(start: number, end: number, updateComponent?: boolean): void;
+    protected _handleDataCollectionChange(): void;
+    protected _initEvent(): void;
+    protected _getComponentAtttrs(): Partial<ScrollBarAttributes>;
+}

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

@@ -0,0 +1,96 @@
+import { isArray, isEmpty, isNil, isNumber } from "@visactor/vutils";
+
+import { ComponentTypeEnum } from "../../interface";
+
+import { DataFilterBaseComponent } from "../data-filter-base-component";
+
+import { ScrollBar as ScrollBarComponent } from "@visactor/vrender-components";
+
+import { transformToGraphic } from "../../../util/style";
+
+import { ChartEvent, LayoutLevel, LayoutZIndex } from "../../../constant";
+
+import { SCROLL_BAR_DEFAULT_SIZE } from "../../../constant/scroll-bar";
+
+export class ScrollBar extends DataFilterBaseComponent {
+    constructor() {
+        super(...arguments), this.type = ComponentTypeEnum.scrollBar, this.name = ComponentTypeEnum.scrollBar, 
+        this.layoutZIndex = LayoutZIndex.DataZoom, this.layoutLevel = LayoutLevel.DataZoom;
+    }
+    static createComponent(spec, options) {
+        const compSpec = spec.scrollBar || options.defaultSpec;
+        if (isNil(compSpec)) return;
+        if (!isArray(compSpec)) return new ScrollBar(compSpec, Object.assign(Object.assign({}, options), {
+            specKey: "scrollBar"
+        }));
+        const zooms = [];
+        return compSpec.forEach(((s, i) => {
+            zooms.push(new ScrollBar(s, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: "scrollBar"
+            })));
+        })), zooms;
+    }
+    onLayoutEnd(ctx) {
+        this._updateScaleRange(), super.onLayoutEnd(ctx);
+    }
+    _updateScaleRange() {
+        this._component && this._component.setAttributes({
+            x: this.getLayoutStartPoint().x,
+            y: this.getLayoutStartPoint().y,
+            width: this.getLayoutRect().width,
+            height: this.getLayoutRect().height
+        });
+    }
+    _computeWidth() {
+        return isNumber(this._spec.width) ? this._spec.width : this._isHorizontal ? this.getLayoutRect().width : SCROLL_BAR_DEFAULT_SIZE;
+    }
+    _computeHeight() {
+        return isNumber(this._spec.height) ? this._spec.height : this._isHorizontal ? SCROLL_BAR_DEFAULT_SIZE : this.getLayoutRect().height;
+    }
+    _createOrUpdateComponent() {
+        if (!this._component) {
+            const container = this.getContainer();
+            this._component = new ScrollBarComponent(Object.assign({
+                zIndex: this.layoutZIndex,
+                x: this.getLayoutStartPoint().x,
+                y: this.getLayoutStartPoint().y,
+                width: this.getLayoutRect().width,
+                height: this.getLayoutRect().height,
+                range: [ this._start, this._end ],
+                direction: this._isHorizontal ? "horizontal" : "vertical"
+            }, this._getComponentAtttrs())), container.add(this._component);
+        }
+    }
+    _handleChange(start, end, updateComponent) {
+        updateComponent && this._component && this._component.setAttribute("range", [ start, end ]), 
+        this._start = start, this._end = end;
+        this._handleStateChange(this._statePointToData(start), this._statePointToData(end)) && this.event.emit(ChartEvent.scrollBarChange, {
+            model: this,
+            value: {
+                filterData: "axis" !== this._spec.filterMode,
+                start: this._start,
+                end: this._end,
+                startValue: this._startValue,
+                endValue: this._endValue,
+                newDomain: this._newDomain
+            }
+        });
+    }
+    _handleDataCollectionChange() {}
+    _initEvent() {
+        this._component && this._component.on("scroll", (e => {
+            const value = e.detail.value;
+            this._handleChange(value[0], value[1]);
+        }));
+    }
+    _getComponentAtttrs() {
+        const {rail: rail, slider: slider, innerPadding: innerPadding} = this._spec, attrs = {};
+        return isNil(innerPadding) || (attrs.padding = innerPadding), isEmpty(null == rail ? void 0 : rail.style) || (attrs.railStyle = transformToGraphic(rail.style)), 
+        isEmpty(null == slider ? void 0 : slider.style) || (attrs.sliderStyle = transformToGraphic(slider.style)), 
+        attrs;
+    }
+}
+
+ScrollBar.type = ComponentTypeEnum.scrollBar;
+//# sourceMappingURL=scroll-bar.js.map

package/esm/component/data-zoom/scroll-bar/scroll-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/data-zoom/scroll-bar/scroll-bar.ts"],"names":[],"mappings":"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","file":"scroll-bar.js","sourcesContent":["import { isArray, isEmpty, isNil, isNumber } from '@visactor/vutils';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\nimport { DataFilterBaseComponent } from '../data-filter-base-component';\nimport type { ScrollBarAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { ScrollBar as ScrollBarComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport type { IRectGraphicAttribute, INode } from '@visactor/vrender';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../../constant';\nimport { SCROLL_BAR_DEFAULT_SIZE } from '../../../constant/scroll-bar';\n\nexport class ScrollBar extends DataFilterBaseComponent {\n  static type = ComponentTypeEnum.scrollBar;\n  type = ComponentTypeEnum.scrollBar;\n  name: string = ComponentTypeEnum.scrollBar;\n\n  layoutZIndex: number = LayoutZIndex.DataZoom;\n  layoutLevel: number = LayoutLevel.DataZoom;\n\n  // datazoom组件\n  protected _component!: ScrollBarComponent;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const compSpec = spec.scrollBar || options.defaultSpec;\n    if (isNil(compSpec)) {\n      return undefined;\n    }\n    if (!isArray(compSpec)) {\n      return new ScrollBar(compSpec, { ...options, specKey: 'scrollBar' });\n    }\n    const zooms: ScrollBar[] = [];\n    compSpec.forEach((s, i: number) => {\n      zooms.push(new ScrollBar(s, { ...options, specIndex: i, specKey: 'scrollBar' }));\n    });\n    return zooms;\n  }\n\n  /** LifeCycle API**/\n  onLayoutEnd(ctx: any): void {\n    this._updateScaleRange();\n    super.onLayoutEnd(ctx);\n  }\n\n  protected _updateScaleRange() {\n    if (this._component) {\n      this._component.setAttributes({\n        x: this.getLayoutStartPoint().x,\n        y: this.getLayoutStartPoint().y,\n        width: this.getLayoutRect().width,\n        height: this.getLayoutRect().height\n      });\n    }\n  }\n\n  protected _computeWidth(): number {\n    if (isNumber(this._spec.width)) {\n      return this._spec.width;\n    }\n\n    if (this._isHorizontal) {\n      return this.getLayoutRect().width;\n    }\n    // default value\n    return SCROLL_BAR_DEFAULT_SIZE;\n  }\n\n  protected _computeHeight(): number {\n    if (isNumber(this._spec.height)) {\n      return this._spec.height;\n    }\n\n    // default value\n    if (!this._isHorizontal) {\n      return this.getLayoutRect().height;\n    }\n\n    return SCROLL_BAR_DEFAULT_SIZE;\n  }\n\n  protected _createOrUpdateComponent() {\n    if (!this._component) {\n      const container = this.getContainer();\n      this._component = new ScrollBarComponent({\n        zIndex: this.layoutZIndex,\n        x: this.getLayoutStartPoint().x,\n        y: this.getLayoutStartPoint().y,\n        width: this.getLayoutRect().width,\n        height: this.getLayoutRect().height,\n        range: [this._start, this._end],\n        direction: this._isHorizontal ? 'horizontal' : 'vertical',\n        ...this._getComponentAtttrs()\n      });\n\n      container.add(this._component as unknown as INode);\n    }\n  }\n\n  protected _handleChange(start: number, end: number, updateComponent?: boolean) {\n    if (updateComponent && this._component) {\n      this._component.setAttribute('range', [start, end]);\n    }\n\n    this._start = start;\n    this._end = end;\n    const hasChange = this._handleStateChange(this._statePointToData(start), this._statePointToData(end));\n    if (hasChange) {\n      this.event.emit(ChartEvent.scrollBarChange, {\n        model: this,\n        value: {\n          filterData: this._spec.filterMode !== 'axis',\n          start: this._start,\n          end: this._end,\n          startValue: this._startValue,\n          endValue: this._endValue,\n          newDomain: this._newDomain\n        }\n      });\n    }\n  }\n\n  protected _handleDataCollectionChange() {\n    // do nothing\n  }\n\n  protected _initEvent() {\n    if (this._component) {\n      this._component.on('scroll', (e: any) => {\n        const value = e.detail.value;\n        this._handleChange(value[0], value[1]);\n      });\n    }\n  }\n\n  protected _getComponentAtttrs() {\n    const { rail, slider, innerPadding } = this._spec;\n    const attrs: Partial<ScrollBarAttributes> = {};\n\n    if (!isNil(innerPadding)) {\n      attrs.padding = innerPadding;\n    }\n\n    if (!isEmpty(rail?.style)) {\n      attrs.railStyle = transformToGraphic(rail.style) as unknown as IRectGraphicAttribute;\n    }\n    if (!isEmpty(slider?.style)) {\n      attrs.sliderStyle = transformToGraphic(slider.style) as unknown as IRectGraphicAttribute;\n    }\n    return attrs;\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+export interface IDataFilterWithNewDomainOption {
+    getNewDomain: () => any[];
+    isContinuous: () => boolean;
+    field: () => string;
+}
+export declare const dataFilterWithNewDomain: (data: Array<any>, op: IDataFilterWithNewDomainOption) => any[];
+export interface IDataFilterComputeDomainOption {
+    input: {
+        dataCollection: any[];
+        stateFields: string[];
+        valueFields: string[];
+        method: 'sum';
+    };
+    output: {
+        stateField: string;
+        valueField: string;
+    };
+}
+export declare const dataFilterComputeDomain: (data: Array<any>, op: IDataFilterComputeDomainOption) => any[];

package/esm/component/data-zoom/util.js

@@ -0,0 +1,27 @@
+import { array, isNil } from "../../util";
+
+export const dataFilterWithNewDomain = (data, op) => {
+    const {getNewDomain: getNewDomain, isContinuous: isContinuous, field: field} = op, datumField = field(), newDomain = getNewDomain();
+    if (isNil(newDomain) || isNil(datumField)) return data;
+    if (0 === newDomain.length) return [];
+    let filter = null;
+    return filter = isContinuous() ? d => d[datumField] >= newDomain[0] && d[datumField] <= newDomain[1] : d => newDomain.indexOf(d[datumField] + "") >= 0 || newDomain.indexOf(d[datumField]) >= 0, 
+    data.filter(filter);
+};
+
+export const dataFilterComputeDomain = (data, op) => {
+    const {stateFields: stateFields, valueFields: valueFields, dataCollection: dataCollection} = op.input, {stateField: stateField, valueField: valueField} = op.output, resultObj = {}, resultData = [];
+    return dataCollection.forEach(((dv, i) => {
+        isNil(stateFields[i]) || dv.latestData.forEach((d => {
+            array(stateFields[i]).forEach((state => {
+                isNil(d[state]) || (isNil(resultObj[d[state]]) && (resultObj[d[state]] = 0), isNil(valueFields[i]) || (resultObj[d[state]] += parseFloat(d[valueFields[i]])));
+            }));
+        }));
+    })), Object.keys(resultObj).forEach(((d, i) => {
+        const res = {
+            [stateField]: d
+        };
+        valueField && (res[valueField] = resultObj[d]), resultData.push(res);
+    })), resultData;
+};
+//# sourceMappingURL=util.js.map

package/esm/component/data-zoom/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/data-zoom/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { array, isNil } from '../../util';\nimport type { DataView } from '@visactor/vdataset';\n\nexport interface IDataFilterWithNewDomainOption {\n  getNewDomain: () => any[];\n  isContinuous: () => boolean;\n  field: () => string;\n}\n\n/**\n * 保证数据筛选的结果全都在坐标轴的新domain范围中，防止出现point数据因为超出domain范围而绘制在原点的情况\n */\nexport const dataFilterWithNewDomain = (data: Array<any>, op: IDataFilterWithNewDomainOption) => {\n  const { getNewDomain, isContinuous, field } = op;\n  const datumField = field();\n  const newDomain = getNewDomain();\n  if (isNil(newDomain) || isNil(datumField)) {\n    return data;\n  }\n  if (newDomain.length === 0) {\n    return [];\n  }\n\n  let filter = null;\n  if (isContinuous()) {\n    filter = (d: any) => d[datumField] >= newDomain[0] && d[datumField] <= newDomain[1];\n  } else {\n    filter = (d: any) => {\n      // 这里d[f] + ''的原因是：数据是number类型的，但轴声明为band轴，domain会强制将number => string，所以filter的时候要将data中的number => string\n      return newDomain.indexOf(d[datumField] + '') >= 0 || newDomain.indexOf(d[datumField]) >= 0;\n    };\n  }\n\n  return data.filter(filter);\n};\n\nexport interface IDataFilterComputeDomainOption {\n  input: {\n    dataCollection: any[];\n    stateFields: string[];\n    valueFields: string[];\n    method: 'sum'; // todo: 也许可以提供多种数据统计方法 @chensiji\n  };\n  output: {\n    stateField: string;\n    valueField: string;\n  };\n}\n\nexport const dataFilterComputeDomain = (data: Array<any>, op: IDataFilterComputeDomainOption) => {\n  const { stateFields, valueFields, dataCollection } = op.input;\n  const { stateField, valueField } = op.output;\n  const resultObj = {};\n  const resultData: any[] = [];\n\n  dataCollection.forEach((dv: DataView, i) => {\n    if (isNil(stateFields[i])) {\n      return;\n    }\n\n    dv.latestData.forEach((d: any) => {\n      // 针对rangeColumn等xField为数组形式的图表，需要将xField的所有value都记录下来\n      array(stateFields[i]).forEach(state => {\n        if (!isNil(d[state])) {\n          if (isNil(resultObj[d[state]])) {\n            resultObj[d[state]] = 0;\n          }\n          if (!isNil(valueFields[i])) {\n            // 传进来的d[yFields[i]]可能是string\n            resultObj[d[state]] += parseFloat(d[valueFields[i]]);\n          }\n        }\n      });\n    });\n  });\n  Object.keys(resultObj).forEach((d, i) => {\n    const res = { [stateField]: d };\n\n    if (valueField) {\n      res[valueField] = resultObj[d];\n    }\n\n    resultData.push(res);\n  });\n\n  return resultData;\n};\n"]}