@visactor/vchart 1.2.0-beta.6 → 1.2.0-beta.7

package/build/es5/component/common/trigger/config.d.ts

@@ -0,0 +1,52 @@
+import { DeskTopTrigger } from './desktop';
+import { MobileTrigger } from './mobile';
+export declare const defaultTriggerEvent: {
+    "desktop-browser": {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        trigger: typeof DeskTopTrigger;
+    };
+    "desktop-miniApp": {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        trigger: typeof DeskTopTrigger;
+    };
+    "mobile-browser": {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        scrollEnd: string;
+        trigger: typeof MobileTrigger;
+    };
+    miniApp: {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        scrollEnd: string;
+        trigger: typeof MobileTrigger;
+    };
+    lynx: {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        scrollEnd: string;
+        trigger: typeof MobileTrigger;
+    };
+};

package/build/es5/component/common/trigger/desktop.d.ts

@@ -0,0 +1,9 @@
+import type { IZoomTrigger } from './interface';
+export declare class DeskTopTrigger implements IZoomTrigger {
+    pointerId: number;
+    parserScrollEvent(e: any): any;
+    parserZoomEvent(e: any): any;
+    clearZoom(): void;
+    clearScroll(): void;
+    parserDragEvent(): boolean;
+}

package/build/es5/component/common/trigger/interface.d.ts

@@ -0,0 +1,8 @@
+export interface IZoomTrigger {
+    pointerId: number;
+    parserZoomEvent: (e: any) => any;
+    parserDragEvent: (event: any) => boolean;
+    parserScrollEvent: (event: any) => any;
+    clearZoom: () => void;
+    clearScroll: () => void;
+}

package/build/es5/component/common/trigger/mobile.d.ts

@@ -0,0 +1,10 @@
+import type { IZoomTrigger } from './interface';
+export declare class MobileTrigger implements IZoomTrigger {
+    private _lastScale;
+    pointerId: number;
+    clearZoom(): void;
+    parserDragEvent(event: any): boolean;
+    parserZoomEvent(event: any): any;
+    parserScrollEvent(event: any): any;
+    clearScroll(): void;
+}

package/build/es5/component/crosshair/base.d.ts

@@ -0,0 +1,77 @@
+import type { Dict, IBoundsLike } from '@visactor/vutils';
+import type { IModelLayoutOption, IModelRenderOption } from '../../model/interface';
+import type { IRegion } from '../../region/interface';
+import { BaseComponent } from '../base';
+import type { IPadding, Maybe, StringOrNumber } from '../../typings';
+import type { LayoutItem } from '../../model/layout-item';
+import type { IComponentOption } from '../interface';
+import type { ICrossHair, CrossHairTrigger, ICartesianCrosshairSpec, IPolarCrosshairSpec, ICrosshairTheme, ICrosshairXFieldSpec } from './interface';
+import type { IAxis } from '../axis/interface';
+type IBound = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+type IAxisInfo<T> = Map<number, IBound & {
+    axis: T;
+}>;
+export interface IHair {
+    visible: boolean;
+    type: 'rect' | 'line';
+    style?: Dict<any>;
+    label?: {
+        visible: boolean;
+        formatMethod?: (text: StringOrNumber | string[], position: string) => string | string[];
+        textStyle?: Dict<any>;
+        minWidth?: number;
+        maxWidth?: number;
+        padding?: IPadding | number | number[];
+        panel?: Dict<any>;
+        zIndex?: number;
+    };
+}
+export declare abstract class BaseCrossHair extends BaseComponent implements ICrossHair {
+    layoutType: LayoutItem['layoutType'];
+    gridZIndex: LayoutItem['layoutZIndex'];
+    labelZIndex: LayoutItem['layoutZIndex'];
+    trigger: CrossHairTrigger;
+    enable: boolean;
+    showDefault: boolean;
+    triggerOff: CrossHairTrigger | 'none';
+    protected _theme: Maybe<ICrosshairTheme>;
+    get enableRemain(): boolean;
+    protected _crosshairConfig: ICartesianCrosshairSpec | IPolarCrosshairSpec;
+    private _limitBounds;
+    constructor(spec: ICartesianCrosshairSpec | IPolarCrosshairSpec, options: IComponentOption);
+    protected abstract _showDefaultCrosshair(): void;
+    protected abstract _layoutCrosshair(x: number, y: number): void;
+    protected abstract _parseFieldInfo(): void;
+    protected abstract _hide(): void;
+    protected _getLimitBounds(): IBoundsLike;
+    setAttrFromSpec(): void;
+    created(): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    protected _initEvent(): void;
+    private _registerEvent;
+    private _eventOff;
+    updateLayoutAttribute(): void;
+    private _handleEvent;
+    private _getTriggerEvent;
+    protected _getAxisInfoByField<T = IAxis>(field: 'x' | 'y' | 'category' | 'value'): IAxisInfo<T>;
+    changeRegions(regions: IRegion[]): void;
+    onLayoutEnd(ctx: IModelLayoutOption): void;
+    onRender(ctx: IModelRenderOption): void;
+    protected _releaseEvent(): void;
+    protected _firstSeries<T>(): T | null;
+    protected _parseCrosshairSpec(): void;
+    protected _parseField(field: ICrosshairXFieldSpec, fieldName: string): any;
+    protected _filterAxisByPoint<T>(axisMap: IAxisInfo<T>, relativeX: number, relativeY: number): IAxisInfo<T>;
+}
+export {};

package/build/es5/component/crosshair/cartesian.d.ts

@@ -0,0 +1,65 @@
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import type { ICartesianCrosshairSpec } from './interface';
+import type { IHair } from './base';
+import { BaseCrossHair } from './base';
+import type { IAxis } from '../axis/interface';
+import type { StringOrNumber } from '../../typings';
+export declare class CartesianCrossHair extends BaseCrossHair {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    currValueX: Map<number, {
+        v: StringOrNumber;
+        axis: IAxis;
+    }>;
+    currValueY: Map<number, {
+        v: StringOrNumber;
+        axis: IAxis;
+    }>;
+    xHair: IHair | undefined;
+    yHair: IHair | undefined;
+    private _cacheXCrossHairInfo;
+    private _cacheYCrossHairInfo;
+    private _xCrosshair;
+    private _xTopLabel;
+    private _xBottomLabel;
+    private _yCrosshair;
+    private _yLeftLabel;
+    private _yRightLabel;
+    static createComponent(spec: any, options: IComponentOption): CartesianCrossHair | CartesianCrossHair[];
+    constructor(spec: ICartesianCrosshairSpec, options: IComponentOption);
+    protected _showDefaultCrosshair(): void;
+    private defaultCrosshair;
+    findAllAxisContains(relativeX: number, relativeY: number): {
+        xAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IAxis;
+        }>;
+        yAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IAxis;
+        }>;
+    };
+    private getValueAt;
+    clearAxisValue(): void;
+    setAxisValue(v: StringOrNumber, axis: IAxis): void;
+    private getAllAxisValues;
+    protected _layoutCrosshair(relativeX: number, relativeY: number): void;
+    protected _hide(): void;
+    private layoutByValue;
+    private _layoutVertical;
+    private _layoutHorizontal;
+    protected _parseFieldInfo(): void;
+    private _updateCrosshair;
+    private _updateCrosshairLabel;
+    clear(): void;
+}

package/build/es5/component/crosshair/config.d.ts

@@ -0,0 +1,32 @@
+export declare const defaultCrosshairTriggerEvent: {
+    "desktop-browser": {
+        click: string;
+        hover: string;
+        hoverOut: string;
+        clickOut: string;
+    };
+    "desktop-miniApp": {
+        click: string;
+        hover: string;
+        hoverOut: string;
+        clickOut: string;
+    };
+    "mobile-browser": {
+        click: string;
+        hover: string[];
+        hoverOut: string;
+        clickOut: string;
+    };
+    miniApp: {
+        click: string;
+        hover: string[];
+        hoverOut: string;
+        clickOut: string;
+    };
+    lynx: {
+        click: string;
+        hover: string[];
+        hoverOut: string;
+        clickOut: string;
+    };
+};

package/build/es5/component/crosshair/index.d.ts

@@ -0,0 +1,3 @@
+export * from './cartesian';
+export * from './polar';
+export * from './interface';

package/build/es5/component/crosshair/interface/index.d.ts

@@ -0,0 +1,2 @@
+export * from './spec';
+export * from './theme';

package/build/es5/component/crosshair/interface/spec.d.ts

@@ -0,0 +1,70 @@
+import type { IModelSpec } from '../../../model/interface';
+import type { IPadding, StringOrNumber, ILineMarkSpec, IRectMarkSpec, ITextMarkSpec } from '../../../typings';
+import type { IAxis } from '../../axis/interface';
+import type { IComponent } from '../../interface';
+export interface ICrossHair extends IComponent {
+    clearAxisValue?: () => void;
+    setAxisValue?: (v: StringOrNumber, axis: IAxis) => void;
+    layoutByValue?: (v?: number) => void;
+}
+export type CrossHairTrigger = 'click' | 'hover' | ['click', 'hover'];
+export interface ICommonCrosshairSpec {
+    trigger?: CrossHairTrigger;
+    triggerOff?: CrossHairTrigger | 'none';
+    labelZIndex?: number;
+    gridZIndex?: number;
+}
+export interface ICartesianCrosshairSpec extends ICommonCrosshairSpec, IModelSpec {
+    xField?: ICrosshairXFieldSpec;
+    yField?: ICrosshairXFieldSpec;
+}
+export interface IPolarCrosshairSpec extends ICommonCrosshairSpec, IModelSpec {
+    categoryField?: ICrosshairXFieldSpec;
+    valueField?: ICrosshairValueFieldSpec;
+}
+export interface ICrosshairXFieldSpec extends ICrosshairDataBindSpec {
+    visible: boolean;
+    line?: ICrosshairLineSpec | ICrosshairRectSpec;
+    label?: ICrosshairLabelSpec;
+}
+export interface ICrosshairValueFieldSpec {
+    visible: boolean;
+    line?: ICrosshairLineSpec;
+    label?: ICrosshairLabelSpec;
+}
+export type ICrosshairLineStyle = Pick<ILineMarkSpec, 'stroke' | 'strokeOpacity' | 'opacity' | 'lineDash' | 'lineWidth'>;
+export type ICrosshairRectStyle = ICrosshairLineStyle & Pick<IRectMarkSpec, 'fill' | 'fillOpacity' | 'cornerRadius'>;
+export interface ICrosshairLineSpec {
+    visible?: boolean;
+    type?: 'line';
+    width?: number;
+    smooth?: boolean;
+    style?: ICrosshairLineStyle;
+}
+export interface ICrosshairRectSpec {
+    visible?: boolean;
+    type?: 'rect';
+    width?: number | string;
+    style?: ICrosshairRectStyle;
+}
+export interface ICrosshairLabelSpec {
+    visible?: boolean;
+    formatMethod?: (text: StringOrNumber | string[]) => string | string[];
+    style?: Partial<ITextMarkSpec>;
+    labelBackground?: ICrosshairLabelBackgroundSpec;
+}
+export interface ICrosshairLabelBackgroundSpec {
+    visible?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    padding?: IPadding | number | number[];
+    style: Partial<IRectMarkSpec>;
+}
+export interface ICrosshairDataBindSpec {
+    bindingAxesIndex?: number[];
+    defaultSelect?: {
+        axisIndex: number;
+        datum: any;
+    };
+}
+export type ICrosshairSpec = ICartesianCrosshairSpec | IPolarCrosshairSpec;

package/build/es5/component/crosshair/interface/theme.d.ts

@@ -0,0 +1,7 @@
+import type { ICartesianCrosshairSpec, ICommonCrosshairSpec, IPolarCrosshairSpec } from '.';
+export interface ICrosshairTheme extends ICommonCrosshairSpec {
+    xField?: ICartesianCrosshairSpec['xField'];
+    yField?: ICartesianCrosshairSpec['yField'];
+    categoryField?: IPolarCrosshairSpec['categoryField'];
+    valueField?: IPolarCrosshairSpec['valueField'];
+}

package/build/es5/component/crosshair/polar.d.ts

@@ -0,0 +1,76 @@
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import type { IPolarCrosshairSpec } from './interface';
+import type { IPolarAxis } from '../axis/polar/interface';
+import type { IPoint, StringOrNumber } from '../../typings';
+import type { IHair } from './base';
+import { BaseCrossHair } from './base';
+type IBound = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+type IAxisInfo = Map<number, IBound & {
+    axis: IPolarAxis;
+}>;
+export declare class PolarCrossHair extends BaseCrossHair {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    currValueX: Map<number, {
+        v: StringOrNumber;
+        axis: IPolarAxis;
+        [key: string]: any;
+    }>;
+    currValueY: Map<number, {
+        v: StringOrNumber;
+        axis: IPolarAxis;
+        [key: string]: any;
+    }>;
+    xHair: IHair | undefined;
+    yHair: (IHair & {
+        smooth: boolean;
+    }) | undefined;
+    private _cacheXCrossHairInfo;
+    private _cacheYCrossHairInfo;
+    private _radiusCrosshair;
+    private _radiusLabelCrosshair;
+    private _angleCrosshair;
+    private _angleLabelCrosshair;
+    static createComponent(spec: any, options: IComponentOption): PolarCrossHair | PolarCrossHair[];
+    constructor(spec: IPolarCrosshairSpec, options: IComponentOption);
+    protected _showDefaultCrosshair(): void;
+    protected _hide(): void;
+    findAllAxisContains(relativeX: number, relativeY: number): {
+        xAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IPolarAxis;
+        }>;
+        yAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IPolarAxis;
+        }>;
+    };
+    getAllAxisValues(axisMap: IAxisInfo, point: IPoint, currValue: Map<number, {
+        v: StringOrNumber;
+        axis: IPolarAxis;
+        [key: string]: any;
+    }>): boolean;
+    protected _layoutCrosshair(relativeX: number, relativeY: number): void;
+    private layoutByValue;
+    private _layoutVertical;
+    private _layoutHorizontal;
+    protected _parseFieldInfo(): void;
+    private _updateCrosshairLabel;
+    clear(): void;
+}
+export {};

package/build/es5/component/crosshair/util.d.ts

@@ -0,0 +1,5 @@
+import type { Tag } from '@visactor/vrender-components';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { Datum } from '../../typings';
+export declare function limitTagInBounds(shape: Tag, bounds: IBoundsLike): void;
+export declare function getDatumByValue(data: Datum[], value: number, startField: string, endField?: string): Datum | null;

package/build/es5/component/custom-mark/custom-mark.d.ts

@@ -0,0 +1,30 @@
+import { BaseComponent } from '../base';
+import { ComponentTypeEnum } from '../interface';
+import type { IComponentOption } from '../interface';
+import type { IRegion } from '../../region/interface';
+import type { IModelRenderOption } from '../../model/interface';
+import type { LayoutItem } from '../../model/layout-item';
+import type { EnableMarkType, ICustomMarkGroupSpec, ICustomMarkSpec } from '../../typings';
+import type { MarkTypeEnum } from '../../mark/interface';
+export declare class CustomMark extends BaseComponent {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    layoutType: LayoutItem['layoutType'];
+    layoutZIndex: LayoutItem['layoutZIndex'];
+    layoutLevel: number;
+    protected _spec: (ICustomMarkSpec<Exclude<EnableMarkType, MarkTypeEnum.group>> | ICustomMarkGroupSpec)[];
+    static createComponent(spec: any, options: IComponentOption): CustomMark[];
+    created(): void;
+    protected initMarks(): void;
+    private _createExtensionMark;
+    initEvent(): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    changeRegions(regions: IRegion[]): void;
+    onRender(ctx: IModelRenderOption): void;
+}

package/build/es5/component/custom-mark/index.d.ts

@@ -0,0 +1 @@
+export * from './custom-mark';

package/build/es5/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 _getComponentAttrs(): 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(theme?: any): 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/build/es5/component/data-zoom/data-zoom/data-zoom.d.ts

@@ -0,0 +1,62 @@
+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;
+    protected _startHandlerSize: number;
+    protected _endHandlerSize: 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 _getComponentAttrs(): {
+        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;
+        };
+    };
+    clear(): void;
+}

package/build/es5/component/data-zoom/data-zoom/index.d.ts

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

package/build/es5/component/data-zoom/data-zoom/interface.d.ts

@@ -0,0 +1,55 @@
+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?: ISymbolMarkSpec;
+        background?: {
+            size?: number;
+        } & IRectMarkSpec;
+    };
+    background?: {
+        size?: number;
+    } & IRectMarkSpec;
+    startHandler?: ISymbolMarkSpec;
+    endHandler?: ISymbolMarkSpec;
+    startText?: {
+        padding?: number;
+    } & ITextMarkSpec;
+    endText?: {
+        padding?: number;
+    } & ITextMarkSpec;
+    dragMask?: IRectMarkSpec;
+    selectedBackground?: IRectMarkSpec;
+    backgroundChart?: {
+        line?: ILineMarkSpec;
+        area?: IAreaMarkSpec;
+    };
+    selectedBackgroundChart?: {
+        line?: ILineMarkSpec;
+        area?: 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 & {
+    orient?: IDataZoomSpec['orient'];
+    width?: IDataZoomSpec['width'];
+    height?: IDataZoomSpec['height'];
+};