@visactor/vchart 0.0.1-alpha.0

package/cjs/plugin/components/axis-label-overlap-plugin.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AxisLabelOverlapPlugin = void 0;
+
+const vutils_1 = require("@visactor/vutils"), basic_plugin_1 = require("./basic-plugin"), common_1 = require("../../component/axis/cartesian/util/common"), util_1 = require("../../util");
+
+function labelFlush(axisLabels, axis) {
+    const {width: width, height: height} = axis.getLayoutRect(), isX = (0, common_1.isXAxis)(axis.layoutOrient), first = axisLabels[0], last = (0, 
+    util_1.peek)(axisLabels);
+    if (isX) {
+        const start = 0, end = width, startBound = first.AABBBounds.x1, endBound = last.AABBBounds.x2;
+        startBound < start && first.setAttributes({
+            x: start,
+            textAlign: "left"
+        }), endBound > end && last.setAttributes({
+            x: end,
+            textAlign: "right"
+        });
+    } else {
+        const start = height, end = 0, startBound = first.AABBBounds.y2, endBound = last.AABBBounds.y1;
+        startBound > start && first.setAttributes({
+            y: start,
+            textBaseline: "bottom"
+        }), endBound < end && last.setAttributes({
+            y: end,
+            textBaseline: "top"
+        });
+    }
+}
+
+function overlap(axisLabels, axis) {
+    var _a, _b;
+    const spec = null === (_a = axis.getSpec) || void 0 === _a ? void 0 : _a.call(axis);
+    (0, vutils_1.isEmpty)(axisLabels) || (null === (_b = null == spec ? void 0 : spec.label) || void 0 === _b ? void 0 : _b.flush) && labelFlush(axisLabels, axis);
+}
+
+class AxisLabelOverlapPlugin extends basic_plugin_1.BasicComponentPlugin {
+    constructor() {
+        super(AxisLabelOverlapPlugin.Name), this.Name = "AxisLabelOverlapPlugin";
+    }
+    onDidLayoutVertical(service, axis) {
+        this._doOverlap(service, axis);
+    }
+    onDidLayoutHorizontal(service, axis) {
+        this._doOverlap(service, axis);
+    }
+    _doOverlap(service, axis) {
+        const axisComponent = axis.getSceneNodeMarks()[0].getGroupGraphicItem(), layer0LabelsContainer = axisComponent.find((node => "axis-label-container-layer-0" === node.name), !0), layer1LabelsContainer = axisComponent.find((node => "axis-label-container-layer-1" === node.name), !0);
+        overlap(layer0LabelsContainer ? layer0LabelsContainer.getChildren() : [], service.component), 
+        overlap(layer1LabelsContainer ? layer1LabelsContainer.getChildren() : [], service.component);
+    }
+}
+
+exports.AxisLabelOverlapPlugin = AxisLabelOverlapPlugin;
+//# sourceMappingURL=axis-label-overlap-plugin.js.map

package/cjs/plugin/components/axis-label-overlap-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["plugin/components/axis-label-overlap-plugin.ts"],"names":[],"mappings":"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","file":"axis-label-overlap-plugin.js","sourcesContent":["import { isEmpty } from '@visactor/vutils';\nimport type { IText, IGroup, INode } from '@visactor/vrender';\nimport { BasicComponentPlugin } from './basic-plugin';\nimport type { IComponentPlugin, IComponentPluginService } from './interface';\nimport type { IComponent } from '../../component/interface';\nimport { isXAxis } from '../../component/axis/cartesian/util/common';\nimport { peek } from '../../util';\nimport type { CartesianAxis } from '../../component/axis/cartesian';\n\nfunction labelFlush(axisLabels: IText[], axis: IComponent) {\n  const { width, height } = axis.getLayoutRect();\n  const isX = isXAxis(axis.layoutOrient);\n  const first = axisLabels[0];\n  const last = peek(axisLabels);\n\n  if (isX) {\n    const start = 0;\n    const end = width;\n    const startBound = first.AABBBounds.x1;\n    const endBound = last.AABBBounds.x2;\n    if (startBound < start) {\n      first.setAttributes({\n        x: start,\n        textAlign: 'left'\n      });\n    }\n\n    if (endBound > end) {\n      last.setAttributes({\n        x: end,\n        textAlign: 'right'\n      });\n    }\n  } else {\n    const start = height;\n    const end = 0;\n    const startBound = first.AABBBounds.y2;\n    const endBound = last.AABBBounds.y1;\n\n    if (startBound > start) {\n      first.setAttributes({\n        y: start,\n        textBaseline: 'bottom'\n      });\n    }\n\n    if (endBound < end) {\n      last.setAttributes({\n        y: end,\n        textBaseline: 'top'\n      });\n    }\n  }\n}\n\nfunction overlap(axisLabels: IText[], axis: IComponent) {\n  const spec = axis.getSpec?.();\n  if (!isEmpty(axisLabels)) {\n    // 首尾标签向内偏移\n    if (spec?.label?.flush) {\n      labelFlush(axisLabels, axis);\n    }\n  }\n}\n\nexport class AxisLabelOverlapPlugin extends BasicComponentPlugin implements IComponentPlugin {\n  Name: string = 'AxisLabelOverlapPlugin';\n\n  constructor() {\n    super(AxisLabelOverlapPlugin.Name);\n  }\n\n  onDidLayoutVertical(service: IComponentPluginService, axis: CartesianAxis) {\n    this._doOverlap(service, axis);\n  }\n  onDidLayoutHorizontal(service: IComponentPluginService, axis: CartesianAxis) {\n    this._doOverlap(service, axis);\n  }\n\n  private _doOverlap(service: IComponentPluginService, axis: CartesianAxis) {\n    const axisComponent = axis.getSceneNodeMarks()[0].getGroupGraphicItem();\n    const layer0LabelsContainer = axisComponent.find(\n      (node: INode) => node.name === 'axis-label-container-layer-0',\n      true\n    ) as IGroup;\n    const layer1LabelsContainer = axisComponent.find(\n      (node: INode) => node.name === 'axis-label-container-layer-1',\n      true\n    ) as IGroup;\n    overlap(layer0LabelsContainer ? (layer0LabelsContainer.getChildren() as IText[]) : [], service.component);\n    overlap(layer1LabelsContainer ? (layer1LabelsContainer.getChildren() as IText[]) : [], service.component);\n  }\n}\n"]}

package/cjs/plugin/components/basic-plugin.d.ts

@@ -0,0 +1,9 @@
+import type { IComponentPlugin, IComponentPluginService } from './interface';
+export declare class BasicComponentPlugin implements IComponentPlugin {
+    readonly id: number;
+    readonly name: string;
+    protected service?: IComponentPluginService;
+    static Name: string;
+    constructor(name?: string);
+    onAdd(service: IComponentPluginService): void;
+}

package/cjs/plugin/components/basic-plugin.js

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

package/cjs/plugin/components/basic-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["plugin/components/basic-plugin.ts"],"names":[],"mappings":";;;AACA,qCAAsC;AAEtC,MAAa,oBAAoB;IAO/B,YAAY,OAAe,oBAAoB,CAAC,IAAI;QAClD,IAAI,CAAC,EAAE,GAAG,IAAA,eAAQ,GAAE,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,OAAgC;QACpC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;CACF;AAfD,oDAeC","file":"basic-plugin.js","sourcesContent":["import type { IComponentPlugin, IComponentPluginService } from './interface';\nimport { createID } from '../../util';\n\nexport class BasicComponentPlugin implements IComponentPlugin {\n  readonly id: number;\n  readonly name: string;\n  protected service?: IComponentPluginService;\n\n  static Name: string;\n\n  constructor(name: string = BasicComponentPlugin.Name) {\n    this.id = createID();\n    this.name = `${name}_${this.id}`;\n  }\n\n  onAdd(service: IComponentPluginService): void {\n    this.service = service;\n  }\n}\n"]}

package/cjs/plugin/components/index.d.ts

@@ -0,0 +1,5 @@
+import { AxisLabelOverlapPlugin } from './axis-label-overlap-plugin';
+declare const _default: {
+    AxisLabelOverlapPlugin: typeof AxisLabelOverlapPlugin;
+};
+export default _default;

package/cjs/plugin/components/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+
+const axis_label_overlap_plugin_1 = require("./axis-label-overlap-plugin");
+
+exports.default = {
+    AxisLabelOverlapPlugin: axis_label_overlap_plugin_1.AxisLabelOverlapPlugin
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["plugin/components/index.ts"],"names":[],"mappings":";;AAAA,2EAAqE;AAErE,kBAAe;IACb,sBAAsB,EAAtB,kDAAsB;CACvB,CAAC","file":"index.js","sourcesContent":["import { AxisLabelOverlapPlugin } from './axis-label-overlap-plugin';\n\nexport default {\n  AxisLabelOverlapPlugin\n};\n"]}

package/cjs/plugin/components/interface.d.ts

@@ -0,0 +1,31 @@
+import type { IComponent } from '../../component/interface';
+type UniqueId = number;
+type MaybePromise<T> = T | PromiseLike<T>;
+interface IContext {
+    skipLayout: boolean;
+}
+export interface IComponentPlugin {
+    id: UniqueId;
+    name: string;
+    onAdd: (service: IComponentPluginService) => void;
+    init?: () => void;
+    dispose?: (service: IComponentPluginService) => void;
+    onWillLayout?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
+    onDidLayout?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
+    onWillLayoutVertical?: (service: IComponentPluginService, context: IContext, ...params: any) => MaybePromise<void>;
+    onWillLayoutHorizontal?: (service: IComponentPluginService, context: IContext, ...params: any) => MaybePromise<void>;
+    onDidLayoutVertical?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
+    onDidLayoutHorizontal?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
+}
+export interface IComponentPluginService {
+    id: UniqueId;
+    component: IComponent;
+    load: (plugins: IComponentPlugin[]) => void;
+    add: (plugins: IComponentPlugin[]) => IComponentPlugin[] | null;
+    activate: (plugins: IComponentPlugin[]) => void;
+    get: (id: UniqueId) => IComponentPlugin | undefined;
+    getAll: () => IComponentPlugin[];
+    dispose: (pluginsId: UniqueId) => void;
+    disposeAll: () => void;
+}
+export {};

package/cjs/plugin/components/interface.js

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

package/cjs/plugin/components/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["plugin/components/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IComponent } from '../../component/interface';\n\ntype UniqueId = number;\ntype MaybePromise<T> = T | PromiseLike<T>;\ninterface IContext {\n  skipLayout: boolean;\n}\n\nexport interface IComponentPlugin {\n  id: UniqueId;\n  name: string;\n  onAdd: (service: IComponentPluginService) => void;\n  init?: () => void;\n  dispose?: (service: IComponentPluginService) => void;\n  onWillLayout?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n  onDidLayout?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n  onWillLayoutVertical?: (service: IComponentPluginService, context: IContext, ...params: any) => MaybePromise<void>;\n  onWillLayoutHorizontal?: (service: IComponentPluginService, context: IContext, ...params: any) => MaybePromise<void>;\n  onDidLayoutVertical?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n  onDidLayoutHorizontal?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n}\n\nexport interface IComponentPluginService {\n  id: UniqueId;\n  component: IComponent;\n  load: (plugins: IComponentPlugin[]) => void;\n  add: (plugins: IComponentPlugin[]) => IComponentPlugin[] | null;\n  activate: (plugins: IComponentPlugin[]) => void;\n  get: (id: UniqueId) => IComponentPlugin | undefined;\n  getAll: () => IComponentPlugin[];\n  dispose: (pluginsId: UniqueId) => void;\n  disposeAll: () => void;\n}\n"]}

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

@@ -0,0 +1,15 @@
+import type { IComponentPlugin, IComponentPluginService } from './interface';
+import type { IComponent } from '../../component/interface';
+export declare class ComponentPluginService implements IComponentPluginService {
+    private plugins;
+    readonly id: number;
+    component: IComponent;
+    constructor(component: IComponent);
+    add(plugins: IComponentPlugin[]): IComponentPlugin[] | null;
+    load(plugins: IComponentPlugin[]): void;
+    activate(plugins: IComponentPlugin[]): void;
+    get(id: number): IComponentPlugin | undefined;
+    getAll(): IComponentPlugin[];
+    dispose(pluginsId: number): void;
+    disposeAll(): void;
+}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ComponentPluginService = void 0;
+
+const util_1 = require("../../util");
+
+class ComponentPluginService {
+    constructor(component) {
+        this.id = (0, util_1.createID)(), this.plugins = [], this.component = component;
+    }
+    add(plugins) {
+        if (!plugins || 0 === plugins.length) return null;
+        const unloadedPlugins = [];
+        return plugins.forEach((plugin => {
+            this.plugins.find((p => p.id === plugin.id)) ? (0, util_1.warn)("不要重复添加相同的plugin") : (this.plugins.push(plugin), 
+            unloadedPlugins.push(plugin));
+        })), 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.ComponentPluginService = ComponentPluginService;
+//# sourceMappingURL=plugin-service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["plugin/components/plugin-service.ts"],"names":[],"mappings":";;;AACA,qCAA4C;AAG5C,MAAa,sBAAsB;IAKjC,YAAY,SAAqB;QAHxB,OAAE,GAAW,IAAA,eAAQ,GAAE,CAAC;QAI/B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,GAAG,CAAC,OAA2B;QAC7B,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACpC,OAAO,IAAI,CAAC;SACb;QACD,MAAM,eAAe,GAAuB,EAAE,CAAC;QAC/C,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;YAC3D,IAAI,OAAO,EAAE;gBACX,IAAA,WAAI,EAAC,iBAAiB,CAAC,CAAC;gBACxB,OAAO;aACR;YACD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC1B,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,OAA2B;QAC9B,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,OAA2B;QAClC,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,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC9B,CAAC;IAED,OAAO,CAAC,SAAiB;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC;QAC1D,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,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC5B,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AApED,wDAoEC","file":"plugin-service.js","sourcesContent":["import type { IComponentPlugin, IComponentPluginService } from './interface';\nimport { createID, warn } from '../../util';\nimport type { IComponent } from '../../component/interface';\n\nexport class ComponentPluginService implements IComponentPluginService {\n  private plugins: IComponentPlugin[];\n  readonly id: number = createID();\n  component: IComponent;\n\n  constructor(component: IComponent) {\n    this.plugins = [];\n    this.component = component;\n  }\n\n  add(plugins: IComponentPlugin[]): IComponentPlugin[] | null {\n    if (!plugins || plugins.length === 0) {\n      return null;\n    }\n    const unloadedPlugins: IComponentPlugin[] = [];\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    });\n\n    return unloadedPlugins;\n  }\n\n  load(plugins: IComponentPlugin[]): 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: IComponentPlugin[]): 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): IComponentPlugin | undefined {\n    return this.plugins.find(p => p.id === id);\n  }\n\n  getAll(): IComponentPlugin[] {\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/interface.d.ts

@@ -0,0 +1,4 @@
+import type { IChartPlugin, IChartPluginConstructor } from './chart/interface';
+import type { ISeriesPlugin, ISeriesPluginConstructor } from './series/interface';
+export type IPlugin = IChartPlugin | ISeriesPlugin;
+export type IPluginConstructor = IChartPluginConstructor | ISeriesPluginConstructor;

package/cjs/plugin/interface.js

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

package/cjs/plugin/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["plugin/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IChartPlugin, IChartPluginConstructor } from './chart/interface';\nimport type { ISeriesPlugin, ISeriesPluginConstructor } from './series/interface';\nexport type IPlugin = IChartPlugin | ISeriesPlugin;\nexport type IPluginConstructor = IChartPluginConstructor | ISeriesPluginConstructor;\n"]}

package/cjs/plugin/series/interface.d.ts

@@ -0,0 +1,9 @@
+import type { ISeries } from '../../series/interface';
+export interface ISeriesPlugin {
+    afterSeriesDataInit?: (series: ISeries) => void;
+    afterSeriesMarkInit?: (series: ISeries) => void;
+}
+export interface ISeriesPluginConstructor {
+    readonly type: 'seriesPlugin';
+    new (): ISeriesPlugin;
+}

package/cjs/plugin/series/interface.js

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

package/cjs/plugin/series/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["plugin/series/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISeries } from '../../series/interface';\n\nexport interface ISeriesPlugin {\n  afterSeriesDataInit?: (series: ISeries) => void;\n  afterSeriesMarkInit?: (series: ISeries) => void;\n}\n\nexport interface ISeriesPluginConstructor {\n  readonly type: 'seriesPlugin';\n  new (): ISeriesPlugin;\n}\n"]}

package/cjs/region/interface.d.ts

@@ -0,0 +1,53 @@
+import type { IMark } from '../mark/interface';
+import type { IModel, IModelOption, ILayoutItem, ILayoutItemSpec } from '../model/interface';
+import type { ISeries, SeriesType } from '../series/interface';
+import type { CoordinateType } from '../typings/coordinate';
+import type { IInteraction } from '../interaction/interface';
+import type { IProjectionSpec } from '../component/geo/interface';
+import type { ConvertToMarkStyleSpec, IRectMarkSpec } from '../typings/visual';
+import type { IAnimate } from '../animation/interface';
+import type { IGroupMark } from '../mark/group';
+import type { StringOrNumber } from '../typings';
+export interface IRegion extends IModel, ILayoutItem {
+    animate?: IAnimate;
+    interaction: IInteraction;
+    addSeries: (series: ISeries) => void;
+    removeSeries: (series: ISeries) => void;
+    getSeries: (opt?: ISeriesFilter) => ISeries[];
+    getSeriesInName: (name: string) => ISeries;
+    getSeriesInUserId: (userId: string) => ISeries;
+    getSeriesInId: (id: number) => ISeries;
+    getSeriesInType: (type: SeriesType) => ISeries[];
+    getSeriesInCoordinateType: (type: CoordinateType) => ISeries[];
+    getSeriesInDataName: (dataName: string) => ISeries[];
+    getMarks: () => IMark[];
+    getGroupMark: () => IGroupMark;
+}
+export type ISeriesFilter = {
+    name?: string;
+    userId?: StringOrNumber | StringOrNumber[];
+    specIndex?: number | number[];
+    id?: number;
+    type?: string;
+    coordinateType?: CoordinateType;
+    dataName?: string;
+};
+export interface IRegionConstructor {
+    new (spec: IRegionSpec, ctx: IModelOption): IRegion;
+}
+export interface IRegionSpec extends ILayoutItemSpec {
+    id?: StringOrNumber;
+    coordinate?: CoordinateType;
+    style?: ConvertToMarkStyleSpec<IRectMarkSpec>;
+}
+export interface IGeoRegionSpec extends IRegionSpec {
+    coordinate?: 'geo';
+    roam?: boolean;
+    longitudeField?: string;
+    latitudeField?: string;
+    projection?: Partial<Omit<IProjectionSpec, 'name'>>;
+    zoomLimit?: {
+        min?: number;
+        max?: number;
+    };
+}

package/cjs/region/interface.js

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

package/cjs/region/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["region/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMark } from '../mark/interface';\nimport type { IModel, IModelOption, ILayoutItem, ILayoutItemSpec } from '../model/interface';\nimport type { ISeries, SeriesType } from '../series/interface';\nimport type { CoordinateType } from '../typings/coordinate';\nimport type { IInteraction } from '../interaction/interface';\nimport type { IProjectionSpec } from '../component/geo/interface';\nimport type { ConvertToMarkStyleSpec, IRectMarkSpec } from '../typings/visual';\nimport type { IAnimate } from '../animation/interface';\nimport type { IGroupMark } from '../mark/group';\nimport type { StringOrNumber } from '../typings';\n\nexport interface IRegion extends IModel, ILayoutItem {\n  animate?: IAnimate;\n  interaction: IInteraction;\n\n  // 系列\n  addSeries: (series: ISeries) => void;\n  removeSeries: (series: ISeries) => void;\n\n  getSeries: (opt?: ISeriesFilter) => ISeries[];\n  getSeriesInName: (name: string) => ISeries;\n  getSeriesInUserId: (userId: string) => ISeries;\n  getSeriesInId: (id: number) => ISeries;\n  getSeriesInType: (type: SeriesType) => ISeries[];\n  getSeriesInCoordinateType: (type: CoordinateType) => ISeries[];\n  getSeriesInDataName: (dataName: string) => ISeries[];\n\n  getMarks: () => IMark[];\n  getGroupMark: () => IGroupMark;\n}\n\nexport type ISeriesFilter = {\n  name?: string;\n  userId?: StringOrNumber | StringOrNumber[];\n  specIndex?: number | number[];\n  id?: number;\n  type?: string;\n  coordinateType?: CoordinateType;\n  dataName?: string;\n};\n\nexport interface IRegionConstructor {\n  new (spec: IRegionSpec, ctx: IModelOption): IRegion;\n}\n\nexport interface IRegionSpec extends ILayoutItemSpec {\n  id?: StringOrNumber;\n  coordinate?: CoordinateType;\n  style?: ConvertToMarkStyleSpec<IRectMarkSpec>;\n}\n\nexport interface IGeoRegionSpec extends IRegionSpec {\n  coordinate?: 'geo';\n  /**\n   * 是否可以拖拽\n   * @default false\n   */\n  roam?: boolean;\n  /**\n   * 数据中的经度字段名\n   */\n  longitudeField?: string;\n  /**\n   * 数据中的纬度字段名\n   */\n  latitudeField?: string;\n  /**\n   * 地理映射配置\n   */\n  projection?: Partial<Omit<IProjectionSpec, 'name'>>;\n  /**\n   * 缩放最大最小倍数限制\n   */\n  zoomLimit?: {\n    min?: number;\n    max?: number;\n  };\n}\n"]}

package/cjs/region/region.d.ts

@@ -0,0 +1,73 @@
+import type { IElement, IGroupMark as IVGrammarGroupMark } from '@visactor/vgrammar';
+import { BaseModel } from '../model/base-model';
+import type { ISeries } from '../series/interface';
+import type { IModelOption, ILayoutItem } from '../model/interface';
+import type { CoordinateType } from '../typings/coordinate';
+import type { IRegion, IRegionSpec } from './interface';
+import type { IGroupMark } from '../mark/group';
+import type { IInteraction, ITrigger } from '../interaction/interface';
+import type { IRectMark } from '../mark/rect';
+import type { IAnimate } from '../animation/interface';
+import { MarkSet } from '../mark/mark-set';
+import type { StringOrNumber } from '../typings';
+export declare class Region extends BaseModel implements IRegion {
+    static type: string;
+    readonly modelType: string;
+    type: string;
+    protected _series: ISeries[];
+    layoutType: ILayoutItem['layoutType'];
+    layoutZIndex: number;
+    animate?: IAnimate;
+    interaction: IInteraction;
+    protected _marks: MarkSet;
+    getMarks(): import("../mark/interface").IMark[];
+    protected _groupMark: IGroupMark;
+    getGroupMark(): IGroupMark;
+    protected _backgroundMark?: IRectMark;
+    protected _foregroundMark?: IRectMark;
+    protected _trigger: ITrigger;
+    protected _spec: IRegionSpec;
+    constructor(spec: IRegionSpec, ctx: IModelOption);
+    protected _getClipDefaultValue(): boolean;
+    created(): void;
+    init(option: any): void;
+    initMark(): void;
+    protected _initBackgroundMarkStyle(): void;
+    protected _initForegroundMarkStyle(): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    reInit(): void;
+    addSeries(s: ISeries): void;
+    removeSeries(s: ISeries): void;
+    getSeries(opt?: {
+        name?: string;
+        userId?: StringOrNumber | StringOrNumber[];
+        specIndex?: number | number[];
+        id?: StringOrNumber;
+        type?: string;
+        coordinateType?: CoordinateType;
+        dataName?: string;
+    }): ISeries[];
+    getSeriesInName(name: string): ISeries;
+    getSeriesInUserId(userId: string): ISeries;
+    getSeriesInId(id: number): ISeries;
+    getSeriesInType(type: string): ISeries[];
+    getSeriesInCoordinateType(coordinateType: CoordinateType): ISeries[];
+    getSeriesInDataName(dataName: string): ISeries[];
+    onRender(ctx: any): void;
+    initSeriesDataflow(): void;
+    seriesDataFilterOver: () => void;
+    release(): void;
+    createTrigger(): void;
+    initTrigger(): void;
+    initInteraction(): void;
+    compileMarks(group?: string | IVGrammarGroupMark): void;
+    compileSignal(): void;
+    compile(): void;
+    bindSceneNode(node: IElement): void;
+}

package/cjs/region/region.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Region = void 0;
+
+const vutils_1 = require("@visactor/vutils"), interface_1 = require("../compile/mark/interface"), dimension_trigger_1 = require("../interaction/dimension-trigger"), interface_2 = require("../mark/interface"), base_model_1 = require("../model/base-model"), interaction_1 = require("../interaction/interaction"), constant_1 = require("../constant"), util_1 = require("../util"), animate_manager_1 = require("../animation/animate-manager"), mark_set_1 = require("../mark/mark-set");
+
+class Region extends base_model_1.BaseModel {
+    getMarks() {
+        return this._marks.getMarks();
+    }
+    getGroupMark() {
+        return this._groupMark;
+    }
+    constructor(spec, ctx) {
+        var _a;
+        super(spec, ctx), this.modelType = "region", this.type = Region.type, this._series = [], 
+        this.layoutType = "region", this.layoutZIndex = constant_1.LayoutZIndex.Region, 
+        this.interaction = new interaction_1.Interaction, this._marks = new mark_set_1.MarkSet, 
+        this.seriesDataFilterOver = () => {
+            this.event.emit(constant_1.ChartEvent.regionSeriesDataFilterOver, {
+                model: this
+            }), this._series.forEach((s => s.reTransformViewData()));
+        }, this.userId = spec.id, this.coordinate = null !== (_a = spec.coordinate) && void 0 !== _a ? _a : "cartesian", 
+        this._option.animation && (this.animate = new animate_manager_1.AnimateManager({
+            getCompiler: ctx.getCompiler
+        })), (0, util_1.isValid)(spec.zIndex) && (this.layoutZIndex = spec.zIndex), (0, 
+        util_1.log)("region created");
+    }
+    _getClipDefaultValue() {
+        var _a, _b, _c, _d;
+        const chartSpec = this._option.getChart().getSpec(), hasDataZoom = null === (_b = null === (_a = chartSpec.dataZoom) || void 0 === _a ? void 0 : _a.some) || void 0 === _b ? void 0 : _b.call(_a, (entry => "axis" === entry.filterMode)), hasScrollBar = null === (_d = null === (_c = chartSpec.scrollBar) || void 0 === _c ? void 0 : _c.some) || void 0 === _d ? void 0 : _d.call(_c, (entry => "axis" === entry.filterMode));
+        return !(!hasDataZoom && !hasScrollBar) || this.layoutClip;
+    }
+    created() {
+        var _a, _b, _c, _d, _e, _f;
+        super.created(), this._groupMark = this._createMark(interface_2.MarkTypeEnum.group, "regionGroup"), 
+        this._groupMark.setUserId(this.userId), this._groupMark.setZIndex(this.layoutZIndex);
+        const clip = null !== (_a = this._spec.clip) && void 0 !== _a ? _a : this._getClipDefaultValue();
+        this.setMarkStyle(this._groupMark, {
+            x: () => this.getLayoutStartPoint().x,
+            y: () => this.getLayoutStartPoint().y,
+            width: () => this.getLayoutRect().width,
+            height: () => this.getLayoutRect().height,
+            clip: clip
+        }, "normal", constant_1.AttributeLevel.Built_In), this.setMarkStyle(this._groupMark, {
+            cornerRadius: null === (_b = this._spec.style) || void 0 === _b ? void 0 : _b.cornerRadius,
+            cornerRadiusTopLeft: null === (_c = this._spec.style) || void 0 === _c ? void 0 : _c.cornerRadiusTopLeft,
+            cornerRadiusTopRight: null === (_d = this._spec.style) || void 0 === _d ? void 0 : _d.cornerRadiusTopRight,
+            cornerRadiusBottomLeft: null === (_e = this._spec.style) || void 0 === _e ? void 0 : _e.cornerRadiusBottomLeft,
+            cornerRadiusBottomRight: null === (_f = this._spec.style) || void 0 === _f ? void 0 : _f.cornerRadiusBottomRight
+        }, "normal", constant_1.AttributeLevel.User_Mark), this._marks.addMark(this._groupMark), 
+        this._spec.style && (this._backgroundMark = this._createMark("rect", "regionBackground"), 
+        clip && (this._foregroundMark = this._createMark("rect", "regionForeground")), [ this._backgroundMark, this._foregroundMark ].forEach((mark => {
+            mark && (mark.created(), this.setMarkStyle(mark, {
+                width: () => this.getLayoutRect().width,
+                height: () => this.getLayoutRect().height
+            }, "normal", constant_1.AttributeLevel.Built_In), this._groupMark.addMark(mark));
+        })), this._backgroundMark && this._backgroundMark.setZIndex(0), this._foregroundMark && this._foregroundMark.setZIndex(constant_1.LayoutZIndex.Mark + 1)), 
+        this.createTrigger();
+    }
+    init(option) {
+        super.init(option), (0, util_1.log)("region init"), this.initMark(), this.initSeriesDataflow(), 
+        this.initInteraction(), this.initTrigger();
+    }
+    initMark() {
+        this._initBackgroundMarkStyle(), this._initForegroundMarkStyle();
+    }
+    _initBackgroundMarkStyle() {
+        var _a, _b;
+        this._backgroundMark && (this.setMarkStyle(this._backgroundMark, Object.assign({
+            fillOpacity: (null === (_a = this._spec.style) || void 0 === _a ? void 0 : _a.fill) ? 1 : 0
+        }, this._spec.style), "normal", constant_1.AttributeLevel.User_Mark), (null !== (_b = this._spec.clip) && void 0 !== _b ? _b : this._getClipDefaultValue()) && this.setMarkStyle(this._backgroundMark, {
+            strokeOpacity: 0
+        }, "normal", constant_1.AttributeLevel.Built_In));
+    }
+    _initForegroundMarkStyle() {
+        this._foregroundMark && this.setMarkStyle(this._foregroundMark, Object.assign(Object.assign({}, this._spec.style), {
+            fillOpacity: 0
+        }), "normal", constant_1.AttributeLevel.User_Mark);
+    }
+    updateSpec(spec) {
+        const originalSpec = this._originalSpec, result = super.updateSpec(spec);
+        return originalSpec.style && !(null == spec ? void 0 : spec.style) || !originalSpec.style && (null == spec ? void 0 : spec.style) ? (result.reMake = !0, 
+        result) : result;
+    }
+    reInit() {
+        super.reInit(), this._initBackgroundMarkStyle(), this._initForegroundMarkStyle();
+    }
+    addSeries(s) {
+        s && (this._series.includes(s) || this._series.push(s));
+    }
+    removeSeries(s) {
+        if (!s) return;
+        const index = this._series.findIndex((s_ => s_ === s));
+        index >= 0 && this._series.splice(index, 1);
+    }
+    getSeries(opt = {}) {
+        return this._series.filter((s => {
+            var _a, _b;
+            return (!opt.name || (null == s ? void 0 : s.name) === opt.name) && (!opt.userId || !s.userId || (0, 
+            util_1.array)(opt.userId).includes(s.userId)) && (!(0, util_1.isValid)(opt.specIndex) || !s.getSpecIndex || (0, 
+            util_1.array)(opt.specIndex).includes(s.getSpecIndex())) && (!opt.id || s.id === opt.id) && (!opt.type || s.type === opt.type) && (!opt.coordinateType || s.coordinate === opt.coordinateType) && (!opt.dataName || (null === (_b = null === (_a = s.getRawData) || void 0 === _a ? void 0 : _a.call(s)) || void 0 === _b ? void 0 : _b.name) === opt.dataName);
+        }));
+    }
+    getSeriesInName(name) {
+        return this.getSeries({
+            name: name
+        })[0];
+    }
+    getSeriesInUserId(userId) {
+        return this.getSeries({
+            userId: userId
+        })[0];
+    }
+    getSeriesInId(id) {
+        return this.getSeries({
+            id: id
+        })[0];
+    }
+    getSeriesInType(type) {
+        return this.getSeries({
+            type: type
+        });
+    }
+    getSeriesInCoordinateType(coordinateType) {
+        return this.getSeries({
+            coordinateType: coordinateType
+        });
+    }
+    getSeriesInDataName(dataName) {
+        return this.getSeries({
+            dataName: dataName
+        });
+    }
+    onRender(ctx) {}
+    initSeriesDataflow() {
+        const viewDataFilters = this._series.map((s => s.getViewDataFilter())).filter((v => !!v));
+        this._option.dataSet.multipleDataViewAddListener(viewDataFilters, "change", this.seriesDataFilterOver);
+    }
+    release() {
+        super.release(), this._series = [], this._marks.clear();
+    }
+    createTrigger() {
+        const triggerOptions = Object.assign(Object.assign({}, this._option), {
+            model: this,
+            interaction: this.interaction
+        });
+        this._trigger = new dimension_trigger_1.DimensionTrigger(triggerOptions);
+    }
+    initTrigger() {
+        this._series.forEach((s => {
+            s.getMarksWithoutRoot().forEach((m => {
+                this._trigger.registerMark(m);
+            }));
+        })), this._trigger.init();
+    }
+    initInteraction() {
+        this._series.forEach((s => {
+            s.getMarksWithoutRoot().forEach((m => {
+                for (const key in interface_1.STATE_VALUE_ENUM_REVERSE) (0, vutils_1.isEmpty)(m.stateStyle[interface_1.STATE_VALUE_ENUM_REVERSE[key]]) || this.interaction.registerMark(interface_1.STATE_VALUE_ENUM_REVERSE[key], m);
+            }));
+        }));
+    }
+    compileMarks(group) {
+        this.getMarks().forEach((m => {
+            var _a;
+            m.compile({
+                group: group
+            }), null === (_a = m.getProduct()) || void 0 === _a || _a.configure({
+                context: {
+                    model: this
+                }
+            }).layout(((group, children, parentLayoutBounds, options) => {}));
+        }));
+    }
+    compileSignal() {
+        var _a;
+        super.compileSignal(), null === (_a = this.animate) || void 0 === _a || _a.compile();
+    }
+    compile() {
+        this.compileSignal(), this.compileMarks();
+    }
+    bindSceneNode(node) {
+        this._sceneNodeMap.set("default", node);
+    }
+}
+
+exports.Region = Region, Region.type = "region";
+//# sourceMappingURL=region.js.map