@visactor/vchart 1.8.0-alpha.0 → 1.8.0

package/cjs/model/layout-model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/model/layout-model.ts"],"names":[],"mappings":"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","file":"layout-model.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { isEqual, merge } from '@visactor/vutils';\nimport type { ILayoutItem } from '../layout/interface';\nimport type { IOrientType, IPolarOrientType, IRect } from '../typings/space';\nimport { BaseModel } from './base-model';\nimport type { IModelSpec } from './interface';\nimport { LayoutItem } from '../layout/layout-item';\nimport type { IPoint } from '../typings/coordinate';\nimport type { ILayoutType, ILayoutPoint, ILayoutRect } from '../typings/layout';\n\nexport abstract class LayoutModel<T extends IModelSpec> extends BaseModel<T> {\n  protected layoutType: ILayoutType | 'none' = 'normal';\n  protected layoutLevel?: number = 0;\n  protected layoutZIndex: number = 0;\n  layoutClip: boolean;\n  get layoutOrient() {\n    return this._orient as IOrientType;\n  }\n\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n    this._layout && (this._layout.layoutOrient = v);\n  }\n\n  protected _forceLayoutTag: boolean = false;\n  protected _layout: ILayoutItem = null;\n  protected _orient?: IPolarOrientType | IOrientType = null;\n\n  protected _layoutRect: ILayoutRect = { width: 0, height: 0 };\n  protected _layoutStartPos: IPoint = { x: 0, y: 0 };\n\n  // TODO: 有些hack,这个tag是为了避免布局逻辑中，轴的数据变化，又由数据变化触发重新布局\n  protected _isLayout: boolean = true;\n\n  initLayout() {\n    if (this.layoutType === 'none') {\n      return;\n    }\n    this._layout = new LayoutItem(this, {\n      layoutType: this.layoutType,\n      layoutLevel: this.layoutLevel,\n      layoutOrient: this._orient as IOrientType,\n      transformLayoutRect: this._transformLayoutRect,\n      transformLayoutPosition: this._transformLayoutPosition\n    });\n    if (this._orient && this._orient !== 'radius' && this._orient !== 'angle' && this.layout) {\n      this._layout.layoutOrient = this._orient;\n    }\n  }\n\n  onLayoutStart(layoutRect: IRect, viewRect: ILayoutRect, ctx: any): void {\n    this._isLayout = true;\n    super.onLayoutStart(layoutRect, viewRect, ctx);\n  }\n  onLayoutEnd(ctx: any): void {\n    super.onLayoutEnd(ctx);\n    // diff layoutRect\n    this.updateLayoutAttribute();\n    const layoutRect = this.getLayoutRect();\n    if (this._forceLayoutTag || !isEqual(this._lastLayoutRect, layoutRect)) {\n      this._lastLayoutRect = { ...layoutRect };\n    }\n    this._forceLayoutTag = false;\n    this._isLayout = false;\n  }\n\n  afterSetLayoutStartPoint(_pos: ILayoutPoint) {\n    // do nothing\n  }\n\n  protected _forceLayout() {\n    if (this._isLayout) {\n      return;\n    }\n    this._forceLayoutTag = true;\n    this._option.globalInstance.getChart()?.setLayoutTag(true);\n  }\n\n  // 布局相关\n  getLayoutStartPoint() {\n    return this._layout ? this._layout.getLayoutStartPoint() : this._layoutStartPos;\n  }\n  setLayoutStartPosition(pos: Partial<IPoint>) {\n    return this._layout\n      ? this._layout.setLayoutStartPosition(pos)\n      : (this._layoutStartPos = merge(this._layoutStartPos, pos));\n  }\n  getLayoutRect() {\n    return this._layout ? this._layout.getLayoutRect() : this._layoutRect;\n  }\n  setLayoutRect(rect: Partial<ILayoutRect>, levelMap?: Partial<ILayoutRect>) {\n    return this._layout ? this._layout.setLayoutRect(rect) : (this._lastLayoutRect = merge(this._layoutRect, rect));\n  }\n\n  getLastComputeOutBounds() {\n    return this._layout?.getLastComputeOutBounds();\n  }\n\n  getGraphicBounds = () => {\n    if (this._layout) {\n      return {\n        x1: this._layout.getLayoutStartPoint().x,\n        y1: this._layout.getLayoutStartPoint().y,\n        x2: this._layout.getLayoutStartPoint().x + this._layout.getLayoutRect().width,\n        y2: this._layout.getLayoutStartPoint().y + this._layout.getLayoutRect().height\n      };\n    }\n    return { x1: 0, x2: 0, y1: 0, y2: 0 };\n  };\n\n  setAttrFromSpec(): void {\n    super.setAttrFromSpec();\n    this.layoutClip = this._spec.clip ?? this.layoutClip;\n    this.layoutZIndex = this._spec.zIndex ?? this.layoutZIndex;\n    this.layoutType = this._spec.layoutType ?? this.layoutType;\n  }\n\n  abstract getBoundsInRect(rect: ILayoutRect, fullRect: ILayoutRect): IBoundsLike;\n\n  protected _transformLayoutRect: (rect: ILayoutRect) => ILayoutRect = null;\n  protected _transformLayoutPosition: (rect: Partial<IPoint>) => Partial<IPoint> = null;\n}\n"]}
+{"version":3,"sources":["../src/model/layout-model.ts"],"names":[],"mappings":"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","file":"layout-model.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isEqual, merge } from '@visactor/vutils';\nimport type { ILayoutItem } from '../layout/interface';\nimport type { IOrientType, IPolarOrientType, IRect } from '../typings/space';\nimport { BaseModel } from './base-model';\nimport type { IModelSpec } from './interface';\nimport { LayoutItem } from '../layout/layout-item';\nimport type { IPoint } from '../typings/coordinate';\nimport type { ILayoutType, ILayoutPoint, ILayoutRect } from '../typings/layout';\n\nexport abstract class LayoutModel<T extends IModelSpec> extends BaseModel<T> {\n  protected layoutType: ILayoutType | 'none' = 'normal';\n  protected layoutLevel?: number = 0;\n  protected layoutZIndex: number = 0;\n  layoutClip: boolean;\n  get layoutOrient() {\n    return this._orient as IOrientType;\n  }\n\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n    this._layout && (this._layout.layoutOrient = v);\n  }\n\n  protected _forceLayoutTag: boolean = false;\n  protected _layout: ILayoutItem = null;\n  protected _orient?: IPolarOrientType | IOrientType = null;\n\n  protected _layoutRect: ILayoutRect = { width: 0, height: 0 };\n  protected _layoutStartPos: IPoint = { x: 0, y: 0 };\n\n  // TODO: 有些hack,这个tag是为了避免布局逻辑中，轴的数据变化，又由数据变化触发重新布局\n  protected _isLayout: boolean = true;\n\n  initLayout() {\n    if (this.layoutType === 'none') {\n      return;\n    }\n    this._layout = new LayoutItem(this, {\n      layoutType: this.layoutType,\n      layoutLevel: this.layoutLevel,\n      layoutOrient: this._orient as IOrientType,\n      transformLayoutRect: this._transformLayoutRect,\n      transformLayoutPosition: this._transformLayoutPosition\n    });\n    if (this._orient && this._orient !== 'radius' && this._orient !== 'angle' && this.layout) {\n      this._layout.layoutOrient = this._orient;\n    }\n  }\n\n  onLayoutStart(layoutRect: IRect, viewRect: ILayoutRect, ctx: any): void {\n    this._isLayout = true;\n    super.onLayoutStart(layoutRect, viewRect, ctx);\n  }\n  onLayoutEnd(ctx: any): void {\n    super.onLayoutEnd(ctx);\n    // diff layoutRect\n    this.updateLayoutAttribute();\n    const layoutRect = this.getLayoutRect();\n    if (this._forceLayoutTag || !isEqual(this._lastLayoutRect, layoutRect)) {\n      this._lastLayoutRect = { ...layoutRect };\n    }\n    this._forceLayoutTag = false;\n    this._isLayout = false;\n  }\n\n  afterSetLayoutStartPoint(_pos: ILayoutPoint) {\n    // do nothing\n  }\n\n  protected _forceLayout() {\n    if (this._isLayout) {\n      return;\n    }\n    this._forceLayoutTag = true;\n    this._option.globalInstance.getChart()?.setLayoutTag(true);\n  }\n\n  // 布局相关\n  getLayoutStartPoint() {\n    return this._layout ? this._layout.getLayoutStartPoint() : this._layoutStartPos;\n  }\n  setLayoutStartPosition(pos: Partial<IPoint>) {\n    return this._layout\n      ? this._layout.setLayoutStartPosition(pos)\n      : (this._layoutStartPos = merge(this._layoutStartPos, pos));\n  }\n  getLayoutRect() {\n    return this._layout ? this._layout.getLayoutRect() : this._layoutRect;\n  }\n  setLayoutRect(rect: Partial<ILayoutRect>, levelMap?: Partial<ILayoutRect>) {\n    return this._layout ? this._layout.setLayoutRect(rect) : (this._lastLayoutRect = merge(this._layoutRect, rect));\n  }\n\n  getLastComputeOutBounds() {\n    return this._layout?.getLastComputeOutBounds();\n  }\n\n  getGraphicBounds = () => {\n    if (this._layout) {\n      return {\n        x1: this._layout.getLayoutStartPoint().x,\n        y1: this._layout.getLayoutStartPoint().y,\n        x2: this._layout.getLayoutStartPoint().x + this._layout.getLayoutRect().width,\n        y2: this._layout.getLayoutStartPoint().y + this._layout.getLayoutRect().height\n      };\n    }\n    return { x1: 0, x2: 0, y1: 0, y2: 0 };\n  };\n\n  setAttrFromSpec(): void {\n    super.setAttrFromSpec();\n    this.layoutClip = this._spec.clip ?? this.layoutClip;\n    this.layoutZIndex = this._spec.zIndex ?? this.layoutZIndex;\n    this.layoutType = this._spec.layoutType ?? this.layoutType;\n  }\n\n  abstract getBoundsInRect(rect: ILayoutRect, fullRect: ILayoutRect): IBoundsLike;\n\n  protected _transformLayoutRect: (rect: ILayoutRect) => ILayoutRect = null;\n  protected _transformLayoutPosition: (rect: Partial<IPoint>) => Partial<IPoint> = null;\n}\n"]}

package/cjs/plugin/base/base-plugin-service.d.ts

@@ -0,0 +1,13 @@
+import type { IBasePlugin, IBasePluginService } from './interface';
+export declare class BasePluginService<T extends IBasePlugin = IBasePlugin> implements IBasePluginService<T> {
+    protected _plugins: T[];
+    readonly id: number;
+    constructor();
+    add(plugins: T[]): T[] | null;
+    load(plugins: T[]): void;
+    activate(plugins: T[]): void;
+    get(id: number): T | undefined;
+    getAll(): T[];
+    dispose(pluginsId: number): void;
+    disposeAll(): void;
+}

package/cjs/plugin/base/base-plugin-service.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BasePluginService = void 0;
+
+const id_1 = require("../../util/id"), debug_1 = require("../../util/debug");
+
+class BasePluginService {
+    constructor() {
+        this.id = (0, id_1.createID)(), this._plugins = [];
+    }
+    add(plugins) {
+        if (!plugins || 0 === plugins.length) return null;
+        const unloadedPlugins = [];
+        return plugins.forEach((plugin => {
+            this._plugins.find((p => p.id === plugin.id)) ? (0, debug_1.warn)("不要重复添加相同的plugin") : (this._plugins.push(plugin), 
+            unloadedPlugins.push(plugin), plugin.onAdd && plugin.onAdd(this));
+        })), unloadedPlugins;
+    }
+    load(plugins) {
+        const unloadedPlugins = this.add(plugins);
+        unloadedPlugins && unloadedPlugins.length && this.activate(plugins);
+    }
+    activate(plugins) {
+        plugins.length && plugins.forEach((plugin => {
+            plugin.init && plugin.init();
+        }));
+    }
+    get(id) {
+        return this._plugins.find((p => p.id === id));
+    }
+    getAll() {
+        return this._plugins.slice();
+    }
+    dispose(pluginsId) {
+        const plugin = this._plugins.find((p => p.id === pluginsId));
+        plugin && plugin.dispose && plugin.dispose(this);
+    }
+    disposeAll() {
+        this._plugins.forEach((plugin => {
+            plugin.dispose && plugin.dispose(this);
+        }));
+    }
+}
+
+exports.BasePluginService = BasePluginService;
+//# sourceMappingURL=base-plugin-service.js.map

package/cjs/plugin/base/base-plugin-service.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/base/base-plugin-service.ts"],"names":[],"mappings":";;;AACA,sCAAyC;AACzC,4CAAwC;AAExC,MAAa,iBAAiB;IAI5B;QAFS,OAAE,GAAW,IAAA,aAAQ,GAAE,CAAC;QAG/B,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACrB,CAAC;IAED,GAAG,CAAC,OAAY;QACd,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACpC,OAAO,IAAI,CAAC;SACb;QACD,MAAM,eAAe,GAAQ,EAAE,CAAC;QAChC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;YAC5D,IAAI,OAAO,EAAE;gBACX,IAAA,YAAI,EAAC,iBAAiB,CAAC,CAAC;gBACxB,OAAO;aACR;YACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC3B,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC7B,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QAEH,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,OAAY;QACf,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YAC/C,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC;IAED,QAAQ,CAAC,OAAY;QACnB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO;SACR;QAED,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,GAAG,CAAC,EAAU;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IAC/B,CAAC;IAED,OAAO,CAAC,SAAiB;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC;QAC3D,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QACD,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,UAAU;QACR,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAnED,8CAmEC","file":"base-plugin-service.js","sourcesContent":["import type { IBasePlugin, IBasePluginService } from './interface';\nimport { createID } from '../../util/id';\nimport { warn } from '../../util/debug';\n\nexport class BasePluginService<T extends IBasePlugin = IBasePlugin> implements IBasePluginService<T> {\n  protected _plugins: T[];\n  readonly id: number = createID();\n\n  constructor() {\n    this._plugins = [];\n  }\n\n  add(plugins: T[]): T[] | null {\n    if (!plugins || plugins.length === 0) {\n      return null;\n    }\n    const unloadedPlugins: T[] = [];\n    plugins.forEach(plugin => {\n      const isExist = this._plugins.find(p => p.id === plugin.id);\n      if (isExist) {\n        warn('不要重复添加相同的plugin');\n        return;\n      }\n      this._plugins.push(plugin);\n      unloadedPlugins.push(plugin);\n      plugin.onAdd && plugin.onAdd(this);\n    });\n\n    return unloadedPlugins;\n  }\n\n  load(plugins: T[]): void {\n    const unloadedPlugins = this.add(plugins);\n    if (!unloadedPlugins || !unloadedPlugins.length) {\n      return;\n    }\n\n    this.activate(plugins);\n  }\n\n  activate(plugins: T[]): void {\n    if (!plugins.length) {\n      return;\n    }\n\n    plugins.forEach(plugin => {\n      plugin.init && plugin.init();\n    });\n  }\n\n  get(id: number): T | undefined {\n    return this._plugins.find(p => p.id === id);\n  }\n\n  getAll(): T[] {\n    return this._plugins.slice();\n  }\n\n  dispose(pluginsId: number): void {\n    const plugin = this._plugins.find(p => p.id === pluginsId);\n    if (!plugin) {\n      return;\n    }\n    plugin.dispose && plugin.dispose(this);\n  }\n\n  disposeAll(): void {\n    this._plugins.forEach(plugin => {\n      plugin.dispose && plugin.dispose(this);\n    });\n  }\n}\n"]}

package/cjs/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/cjs/plugin/base/base-plugin.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BasePlugin = void 0;
+
+const id_1 = require("../../util/id");
+
+class BasePlugin {
+    constructor(type) {
+        this.id = (0, id_1.createID)(), this.name = `${type}_${this.id}`;
+    }
+    onAdd(service) {
+        this.service = service;
+    }
+}
+
+exports.BasePlugin = BasePlugin;
+//# sourceMappingURL=base-plugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/base/base-plugin.ts"],"names":[],"mappings":";;;AACA,sCAAyC;AAEzC,MAAa,UAAU;IAMrB,YAAY,IAAY;QACtB,IAAI,CAAC,EAAE,GAAG,IAAA,aAAQ,GAAE,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;AAdD,gCAcC","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/cjs/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/cjs/plugin/base/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/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/cjs/plugin/chart/index.d.ts

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

package/cjs/plugin/chart/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./media-query"), exports), __exportStar(require("./register"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/cjs/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/cjs/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/cjs/plugin/chart/media-query/index.d.ts

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

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./interface"), exports), __exportStar(require("./media-query"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/cjs/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/cjs/plugin/chart/media-query/interface/common.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=common.js.map

package/cjs/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/cjs/plugin/chart/media-query/interface/index.d.ts

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

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./spec"), exports), __exportStar(require("./common"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/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,yCAAuB;AACvB,2CAAyB","file":"index.js","sourcesContent":["export * from './spec';\nexport * from './common';\n"]}

package/cjs/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/cjs/plugin/chart/media-query/interface/spec.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=spec.js.map

package/cjs/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/cjs/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/cjs/plugin/chart/media-query/media-query.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerMediaQuery = exports.MediaQuery = void 0;
+
+const util_1 = require("./util"), action_1 = require("./util/action"), util_2 = require("../../../util"), base_plugin_1 = require("../../base/base-plugin"), register_1 = require("../register");
+
+class MediaQuery extends base_plugin_1.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 = (0, util_2.cloneDeepSpec)(this._option.globalInstance.getSpec()));
+        let hasChanged = !1;
+        return changeToInactive.length > 0 ? (chartSpec = (0, util_2.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 = (0, util_1.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 (0, util_2.array)(action).forEach((actionItem => {
+            const result = (0, action_1.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 = (0, util_2.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();
+    }
+}
+
+exports.MediaQuery = MediaQuery, MediaQuery.pluginType = "chart", MediaQuery.specKey = "media", 
+MediaQuery.type = "MediaQueryPlugin";
+
+const registerMediaQuery = () => {
+    (0, register_1.registerChartPlugin)(MediaQuery);
+};
+
+exports.registerMediaQuery = registerMediaQuery;
+//# sourceMappingURL=media-query.js.map

package/cjs/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/cjs/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;