@visactor/vchart 1.7.5 → 1.8.0-beta.0

package/esm/plugin/base/base-plugin.d.ts

@@ -0,0 +1,9 @@
+import type { IBasePlugin, IBasePluginService } from './interface';
+export declare class BasePlugin<T extends IBasePluginService = IBasePluginService> implements IBasePlugin<T> {
+    readonly id: number;
+    readonly name: string;
+    readonly type: string;
+    protected service?: T;
+    constructor(type: string);
+    onAdd(service: T): void;
+}

package/esm/plugin/base/base-plugin.js

@@ -0,0 +1,11 @@
+import { createID } from "../../util/id";
+
+export class BasePlugin {
+    constructor(type) {
+        this.id = createID(), this.name = `${type}_${this.id}`;
+    }
+    onAdd(service) {
+        this.service = service;
+    }
+}
+//# sourceMappingURL=base-plugin.js.map

package/esm/plugin/base/base-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/base/base-plugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,OAAO,UAAU;IAMrB,YAAY,IAAY;QACtB,IAAI,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,OAAU;QACd,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;CACF","file":"base-plugin.js","sourcesContent":["import type { IBasePlugin, IBasePluginService } from './interface';\nimport { createID } from '../../util/id';\n\nexport class BasePlugin<T extends IBasePluginService = IBasePluginService> implements IBasePlugin<T> {\n  readonly id: number;\n  readonly name: string;\n  readonly type: string;\n  protected service?: T;\n\n  constructor(type: string) {\n    this.id = createID();\n    this.name = `${type}_${this.id}`;\n  }\n\n  onAdd(service: T): void {\n    this.service = service;\n  }\n}\n"]}

package/esm/plugin/base/interface.d.ts

@@ -0,0 +1,22 @@
+export interface IBasePlugin<T = any> {
+    readonly type: string;
+    id: UniqueId;
+    name: string;
+    onAdd: (service: T) => void;
+    init?: () => void;
+    dispose?: (service: T) => void;
+    onInit?: (service: T, ...params: any) => MaybePromise<void>;
+    onDidCompile?: (service: T, ...params: any) => MaybePromise<void>;
+}
+export interface IBasePluginService<T = any> {
+    id: UniqueId;
+    load: (plugins: T[]) => void;
+    add: (plugins: T[]) => T[] | null;
+    activate: (plugins: T[]) => void;
+    get: (id: UniqueId) => T | undefined;
+    getAll: () => T[];
+    dispose: (pluginsId: UniqueId) => void;
+    disposeAll: () => void;
+}
+export type UniqueId = number;
+export type MaybePromise<T> = T | PromiseLike<T>;

package/esm/plugin/base/interface.js

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

package/esm/plugin/base/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/base/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["export interface IBasePlugin<T = any> {\n  readonly type: string;\n  id: UniqueId;\n  name: string;\n  onAdd: (service: T) => void;\n  init?: () => void;\n  dispose?: (service: T) => void;\n  onInit?: (service: T, ...params: any) => MaybePromise<void>;\n  onDidCompile?: (service: T, ...params: any) => MaybePromise<void>;\n}\n\nexport interface IBasePluginService<T = any> {\n  id: UniqueId;\n  load: (plugins: T[]) => void;\n  add: (plugins: T[]) => T[] | null;\n  activate: (plugins: T[]) => void;\n  get: (id: UniqueId) => T | undefined;\n  getAll: () => T[];\n  dispose: (pluginsId: UniqueId) => void;\n  disposeAll: () => void;\n}\n\nexport type UniqueId = number;\nexport type MaybePromise<T> = T | PromiseLike<T>;\n"]}

package/esm/plugin/chart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './media-query';
+export * from './register';

package/esm/plugin/chart/index.js

@@ -0,0 +1,4 @@
+export * from "./media-query";
+
+export * from "./register";
+//# sourceMappingURL=index.js.map

package/esm/plugin/chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC","file":"index.js","sourcesContent":["export * from './media-query';\nexport * from './register';\n"]}

package/esm/plugin/chart/interface.d.ts

@@ -1,6 +1,26 @@
-export interface IChartPlugin {
+import type { IChartSpecInfo } from '../../chart/interface';
+import type { IVChart } from '../../core';
+import type { VChartRenderActionSource } from '../../core/interface';
+import type { IBasePlugin, IBasePluginService, MaybePromise } from '../base/interface';
+export interface IChartPlugin<T extends IChartPluginService = any> extends IBasePlugin<T> {
+    specKey?: string;
+    onInit?: (service: T, chartSpec: any) => MaybePromise<void>;
+    onBeforeResize?: (service: T, width: number, height: number) => MaybePromise<void>;
+    onAfterChartSpecTransform?: (service: T, chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;
+    onAfterModelSpecTransform?: (service: T, chartSpec: any, chartSpecInfo: IChartSpecInfo, actionSource: VChartRenderActionSource) => MaybePromise<void>;
+    onBeforeInitChart?: (service: T, chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;
 }
 export interface IChartPluginConstructor {
-    readonly type: 'chartPlugin';
+    readonly pluginType: 'chart';
+    readonly specKey?: string;
+    readonly type: string;
     new (): IChartPlugin;
 }
+export interface IChartPluginService<T extends IChartPlugin = any> extends IBasePluginService<T> {
+    globalInstance: IVChart;
+    onInit?: (chartSpec: any) => MaybePromise<void>;
+    onBeforeResize?: (width: number, height: number) => MaybePromise<void>;
+    onAfterChartSpecTransform?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;
+    onAfterModelSpecTransform?: (chartSpec: any, chartSpecInfo: IChartSpecInfo, actionSource: VChartRenderActionSource) => MaybePromise<void>;
+    onBeforeInitChart?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;
+}

package/esm/plugin/chart/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/chart/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["// TODO:\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IChartPlugin {}\n\nexport interface IChartPluginConstructor {\n  readonly type: 'chartPlugin';\n  new (): IChartPlugin;\n}\n"]}
+{"version":3,"sources":["../src/plugin/chart/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IChartSpecInfo } from '../../chart/interface';\nimport type { IVChart } from '../../core';\nimport type { VChartRenderActionSource } from '../../core/interface';\nimport type { IBasePlugin, IBasePluginService, MaybePromise } from '../base/interface';\n\nexport interface IChartPlugin<T extends IChartPluginService = any> extends IBasePlugin<T> {\n  specKey?: string;\n  onInit?: (service: T, chartSpec: any) => MaybePromise<void>;\n  onBeforeResize?: (service: T, width: number, height: number) => MaybePromise<void>;\n  onAfterChartSpecTransform?: (\n    service: T,\n    chartSpec: any,\n    actionSource: VChartRenderActionSource\n  ) => MaybePromise<void>;\n  onAfterModelSpecTransform?: (\n    service: T,\n    chartSpec: any,\n    chartSpecInfo: IChartSpecInfo,\n    actionSource: VChartRenderActionSource\n  ) => MaybePromise<void>;\n  onBeforeInitChart?: (service: T, chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;\n}\n\nexport interface IChartPluginConstructor {\n  readonly pluginType: 'chart';\n  readonly specKey?: string;\n  readonly type: string;\n  new (): IChartPlugin;\n}\n\nexport interface IChartPluginService<T extends IChartPlugin = any> extends IBasePluginService<T> {\n  globalInstance: IVChart;\n  onInit?: (chartSpec: any) => MaybePromise<void>;\n  onBeforeResize?: (width: number, height: number) => MaybePromise<void>;\n  onAfterChartSpecTransform?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;\n  onAfterModelSpecTransform?: (\n    chartSpec: any,\n    chartSpecInfo: IChartSpecInfo,\n    actionSource: VChartRenderActionSource\n  ) => MaybePromise<void>;\n  onBeforeInitChart?: (chartSpec: any, actionSource: VChartRenderActionSource) => MaybePromise<void>;\n}\n"]}

package/esm/plugin/chart/media-query/index.d.ts

@@ -0,0 +1,2 @@
+export * from './interface';
+export * from './media-query';

package/esm/plugin/chart/media-query/index.js

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

package/esm/plugin/chart/media-query/index.js.map

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

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

@@ -0,0 +1,28 @@
+import type { ComponentTypeEnum } from '../../../../component/interface';
+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';
+    type?: SeriesTypeEnum | ComponentTypeEnum;
+    specKey?: keyof IChartSpec;
+    modelInfo: IModelSpecInfo<T>[];
+}
+export interface IMediaQueryOption {
+    globalInstance: IVChart;
+    updateSpec: (spec: any, compile?: boolean, render?: boolean) => void;
+}
+export interface IMediaQueryCheckResult {
+    isActive: boolean;
+    hasChanged: boolean;
+}
+export interface IMediaQueryActionResult {
+    chartSpec: any;
+    hasChanged: boolean;
+}

package/esm/plugin/chart/media-query/interface/common.js

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

package/esm/plugin/chart/media-query/interface/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/media-query/interface/common.ts"],"names":[],"mappings":"","file":"common.js","sourcesContent":["import type { ComponentTypeEnum } from '../../../../component/interface';\nimport type { IVChart } from '../../../../core';\nimport type { IModelSpecInfo } from '../../../../model/interface';\nimport type { SeriesTypeEnum } from '../../../../series';\nimport type { IChartSpec } from '../../../../typings';\n\nexport interface IMediaInfo {\n  /** 图表宽度 */\n  width: number;\n  /** 图表高度 */\n  height: number;\n}\n\nexport interface IMediaQueryActionFilterResult<T extends Record<string, unknown> = any> {\n  /** 是否是图表层级 */\n  isChart?: boolean;\n  /** 如果不是图表层级，是哪个 model 类型 */\n  modelType?: 'series' | 'region' | 'component';\n  /** model 具体的类型 */\n  type?: SeriesTypeEnum | ComponentTypeEnum;\n  /** model 在图表 spec 中对应的 key */\n  specKey?: keyof IChartSpec;\n  /** 匹配到的 model 的 spec 信息 */\n  modelInfo: IModelSpecInfo<T>[];\n}\n\nexport interface IMediaQueryOption {\n  globalInstance: IVChart;\n  updateSpec: (spec: any, compile?: boolean, render?: boolean) => void;\n}\n\nexport interface IMediaQueryCheckResult {\n  /** 是否命中媒体查询条件 */\n  isActive: boolean;\n  /** 当前媒体查询的状态是否发生改变（生效->失效 或 失效->生效） */\n  hasChanged: boolean;\n}\n\nexport interface IMediaQueryActionResult {\n  /** 返回的图表 spec */\n  chartSpec: any;\n  /** spec 是否被更改 */\n  hasChanged: boolean;\n}\n"]}

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

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

package/esm/plugin/chart/media-query/interface/index.js

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

package/esm/plugin/chart/media-query/interface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/media-query/interface/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC","file":"index.js","sourcesContent":["export * from './spec';\nexport * from './common';\n"]}

package/esm/plugin/chart/media-query/interface/spec.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentTypeEnum, SimplifiedComponentTypeEnum } from '../../../../component/interface';
+import type { IVChart } from '../../../../core';
+import type { IModelSpecInfo } from '../../../../model/interface';
+import type { SeriesTypeEnum } from '../../../../series';
+import type { IMediaInfo } from './common';
+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>;
+    forceAppend?: boolean;
+}
+export type MediaQueryActionFilterType = 'region' | 'series' | 'chart' | `${SeriesTypeEnum}` | `${ComponentTypeEnum}` | `${SimplifiedComponentTypeEnum}`;
+export type MediaQueryActionFilter<T extends Record<string, unknown> = any> = Partial<T> | ((modelInfo: IModelSpecInfo<T>, action: IMediaQueryAction<T>, query: IMediaQueryCondition) => boolean);

package/esm/plugin/chart/media-query/interface/spec.js

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

package/esm/plugin/chart/media-query/interface/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/media-query/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { ComponentTypeEnum, SimplifiedComponentTypeEnum } from '../../../../component/interface';\nimport type { IVChart } from '../../../../core';\nimport type { IModelSpecInfo } from '../../../../model/interface';\nimport type { SeriesTypeEnum } from '../../../../series';\nimport type { IMediaInfo } from './common';\n\n/**\n * 媒体查询配置（包含多项查询）\n * @since 1.8.0\n */\nexport type IMediaQuerySpec = IMediaQueryItem[];\n\n/** 媒体查询配置（表示一项查询）*/\nexport interface IMediaQueryItem {\n  /** 媒体查询条件 */\n  query: IMediaQueryCondition;\n  /** 命中媒体查询条件之后的动作 */\n  action: IMediaQueryAction | IMediaQueryAction[];\n}\n\n/** 媒体查询条件，多个属性之间为“且”关系 */\nexport interface IMediaQueryCondition {\n  /** 最小图表宽度 */\n  minWidth?: number;\n  /** 最大图表宽度 */\n  maxWidth?: number;\n  /** 最小图表高度 */\n  minHeight?: number;\n  /** 最大图表高度 */\n  maxHeight?: number;\n  /** 当图表宽度或高度发生变化时触发的回调，由回调指定是否命中查询条件 */\n  onResize?: (info: IMediaInfo, vchart: IVChart) => boolean;\n}\n\n/** 命中媒体查询条件之后的动作 */\nexport interface IMediaQueryAction<T extends Record<string, unknown> = any> {\n  /**\n   * 需要应用的新 spec\n   * - 如果元素过滤器匹配到了某些图表元素，新 spec 将依次合并到这些元素\n   * - 如果元素过滤器没有匹配到任何图表元素，新 spec 可能会作为新的图表元素添加到图表（forceAppend 为 true 的情况）。\n   *\n   * 有两种配置类型：\n   * - 直接指定新 spec\n   * - 使用回调的方式返回新 spec\n   */\n  spec:\n    | Partial<T>\n    | ((\n        /** filter 匹配到的图表元素信息 */\n        filteredModelInfo: IModelSpecInfo<T>[],\n        /** 当前 action 对象 */\n        action: IMediaQueryAction<T>,\n        /** 当前媒体查询条件 */\n        query: IMediaQueryCondition\n      ) => Partial<T>);\n  /**\n   * 元素过滤器类型\n   * （规定 filter 需要过滤的元素类型，以及新 spec 对应的元素类型）\n   * @default 'chart'\n   */\n  filterType?: MediaQueryActionFilterType;\n  /**\n   * 元素过滤器\n   * （如果不配置，则匹配 filterType 对应的所有元素）\n   *\n   * 有两种配置类型：\n   * - 配置为元素 spec 的一部分，在过滤图表元素时基于此 spec 进行模糊匹配\n   * - 配置为函数回调，依次决定当前 filterType 类型下的每个元素实例是否被匹配\n   */\n  filter?: MediaQueryActionFilter<T>;\n  /**\n   * 元素过滤器匹配不到图表元素时，是否将新 spec 作为新的图表元素添加到图表\n   * （filterType 为 'chart' 时该配置失效）\n   * @default false\n   */\n  forceAppend?: boolean;\n}\n\n/**\n * 元素过滤器类型\n */\nexport type MediaQueryActionFilterType =\n  | 'region'\n  | 'series'\n  | 'chart'\n  | `${SeriesTypeEnum}`\n  | `${ComponentTypeEnum}`\n  | `${SimplifiedComponentTypeEnum}`;\n\n/**\n * 元素过滤器\n *\n * 有两种配置类型：\n * - 配置为元素 spec 的一部分，在过滤图表元素时基于此 spec 进行模糊匹配\n * - 配置为函数回调，依次决定当前 filterType 类型下的每个元素实例是否被匹配\n */\nexport type MediaQueryActionFilter<T extends Record<string, unknown> = any> =\n  | Partial<T>\n  | ((\n      /** 当前图表元素信息 */\n      modelInfo: IModelSpecInfo<T>,\n      /** 当前 action 对象 */\n      action: IMediaQueryAction<T>,\n      /** 当前媒体查询条件 */\n      query: IMediaQueryCondition\n    ) => boolean);\n"]}

package/esm/plugin/chart/media-query/media-query.d.ts

@@ -0,0 +1,28 @@
+import type { IMediaInfo, IMediaQueryCheckResult, IMediaQuerySpec, IMediaQueryOption, IMediaQueryItem, IMediaQueryActionResult } from './interface';
+import type { IChartPlugin, IChartPluginService } from '../interface';
+import type { VChartRenderActionSource } from '../../../core/interface';
+import { BasePlugin } from '../../base/base-plugin';
+export declare class MediaQuery extends BasePlugin implements IChartPlugin {
+    static readonly pluginType: 'chart';
+    static readonly specKey = "media";
+    static readonly type: string;
+    readonly type: string;
+    protected _spec: IMediaQuerySpec;
+    protected _option: IMediaQueryOption;
+    protected _baseChartSpec: any;
+    protected _currentMediaInfo: Partial<IMediaInfo>;
+    readonly currentActiveItems: Set<IMediaQueryItem>;
+    protected _initialized: boolean;
+    constructor();
+    onInit(service: IChartPluginService, chartSpec: any): void;
+    onBeforeResize(service: IChartPluginService, width: number, height: number): void;
+    onAfterChartSpecTransform(service: IChartPluginService, chartSpec: any, actionSource: VChartRenderActionSource): void;
+    onBeforeInitChart(service: IChartPluginService, chartSpec: any, actionSource: VChartRenderActionSource): void;
+    changeSize(width: number, height: number, compile?: boolean, render?: boolean): boolean;
+    protected _applyQueries(compile?: boolean, render?: boolean): boolean;
+    check(item: IMediaQueryItem): IMediaQueryCheckResult;
+    apply(item: IMediaQueryItem, chartSpec: any): IMediaQueryActionResult;
+    reInit(compile?: boolean, render?: boolean): void;
+    dispose(): void;
+}
+export declare const registerMediaQuery: () => void;

package/esm/plugin/chart/media-query/media-query.js

@@ -0,0 +1,118 @@
+import { checkMediaQuery } from "./util";
+
+import { executeMediaQueryAction } from "./util/action";
+
+import { array, cloneDeepSpec } from "../../../util";
+
+import { BasePlugin } from "../../base/base-plugin";
+
+import { registerChartPlugin } from "../register";
+
+export class MediaQuery extends BasePlugin {
+    constructor() {
+        super(MediaQuery.type), this.type = "MediaQueryPlugin", this._currentMediaInfo = {}, 
+        this.currentActiveItems = new Set, this._initialized = !1;
+    }
+    onInit(service, chartSpec) {
+        if (!(null == chartSpec ? void 0 : chartSpec[MediaQuery.specKey])) return;
+        const {globalInstance: globalInstance} = service;
+        this._option = {
+            globalInstance: service.globalInstance,
+            updateSpec: (spec, compile, render) => {
+                render ? globalInstance.updateSpecSync(spec) : compile ? globalInstance.updateSpecAndRecompile(spec, !1, {
+                    transformSpec: !0
+                }) : globalInstance.setRuntimeSpec(spec);
+            }
+        }, this._spec = chartSpec[MediaQuery.specKey], this._initialized = !0;
+    }
+    onBeforeResize(service, width, height) {
+        this.changeSize(width, height, !0, !1);
+    }
+    onAfterChartSpecTransform(service, chartSpec, actionSource) {
+        "setCurrentTheme" === actionSource && this.reInit(!1, !1);
+    }
+    onBeforeInitChart(service, chartSpec, actionSource) {
+        let resetMediaQuery, checkMediaQuery;
+        switch (actionSource) {
+          case "render":
+          case "updateModelSpec":
+            resetMediaQuery = !1, checkMediaQuery = !0;
+            break;
+
+          case "updateSpec":
+          case "setCurrentTheme":
+            resetMediaQuery = !0, checkMediaQuery = !1;
+            break;
+
+          case "updateSpecAndRecompile":
+            resetMediaQuery = !1, checkMediaQuery = !1;
+        }
+        if (resetMediaQuery && this.dispose(), this._initialized || this.onInit(service, chartSpec), 
+        resetMediaQuery || checkMediaQuery) {
+            const {width: width, height: height} = this._option.globalInstance.getCurrentSize();
+            this.changeSize(width, height, !1, !1);
+        }
+    }
+    changeSize(width, height, compile, render) {
+        return (this._currentMediaInfo.width !== width || this._currentMediaInfo.height !== height) && (this._currentMediaInfo.width = width, 
+        this._currentMediaInfo.height = height, this._applyQueries(compile, render));
+    }
+    _applyQueries(compile, render) {
+        const changeToActive = [], changeToInactive = [];
+        if (this._spec.forEach((item => {
+            const {hasChanged: hasChanged, isActive: isActive} = this.check(item);
+            hasChanged && (isActive ? changeToActive.push(item) : changeToInactive.push(item));
+        })), !changeToActive.length && !changeToInactive.length) return !1;
+        let chartSpec;
+        this._baseChartSpec || (this._baseChartSpec = cloneDeepSpec(this._option.globalInstance.getSpec()));
+        let hasChanged = !1;
+        return changeToInactive.length > 0 ? (chartSpec = cloneDeepSpec(this._baseChartSpec), 
+        Array.from(this.currentActiveItems).forEach((item => {
+            if (changeToInactive.includes(item)) return void this.currentActiveItems.delete(item);
+            const result = this.apply(item, chartSpec);
+            chartSpec = result.chartSpec;
+        })), hasChanged = !0) : chartSpec = this._option.globalInstance.getSpec(), changeToActive.forEach((item => {
+            this.currentActiveItems.add(item);
+            const result = this.apply(item, chartSpec);
+            chartSpec = result.chartSpec, hasChanged || (hasChanged = result.hasChanged);
+        })), hasChanged && this._option.updateSpec(chartSpec, compile, render), !0;
+    }
+    check(item) {
+        const {globalInstance: globalInstance} = this._option, isActive = checkMediaQuery(item.query, this._currentMediaInfo, globalInstance);
+        return {
+            isActive: isActive,
+            hasChanged: isActive !== this.currentActiveItems.has(item)
+        };
+    }
+    apply(item, chartSpec) {
+        const {globalInstance: globalInstance} = this._option, {query: query, action: action} = item;
+        let hasChanged = !1;
+        return array(action).forEach((actionItem => {
+            const result = executeMediaQueryAction(actionItem, query, chartSpec, globalInstance);
+            chartSpec = result.chartSpec, hasChanged || (hasChanged = result.hasChanged);
+        })), {
+            chartSpec: chartSpec,
+            hasChanged: hasChanged
+        };
+    }
+    reInit(compile, render) {
+        let chartSpec = this._option.globalInstance.getSpec();
+        this._baseChartSpec = cloneDeepSpec(chartSpec);
+        let hasChanged = !1;
+        this.currentActiveItems.forEach((item => {
+            const result = this.apply(item, chartSpec);
+            chartSpec = result.chartSpec, hasChanged || (hasChanged = result.hasChanged);
+        })), hasChanged && this._option.updateSpec(chartSpec, compile, render);
+    }
+    dispose() {
+        this._initialized = !1, this._spec = [], this._option = void 0, this._currentMediaInfo = {}, 
+        this.currentActiveItems.clear();
+    }
+}
+
+MediaQuery.pluginType = "chart", MediaQuery.specKey = "media", MediaQuery.type = "MediaQueryPlugin";
+
+export const registerMediaQuery = () => {
+    registerChartPlugin(MediaQuery);
+};
+//# sourceMappingURL=media-query.js.map

package/esm/plugin/chart/media-query/media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/media-query/media-query.ts"],"names":[],"mappings":"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","file":"media-query.js","sourcesContent":["import type {\n  IMediaInfo,\n  IMediaQueryCheckResult,\n  IMediaQuerySpec,\n  IMediaQueryOption,\n  IMediaQueryItem,\n  IMediaQueryActionResult\n} from './interface';\nimport { checkMediaQuery } from './util';\nimport { executeMediaQueryAction } from './util/action';\nimport type { IChartPlugin, IChartPluginService } from '../interface';\nimport { array, cloneDeepSpec } from '../../../util';\nimport type { VChartRenderActionSource } from '../../../core/interface';\nimport { BasePlugin } from '../../base/base-plugin';\nimport { registerChartPlugin } from '../register';\n\nexport class MediaQuery extends BasePlugin implements IChartPlugin {\n  static readonly pluginType: 'chart' = 'chart';\n  static readonly specKey = 'media';\n  static readonly type: string = 'MediaQueryPlugin';\n  readonly type: string = 'MediaQueryPlugin';\n\n  protected _spec: IMediaQuerySpec;\n  protected _option: IMediaQueryOption;\n\n  /** 不带任何媒体查询的图表 spec */\n  protected _baseChartSpec: any;\n\n  /** 当前媒体信息 */\n  protected _currentMediaInfo: Partial<IMediaInfo> = {};\n\n  /** 当前正在生效的媒体查询 */\n  readonly currentActiveItems = new Set<IMediaQueryItem>();\n\n  /** 媒体查询是否已经初始化 */\n  protected _initialized: boolean = false;\n\n  constructor() {\n    super(MediaQuery.type);\n  }\n\n  onInit(service: IChartPluginService, chartSpec: any) {\n    if (!chartSpec?.[MediaQuery.specKey]) {\n      return;\n    }\n    const { globalInstance } = service;\n    this._option = {\n      globalInstance: service.globalInstance,\n      updateSpec: (spec: any, compile?: boolean, render?: boolean) => {\n        if (render) {\n          globalInstance.updateSpecSync(spec);\n        } else if (compile) {\n          globalInstance.updateSpecAndRecompile(spec, false, {\n            transformSpec: true\n          });\n        } else {\n          globalInstance.setRuntimeSpec(spec);\n        }\n      }\n    };\n    this._spec = chartSpec[MediaQuery.specKey];\n    this._initialized = true;\n  }\n\n  onBeforeResize(service: IChartPluginService, width: number, height: number) {\n    this.changeSize(width, height, true, false);\n  }\n\n  onAfterChartSpecTransform(service: IChartPluginService, chartSpec: any, actionSource: VChartRenderActionSource) {\n    if (actionSource === 'setCurrentTheme') {\n      // 重新执行已生效的所有媒体查询\n      this.reInit(false, false);\n    }\n  }\n\n  onBeforeInitChart(service: IChartPluginService, chartSpec: any, actionSource: VChartRenderActionSource) {\n    let resetMediaQuery: boolean;\n    let checkMediaQuery: boolean;\n\n    switch (actionSource) {\n      case 'render':\n      case 'updateModelSpec':\n        resetMediaQuery = false;\n        checkMediaQuery = true;\n        break;\n      case 'updateSpec':\n      case 'setCurrentTheme':\n        resetMediaQuery = true;\n        checkMediaQuery = false;\n        break;\n      case 'updateSpecAndRecompile':\n        resetMediaQuery = false;\n        checkMediaQuery = false;\n        break;\n    }\n\n    if (resetMediaQuery) {\n      this.dispose();\n    }\n    if (!this._initialized) {\n      // 初始化媒体查询\n      this.onInit(service, chartSpec);\n    }\n    if (resetMediaQuery || checkMediaQuery) {\n      // 触发媒体查询\n      const { width, height } = this._option.globalInstance.getCurrentSize();\n      this.changeSize(width, height, false, false);\n    }\n  }\n\n  /** 更新图表宽高信息，执行所有相关媒体查询，返回是否命中某个查询 */\n  changeSize(width: number, height: number, compile?: boolean, render?: boolean): boolean {\n    if (this._currentMediaInfo.width === width && this._currentMediaInfo.height === height) {\n      return false;\n    }\n    this._currentMediaInfo.width = width;\n    this._currentMediaInfo.height = height;\n    // 由于目前媒体查询只和图表宽高有关，这里执行所有媒体查询\n    return this._applyQueries(compile, render);\n  }\n\n  /** 执行所有媒体查询，返回是否命中某个查询 */\n  protected _applyQueries(compile?: boolean, render?: boolean): boolean {\n    // 检查所有查询的查询条件\n    const changeToActive: IMediaQueryItem[] = []; // 将会生效的查询\n    const changeToInactive: IMediaQueryItem[] = []; // 将会失效的查询\n    this._spec.forEach(item => {\n      const { hasChanged, isActive } = this.check(item);\n      if (hasChanged) {\n        if (isActive) {\n          changeToActive.push(item);\n        } else {\n          changeToInactive.push(item);\n        }\n      }\n    });\n\n    if (!changeToActive.length && !changeToInactive.length) {\n      return false;\n    }\n    if (!this._baseChartSpec) {\n      this._baseChartSpec = cloneDeepSpec(this._option.globalInstance.getSpec());\n    }\n    let chartSpec: any;\n    let hasChanged = false;\n\n    // 处理将会失效的查询：重新执行一遍当前生效的查询\n    if (changeToInactive.length > 0) {\n      chartSpec = cloneDeepSpec(this._baseChartSpec);\n      Array.from(this.currentActiveItems).forEach(item => {\n        if (changeToInactive.includes(item)) {\n          this.currentActiveItems.delete(item);\n          return;\n        }\n        const result = this.apply(item, chartSpec);\n        chartSpec = result.chartSpec;\n      });\n      hasChanged = true;\n    } else {\n      chartSpec = this._option.globalInstance.getSpec();\n    }\n\n    // 处理将会生效的查询\n    changeToActive.forEach(item => {\n      this.currentActiveItems.add(item);\n      const result = this.apply(item, chartSpec);\n      chartSpec = result.chartSpec;\n      hasChanged ||= result.hasChanged;\n    });\n\n    if (hasChanged) {\n      this._option.updateSpec(chartSpec, compile, render);\n    }\n    return true;\n  }\n\n  /** 检查媒体查询的条件是否满足 */\n  check(item: IMediaQueryItem): IMediaQueryCheckResult {\n    const { globalInstance } = this._option;\n    const isActive = checkMediaQuery(item.query, this._currentMediaInfo as IMediaInfo, globalInstance);\n    return {\n      isActive,\n      hasChanged: isActive !== this.currentActiveItems.has(item)\n    };\n  }\n\n  /** 执行一条媒体查询 */\n  apply(item: IMediaQueryItem, chartSpec: any): IMediaQueryActionResult {\n    const { globalInstance } = this._option;\n    const { query, action } = item;\n    let hasChanged = false;\n    // 执行\n    array(action).forEach(actionItem => {\n      const result = executeMediaQueryAction(actionItem, query, chartSpec, globalInstance);\n      chartSpec = result.chartSpec;\n      hasChanged ||= result.hasChanged;\n    });\n    return { chartSpec, hasChanged };\n  }\n\n  /** 重新初始化，并重新执行一遍当前生效的媒体查询 */\n  reInit(compile?: boolean, render?: boolean) {\n    let chartSpec = this._option.globalInstance.getSpec();\n    this._baseChartSpec = cloneDeepSpec(chartSpec);\n\n    let hasChanged = false;\n    this.currentActiveItems.forEach(item => {\n      const result = this.apply(item, chartSpec);\n      chartSpec = result.chartSpec;\n      hasChanged ||= result.hasChanged;\n    });\n\n    if (hasChanged) {\n      this._option.updateSpec(chartSpec, compile, render);\n    }\n  }\n\n  dispose() {\n    this._initialized = false;\n    this._spec = [];\n    this._option = undefined;\n    this._currentMediaInfo = {};\n    this.currentActiveItems.clear();\n  }\n}\n\nexport const registerMediaQuery = () => {\n  registerChartPlugin(MediaQuery);\n};\n"]}

package/esm/plugin/chart/media-query/util/action.d.ts

@@ -0,0 +1,3 @@
+import type { IVChart } from '../../../../core';
+import type { IMediaQueryAction, IMediaQueryCondition, IMediaQueryActionResult } from '../interface';
+export declare const executeMediaQueryAction: <T extends Record<string, unknown>>(action: IMediaQueryAction<T>, query: IMediaQueryCondition, chartSpec: any, globalInstance: IVChart) => IMediaQueryActionResult;

package/esm/plugin/chart/media-query/util/action.js

@@ -0,0 +1,30 @@
+import { setProperty } from "@visactor/vutils-extension";
+
+import { isArray, isFunction, isNil, mergeSpec } from "../../../../util";
+
+import { executeMediaQueryActionFilter } from "./filter";
+
+export const executeMediaQueryAction = (action, query, chartSpec, globalInstance) => {
+    const {spec: spec, filter: filter, filterType: filterType, forceAppend: forceAppend} = action, {isChart: isChart, modelType: modelType, specKey: specKey, type: type, modelInfo: modelInfo} = executeMediaQueryActionFilter(filterType, filter, action, query, chartSpec, globalInstance);
+    if (0 === modelInfo.length && !forceAppend) return {
+        chartSpec: chartSpec,
+        hasChanged: !1
+    };
+    const targetSpec = mergeSpec({}, chartSpec), newSpec = isFunction(spec) ? spec(modelInfo, action, query) : spec;
+    for (const {spec: spec, specPath: specPath} of modelInfo) {
+        if (isChart) return mergeSpec(targetSpec, newSpec);
+        const modelSpec = mergeSpec({}, spec, newSpec);
+        setProperty(targetSpec, specPath, modelSpec);
+    }
+    if (0 === modelInfo.length && forceAppend) {
+        const newSpecToAppend = Object.assign({
+            type: type
+        }, newSpec);
+        isArray(targetSpec[specKey]) ? targetSpec[specKey].push(newSpecToAppend) : isNil(targetSpec[specKey]) ? targetSpec[specKey] = "component" === modelType ? newSpecToAppend : [ newSpecToAppend ] : targetSpec[specKey] = [ targetSpec[specKey], newSpecToAppend ];
+    }
+    return {
+        chartSpec: targetSpec,
+        hasChanged: !0
+    };
+};
+//# sourceMappingURL=action.js.map

package/esm/plugin/chart/media-query/util/action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/media-query/util/action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAGzD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,MAA4B,EAC5B,KAA2B,EAC3B,SAAc,EACd,cAAuB,EACE,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,6BAA6B,CACpF,UAAU,EACV,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,cAAc,CACf,CAAC;IACF,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE;QAC1C,OAAO;YACL,SAAS;YACT,UAAU,EAAE,KAAK;SAClB,CAAC;KACH;IAED,MAAM,UAAU,GAAG,SAAS,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,KAAK,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,SAAS,EAAE;QAC1C,IAAI,OAAO,EAAE;YACX,OAAO,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;SACvC;QACD,MAAM,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAC/C,WAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;KAC9C;IAED,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,EAAE;QACzC,MAAM,eAAe,mBACnB,IAAI,IACD,OAAO,CACX,CAAC;QACF,IAAI,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE;YAChC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SAC3C;aAAM,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE;YACrC,IAAI,SAAS,KAAK,WAAW,EAAE;gBAC7B,UAAU,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC;aACvC;iBAAM;gBACL,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;aACzC;SACF;aAAM;YACL,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC;SAC9D;KACF;IACD,OAAO;QACL,SAAS,EAAE,UAAU;QACrB,UAAU,EAAE,IAAI;KACjB,CAAC;AACJ,CAAC,CAAC","file":"action.js","sourcesContent":["import { setProperty } from '@visactor/vutils-extension';\nimport type { IVChart } from '../../../../core';\nimport { isArray, isFunction, isNil, mergeSpec } from '../../../../util';\nimport type { IMediaQueryAction, IMediaQueryCondition, IMediaQueryActionResult } from '../interface';\nimport { executeMediaQueryActionFilter } from './filter';\n\n/** 执行媒体查询对应的动作 */\nexport const executeMediaQueryAction = <T extends Record<string, unknown>>(\n  action: IMediaQueryAction<T>,\n  query: IMediaQueryCondition,\n  chartSpec: any,\n  globalInstance: IVChart\n): IMediaQueryActionResult => {\n  const { spec, filter, filterType, forceAppend } = action;\n  const { isChart, modelType, specKey, type, modelInfo } = executeMediaQueryActionFilter<T>(\n    filterType,\n    filter,\n    action,\n    query,\n    chartSpec,\n    globalInstance\n  );\n  if (modelInfo.length === 0 && !forceAppend) {\n    return {\n      chartSpec,\n      hasChanged: false\n    };\n  }\n  // 修改现有图表元素的 spec\n  const targetSpec = mergeSpec({}, chartSpec);\n  const newSpec = isFunction(spec) ? spec(modelInfo, action, query) : spec;\n  for (const { spec, specPath } of modelInfo) {\n    if (isChart) {\n      return mergeSpec(targetSpec, newSpec);\n    }\n    const modelSpec = mergeSpec({}, spec, newSpec);\n    setProperty(targetSpec, specPath, modelSpec);\n  }\n  // 如果没有匹配到图表元素，且 forceAppend 为 true，则添加新元素\n  if (modelInfo.length === 0 && forceAppend) {\n    const newSpecToAppend = {\n      type,\n      ...newSpec\n    };\n    if (isArray(targetSpec[specKey])) {\n      targetSpec[specKey].push(newSpecToAppend);\n    } else if (isNil(targetSpec[specKey])) {\n      if (modelType === 'component') {\n        targetSpec[specKey] = newSpecToAppend;\n      } else {\n        targetSpec[specKey] = [newSpecToAppend];\n      }\n    } else {\n      targetSpec[specKey] = [targetSpec[specKey], newSpecToAppend];\n    }\n  }\n  return {\n    chartSpec: targetSpec,\n    hasChanged: true\n  };\n};\n"]}

package/esm/plugin/chart/media-query/util/filter.d.ts

@@ -0,0 +1,4 @@
+import type { IVChart } from '../../../../core';
+import type { IMediaQueryAction, IMediaQueryActionFilterResult, IMediaQueryCondition, MediaQueryActionFilter, MediaQueryActionFilterType } from '../interface';
+export declare const executeMediaQueryActionFilter: <T extends Record<string, unknown>>(filterType: MediaQueryActionFilterType, filter: MediaQueryActionFilter<T>, action: IMediaQueryAction<T>, query: IMediaQueryCondition, chartSpec: any, globalInstance: IVChart) => IMediaQueryActionFilterResult;
+export declare const executeMediaQueryActionFilterType: <T extends Record<string, unknown>>(filterType: MediaQueryActionFilterType, chartSpec: any, globalInstance: IVChart) => IMediaQueryActionFilterResult<T>;

package/esm/plugin/chart/media-query/util/filter.js

@@ -0,0 +1,83 @@
+import { array, isFunction, isNil } from "@visactor/vutils";
+
+import { Factory } from "../../../../core";
+
+import { SeriesTypeEnum } from "../../../../series/interface";
+
+import { ComponentTypeEnum, SimplifiedComponentTypeEnum, axisComponentTypes, crosshairComponentTypes, legendComponentTypes } from "../../../../component/interface";
+
+import { includeSpec } from "@visactor/vutils-extension";
+
+export const executeMediaQueryActionFilter = (filterType = "chart", filter, action, query, chartSpec, globalInstance) => {
+    const result = executeMediaQueryActionFilterType(filterType, chartSpec, globalInstance);
+    return Object.assign(Object.assign({}, result), {
+        modelInfo: result.modelInfo.filter((info => !!isNil(filter) || (isFunction(filter) ? filter(info, action, query) : includeSpec(info.spec, filter))))
+    });
+};
+
+export const executeMediaQueryActionFilterType = (filterType = "chart", chartSpec, globalInstance) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const result = {
+        modelInfo: []
+    }, chartSpecInfo = globalInstance.getSpecInfo();
+    if ("chart" === filterType) result.isChart = !0, result.modelInfo.push({
+        spec: chartSpec,
+        type: "chart"
+    }); else if ("region" === filterType) result.modelType = "region", result.specKey = "region", 
+    null === (_a = chartSpec.region) || void 0 === _a || _a.forEach(((regionSpec, i) => {
+        result.modelInfo.push({
+            spec: regionSpec,
+            specPath: [ "region", i ],
+            specIndex: i,
+            type: "region"
+        });
+    })); else if ("series" === filterType) result.modelType = "series", result.specKey = "series", 
+    null === (_b = chartSpec.series) || void 0 === _b || _b.forEach(((seriesSpec, i) => {
+        result.modelInfo.push({
+            spec: seriesSpec,
+            specPath: [ "series", i ],
+            specIndex: i,
+            type: seriesSpec.type
+        });
+    })); else if (Object.values(SeriesTypeEnum).includes(filterType)) result.modelType = "series", 
+    result.specKey = "series", result.type = filterType, null === (_c = chartSpec.series) || void 0 === _c || _c.forEach(((seriesSpec, i) => {
+        seriesSpec.type === filterType && result.modelInfo.push({
+            spec: seriesSpec,
+            specPath: [ "series", i ],
+            specIndex: i,
+            type: filterType
+        });
+    })); else if (Object.values(SimplifiedComponentTypeEnum).includes(filterType)) {
+        let componentTypes;
+        switch (result.modelType = "component", filterType) {
+          case SimplifiedComponentTypeEnum.axis:
+            componentTypes = axisComponentTypes, result.specKey = "axes";
+            break;
+
+          case SimplifiedComponentTypeEnum.legend:
+            componentTypes = legendComponentTypes, result.specKey = "legends";
+            break;
+
+          case SimplifiedComponentTypeEnum.crosshair:
+            componentTypes = crosshairComponentTypes, result.specKey = "crosshair";
+        }
+        const {specKey: specKey} = result, infoList = array(null !== (_d = chartSpecInfo[specKey]) && void 0 !== _d ? _d : []);
+        array(null !== (_e = chartSpec[specKey]) && void 0 !== _e ? _e : []).forEach(((componentSpec, i) => {
+            const specInfo = infoList[i];
+            (null == componentTypes ? void 0 : componentTypes.includes(specInfo.type)) && result.modelInfo.push(Object.assign(Object.assign({}, specInfo), {
+                spec: componentSpec
+            }));
+        }));
+    } else if (Object.values(ComponentTypeEnum).includes(filterType)) {
+        result.modelType = "component", result.type = filterType, result.specKey = null === (_f = Factory.getComponentInKey(filterType)) || void 0 === _f ? void 0 : _f.specKey;
+        const {specKey: specKey} = result, infoList = array(null !== (_g = chartSpecInfo[specKey]) && void 0 !== _g ? _g : []);
+        null === (_j = array(null !== (_h = chartSpec[specKey]) && void 0 !== _h ? _h : [])) || void 0 === _j || _j.forEach(((componentSpec, i) => {
+            const specInfo = infoList[i];
+            specInfo.type === filterType && result.modelInfo.push(Object.assign(Object.assign({}, specInfo), {
+                spec: componentSpec
+            }));
+        }));
+    }
+    return result;
+};
+//# sourceMappingURL=filter.js.map

package/esm/plugin/chart/media-query/util/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/media-query/util/filter.ts"],"names":[],"mappings":"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","file":"filter.js","sourcesContent":["import { array, isFunction, isNil } from '@visactor/vutils';\nimport type { IChartSpec, IVChart } from '../../../../core';\n// eslint-disable-next-line no-duplicate-imports\nimport { Factory } from '../../../../core';\nimport type {\n  IMediaQueryAction,\n  IMediaQueryActionFilterResult,\n  IMediaQueryCondition,\n  MediaQueryActionFilter,\n  MediaQueryActionFilterType\n} from '../interface';\nimport { SeriesTypeEnum } from '../../../../series/interface';\nimport {\n  ComponentTypeEnum,\n  SimplifiedComponentTypeEnum,\n  axisComponentTypes,\n  crosshairComponentTypes,\n  legendComponentTypes\n} from '../../../../component/interface';\nimport { includeSpec } from '@visactor/vutils-extension';\n\n/** 执行元素过滤器 */\nexport const executeMediaQueryActionFilter = <T extends Record<string, unknown>>(\n  filterType: MediaQueryActionFilterType = 'chart',\n  filter: MediaQueryActionFilter<T> | undefined,\n  action: IMediaQueryAction<T>,\n  query: IMediaQueryCondition,\n  chartSpec: any,\n  globalInstance: IVChart\n): IMediaQueryActionFilterResult => {\n  const result = executeMediaQueryActionFilterType<T>(filterType, chartSpec, globalInstance);\n  return {\n    ...result,\n    modelInfo: result.modelInfo.filter(info => {\n      if (isNil(filter)) {\n        return true;\n      }\n      if (isFunction(filter)) {\n        return filter(info, action, query);\n      }\n      // spec 模糊匹配\n      return includeSpec(info.spec, filter);\n    })\n  };\n};\n\n/** 执行元素过滤器的 filterType 部分的筛选 */\nexport const executeMediaQueryActionFilterType = <T extends Record<string, unknown>>(\n  filterType: MediaQueryActionFilterType = 'chart',\n  chartSpec: any,\n  globalInstance: IVChart\n): IMediaQueryActionFilterResult<T> => {\n  const result: IMediaQueryActionFilterResult<T> = {\n    modelInfo: []\n  };\n  const chartSpecInfo = globalInstance.getSpecInfo();\n\n  if (filterType === 'chart') {\n    result.isChart = true;\n    result.modelInfo.push({\n      spec: chartSpec,\n      type: 'chart'\n    });\n  } else if (filterType === 'region') {\n    result.modelType = 'region';\n    result.specKey = 'region';\n\n    chartSpec.region?.forEach((regionSpec: T, i: number) => {\n      result.modelInfo.push({\n        spec: regionSpec,\n        specPath: ['region', i],\n        specIndex: i,\n        type: 'region'\n      });\n    });\n  } else if (filterType === 'series') {\n    result.modelType = 'series';\n    result.specKey = 'series';\n\n    chartSpec.series?.forEach((seriesSpec: T, i: number) => {\n      result.modelInfo.push({\n        spec: seriesSpec,\n        specPath: ['series', i],\n        specIndex: i,\n        type: seriesSpec.type as string\n      });\n    });\n  } else if (Object.values(SeriesTypeEnum).includes(filterType as SeriesTypeEnum)) {\n    result.modelType = 'series';\n    result.specKey = 'series';\n    result.type = filterType as SeriesTypeEnum;\n\n    chartSpec.series?.forEach((seriesSpec: T, i: number) => {\n      if (seriesSpec.type === filterType) {\n        result.modelInfo.push({\n          spec: seriesSpec,\n          specPath: ['series', i],\n          specIndex: i,\n          type: filterType\n        });\n      }\n    });\n  } else if (Object.values(SimplifiedComponentTypeEnum).includes(filterType as SimplifiedComponentTypeEnum)) {\n    result.modelType = 'component';\n    let componentTypes: ComponentTypeEnum[] | undefined;\n    switch (filterType) {\n      case SimplifiedComponentTypeEnum.axis:\n        componentTypes = axisComponentTypes;\n        result.specKey = 'axes';\n        break;\n      case SimplifiedComponentTypeEnum.legend:\n        componentTypes = legendComponentTypes;\n        result.specKey = 'legends';\n        break;\n      case SimplifiedComponentTypeEnum.crosshair:\n        componentTypes = crosshairComponentTypes;\n        result.specKey = 'crosshair';\n    }\n\n    const { specKey } = result;\n    const infoList = array(chartSpecInfo[specKey] ?? []);\n    array(chartSpec[specKey] ?? []).forEach((componentSpec, i) => {\n      const specInfo = infoList[i];\n      if (componentTypes?.includes(specInfo.type as ComponentTypeEnum)) {\n        result.modelInfo.push({\n          ...specInfo,\n          spec: componentSpec\n        });\n      }\n    });\n  } else if (Object.values(ComponentTypeEnum).includes(filterType as ComponentTypeEnum)) {\n    result.modelType = 'component';\n    result.type = filterType as ComponentTypeEnum;\n    result.specKey = Factory.getComponentInKey(filterType)?.specKey as keyof IChartSpec;\n\n    const { specKey } = result;\n    const infoList = array(chartSpecInfo[specKey] ?? []);\n    array(chartSpec[specKey] ?? [])?.forEach((componentSpec, i) => {\n      const specInfo = infoList[i];\n      if (specInfo.type === filterType) {\n        result.modelInfo.push({\n          ...specInfo,\n          spec: componentSpec\n        });\n      }\n    });\n  }\n\n  return result;\n};\n"]}

package/esm/plugin/chart/media-query/util/index.d.ts

@@ -0,0 +1,2 @@
+export * from './query';
+export * from './filter';

package/esm/plugin/chart/media-query/util/index.js

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

package/esm/plugin/chart/media-query/util/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/media-query/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC","file":"index.js","sourcesContent":["export * from './query';\nexport * from './filter';\n"]}

package/esm/plugin/chart/media-query/util/query.d.ts

@@ -0,0 +1,3 @@
+import type { IVChart } from '../../../../core';
+import type { IMediaInfo, IMediaQueryCondition } from '../interface';
+export declare const checkMediaQuery: (query: IMediaQueryCondition, mediaInfo: IMediaInfo, globalInstance: IVChart) => boolean;

package/esm/plugin/chart/media-query/util/query.js

@@ -0,0 +1,26 @@
+import { isValid } from "@visactor/vutils";
+
+export const checkMediaQuery = (query, mediaInfo, globalInstance) => {
+    for (const conditionKey in query) switch (conditionKey) {
+      case "maxHeight":
+        if (isValid(query.maxHeight) && mediaInfo.height > query.maxHeight) return !1;
+        break;
+
+      case "minHeight":
+        if (isValid(query.minHeight) && mediaInfo.height < query.minHeight) return !1;
+        break;
+
+      case "maxWidth":
+        if (isValid(query.maxWidth) && mediaInfo.width > query.maxWidth) return !1;
+        break;
+
+      case "minWidth":
+        if (isValid(query.minWidth) && mediaInfo.width < query.minWidth) return !1;
+        break;
+
+      case "onResize":
+        if (isValid(query.onResize) && !query.onResize(mediaInfo, globalInstance)) return !1;
+    }
+    return !0;
+};
+//# sourceMappingURL=query.js.map