@visactor/vchart-types 1.8.3 → 1.8.4

package/types/animation/utils.d.ts

@@ -10,7 +10,7 @@ export declare function animationConfig<Preset extends string>(defaultConfig?: M
     dataIndex: (datum: any) => number;
     dataCount: () => number;
 }): MarkAnimationSpec;
-export declare function userAnimationConfig<M extends string, Preset extends string>(markName: SeriesMarkNameEnum | string, spec: IAnimationSpec<M, Preset>, ctx: ISeriesMarkAttributeContext): Partial<Record<"none" | "normal" | "state" | "exit" | "update" | "appear" | "enter" | "disappear", boolean | IAnimationConfig | IStateAnimateSpec<string> | IAnimationConfig[]>>;
+export declare function userAnimationConfig<M extends string, Preset extends string>(markName: SeriesMarkNameEnum | string, spec: IAnimationSpec<M, Preset>, ctx: ISeriesMarkAttributeContext): Partial<Record<"none" | "normal" | "state" | "exit" | "update" | "appear" | "enter" | "disappear", boolean | IAnimationConfig | IAnimationConfig[] | IStateAnimateSpec<Preset>>>;
 export declare function shouldMarkDoMorph(spec: ISeriesSpec & IAnimationSpec<string, string>, markName: string): boolean;
 export declare function isTimeLineAnimation(animationConfig: IAnimationConfig): boolean;
 export declare function isChannelAnimation(animationConfig: IAnimationConfig): boolean;

package/types/plugin/chart/media-query/interface/common.d.ts

@@ -3,10 +3,6 @@ import type { IVChart } from '../../../../core';
 import type { IModelSpecInfo } from '../../../../model/interface';
 import type { SeriesTypeEnum } from '../../../../series';
 import type { IChartSpec } from '../../../../typings';
-export interface IMediaInfo {
-    width: number;
-    height: number;
-}
 export interface IMediaQueryActionFilterResult<T extends Record<string, unknown> = any> {
     isChart?: boolean;
     modelType?: 'series' | 'region' | 'component';

package/types/plugin/chart/media-query/interface/index.d.ts

@@ -1,2 +1,2 @@
-export * from './spec';
+export * from '../../../../typings/spec/media-query';
 export * from './common';

package/types/series/base/base-series.d.ts

@@ -123,7 +123,9 @@ export declare abstract class BaseSeries<T extends ISeriesSpec> extends BaseMode
     setValueFieldToStackOffsetSilhouette(): void;
     abstract getActiveMarks(): IMark[];
     initRootMark(): void;
-    protected _initExtensionMark(): void;
+    protected _initExtensionMark(options: {
+        hasAnimation: boolean;
+    }): void;
     private _createExtensionMark;
     protected _updateExtensionMarkSpec(lastSpec?: any): void;
     getStackData(): ISeriesStackData;

package/types/typings/spec/common.d.ts

@@ -25,6 +25,7 @@ import type { ILegendSpec } from '../../component/legend';
 import type { ILayoutOrientPadding, ILayoutPaddingSpec } from '../layout';
 import type { ICustomPath2D } from '@visactor/vrender-core';
 import type { ICommonAxisSpec } from '../../component/axis';
+import type { IMediaQuerySpec } from '..';
 export type IChartPadding = ILayoutOrientPadding | number;
 export interface IInitOption extends Omit<IRenderOption, 'pluginList'> {
     dom?: string | HTMLElement;
@@ -80,6 +81,7 @@ export interface IChartSpec {
     theme?: Omit<ITheme, 'name'> | string;
     background?: IBackgroundSpec;
     stackInverse?: boolean;
+    media?: IMediaQuerySpec;
 }
 export type IBackgroundStyleSpec = ConvertToMarkStyleSpec<Omit<IFillMarkSpec, 'width' | 'height' | 'background'>> & {
     image?: IRectMarkSpec['background'];

package/types/typings/spec/index.d.ts

@@ -2,3 +2,4 @@ export * from './common';
 export type { IStateSpec, StateValueType } from '../../compile/mark';
 export * from './chart';
 export type { IRegionSpec, IGeoRegionSpec } from '../../region/interface';
+export * from './media-query';

package/types/typings/spec/media-query.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentTypeEnum } from '../../component/interface';
+import type { IChartSpec, IVChart } from '../../core';
+import type { IModelSpecInfo } from '../../model/interface';
+import type { SeriesTypeEnum } from '../../series';
+export interface IMediaInfo {
+    width: number;
+    height: number;
+}
+export type IMediaQuerySpec = IMediaQueryItem[];
+export interface IMediaQueryItem {
+    query: IMediaQueryCondition;
+    action: IMediaQueryAction | IMediaQueryAction[];
+}
+export interface IMediaQueryCondition {
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    onResize?: (info: IMediaInfo, vchart: IVChart) => boolean;
+}
+export interface IMediaQueryAction<T extends Record<string, unknown> = any> {
+    spec: Partial<T> | ((filteredModelInfo: IModelSpecInfo<T>[], action: IMediaQueryAction<T>, query: IMediaQueryCondition) => Partial<T>);
+    filterType?: MediaQueryActionFilterType;
+    filter?: MediaQueryActionFilter<T> | Array<MediaQueryActionFilter<T>>;
+    forceAppend?: boolean;
+}
+export type MediaQueryActionFilterType = 'region' | 'series' | 'chart' | `${SeriesTypeEnum}` | `${ComponentTypeEnum}` | keyof IChartSpec;
+export type MediaQueryActionFilter<T extends Record<string, unknown> = any> = Partial<T> | ((modelInfo: IModelSpecInfo<T>, action: IMediaQueryAction<T>, query: IMediaQueryCondition) => boolean);