@visactor/vchart 1.11.0-alpha.1 → 1.11.0-alpha.3

package/cjs/chart/venn/index.js

@@ -0,0 +1,22 @@
+"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("./venn"), exports), 
+__exportStar(require("./venn-transformer"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/cjs/chart/venn/interface.d.ts

@@ -0,0 +1,6 @@
+import type { IVennSeriesSpec } from '../../series/venn/interface';
+import type { IChartSpec } from '../../typings/spec/common';
+export interface IVennChartSpec extends Omit<IChartSpec, 'data' | 'series'>, IVennSeriesSpec {
+    type: 'venn';
+    series?: IVennSeriesSpec[];
+}

package/cjs/chart/venn/interface.js

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

package/cjs/chart/venn/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chart/venn/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IVennSeriesSpec } from '../../series/venn/interface';\nimport type { IChartSpec } from '../../typings/spec/common';\n\nexport interface IVennChartSpec extends Omit<IChartSpec, 'data' | 'series'>, IVennSeriesSpec {\n  type: 'venn';\n  series?: IVennSeriesSpec[];\n}\n"]}

package/cjs/chart/venn/venn-transformer.d.ts

@@ -0,0 +1,7 @@
+import type { AdaptiveSpec } from '../../typings';
+import { BaseChartSpecTransformer } from '../base';
+import type { IVennChartSpec } from './interface';
+export declare class VennChartSpecTransformer<T extends IVennChartSpec = IVennChartSpec> extends BaseChartSpecTransformer<AdaptiveSpec<T, 'data' | 'series'>> {
+    protected _getDefaultSeriesSpec(spec: T): any;
+    transformSpec(spec: any): void;
+}

package/cjs/chart/venn/venn-transformer.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.VennChartSpecTransformer = void 0;
+
+const base_1 = require("../base");
+
+class VennChartSpecTransformer extends base_1.BaseChartSpecTransformer {
+    _getDefaultSeriesSpec(spec) {
+        const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), {
+            categoryField: spec.categoryField,
+            valueField: spec.valueField,
+            seriesField: spec.seriesField,
+            circle: spec.circle,
+            overlap: spec.overlap,
+            overlapLabel: spec.overlapLabel
+        }), seriesType = this.seriesType;
+        return seriesType && (series.type = seriesType, series[seriesType] = spec[seriesType]), 
+        series;
+    }
+    transformSpec(spec) {
+        super.transformSpec(spec), this.transformSeriesSpec(spec);
+    }
+}
+
+exports.VennChartSpecTransformer = VennChartSpecTransformer;
+//# sourceMappingURL=venn-transformer.js.map

package/cjs/chart/venn/venn-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chart/venn/venn-transformer.ts"],"names":[],"mappings":";;;AACA,kCAAmD;AAGnD,MAAa,wBAAoE,SAAQ,+BAExF;IACW,qBAAqB,CAAC,IAAO;QACrC,MAAM,MAAM,mCACP,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,KACpC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,UAAU,EAAE,IAAI,CAAC,UAAU,EAE3B,WAAW,EAAE,IAAI,CAAC,WAAW,EAE7B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,IAAI,CAAC,YAAY,GAChC,CAAC;QACF,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,IAAI,UAAU,EAAE;YACd,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;YACzB,MAAM,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;SACvC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,aAAa,CAAC,IAAS;QACrB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;CACF;AA5BD,4DA4BC","file":"venn-transformer.js","sourcesContent":["import type { AdaptiveSpec } from '../../typings';\nimport { BaseChartSpecTransformer } from '../base';\nimport type { IVennChartSpec } from './interface';\n\nexport class VennChartSpecTransformer<T extends IVennChartSpec = IVennChartSpec> extends BaseChartSpecTransformer<\n  AdaptiveSpec<T, 'data' | 'series'>\n> {\n  protected _getDefaultSeriesSpec(spec: T): any {\n    const series: any = {\n      ...super._getDefaultSeriesSpec(spec),\n      categoryField: spec.categoryField,\n      valueField: spec.valueField,\n\n      seriesField: spec.seriesField,\n\n      circle: spec.circle,\n      overlap: spec.overlap,\n      overlapLabel: spec.overlapLabel\n    };\n    const seriesType = this.seriesType;\n    if (seriesType) {\n      series.type = seriesType;\n      series[seriesType] = spec[seriesType];\n    }\n\n    return series;\n  }\n\n  transformSpec(spec: any): void {\n    super.transformSpec(spec);\n    this.transformSeriesSpec(spec);\n  }\n}\n"]}

package/cjs/chart/venn/venn.d.ts

@@ -0,0 +1,14 @@
+import { BaseChart } from '../base/base-chart';
+import type { IVennChartSpec } from './interface';
+import type { AdaptiveSpec } from '../../typings';
+import { VennChartSpecTransformer } from './venn-transformer';
+export declare class VennChart<T extends IVennChartSpec = IVennChartSpec> extends BaseChart<AdaptiveSpec<T, 'data' | 'series'>> {
+    static readonly type: string;
+    static readonly seriesType: string;
+    static readonly view: string;
+    static readonly transformerConstructor: typeof VennChartSpecTransformer;
+    readonly transformerConstructor: typeof VennChartSpecTransformer;
+    readonly type: string;
+    readonly seriesType: string;
+}
+export declare const registerVennChart: () => void;

package/cjs/chart/venn/venn.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerVennChart = exports.VennChart = void 0;
+
+const type_1 = require("../../series/interface/type"), base_chart_1 = require("../base/base-chart"), venn_1 = require("../../series/venn/venn"), factory_1 = require("../../core/factory"), venn_transformer_1 = require("./venn-transformer");
+
+class VennChart extends base_chart_1.BaseChart {
+    constructor() {
+        super(...arguments), this.transformerConstructor = venn_transformer_1.VennChartSpecTransformer, 
+        this.type = "venn", this.seriesType = type_1.SeriesTypeEnum.venn;
+    }
+}
+
+exports.VennChart = VennChart, VennChart.type = "venn", VennChart.seriesType = type_1.SeriesTypeEnum.venn, 
+VennChart.view = "singleDefault", VennChart.transformerConstructor = venn_transformer_1.VennChartSpecTransformer;
+
+const registerVennChart = () => {
+    (0, venn_1.registerVennSeries)(), factory_1.Factory.registerChart(VennChart.type, VennChart);
+};
+
+exports.registerVennChart = registerVennChart;
+//# sourceMappingURL=venn.js.map

package/cjs/chart/venn/venn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chart/venn/venn.ts"],"names":[],"mappings":";;;AAAA,sDAA6D;AAC7D,mDAA+C;AAG/C,iDAA4D;AAC5D,gDAA6C;AAE7C,yDAA8D;AAE9D,MAAa,SAAqD,SAAQ,sBAEzE;IAFD;;QAOW,2BAAsB,GAAG,2CAAwB,CAAC;QAClD,SAAI,UAA8B;QAClC,eAAU,GAAW,qBAAc,CAAC,IAAI,CAAC;IACpD,CAAC;;AAVD,8BAUC;AAPiB,cAAI,UAA8B;AAClC,oBAAU,GAAW,qBAAc,CAAC,IAAI,CAAC;AACzC,cAAI,GAAW,eAAe,CAAC;AAC/B,gCAAsB,GAAG,2CAAwB,CAAC;AAM7D,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,IAAA,yBAAkB,GAAE,CAAC;IACrB,iBAAO,CAAC,aAAa,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACnD,CAAC,CAAC;AAHW,QAAA,iBAAiB,qBAG5B","file":"venn.js","sourcesContent":["import { SeriesTypeEnum } from '../../series/interface/type';\nimport { BaseChart } from '../base/base-chart';\nimport { ChartTypeEnum } from '../interface/type';\nimport type { IVennChartSpec } from './interface';\nimport { registerVennSeries } from '../../series/venn/venn';\nimport { Factory } from '../../core/factory';\nimport type { AdaptiveSpec } from '../../typings';\nimport { VennChartSpecTransformer } from './venn-transformer';\n\nexport class VennChart<T extends IVennChartSpec = IVennChartSpec> extends BaseChart<\n  AdaptiveSpec<T, 'data' | 'series'>\n> {\n  static readonly type: string = ChartTypeEnum.venn;\n  static readonly seriesType: string = SeriesTypeEnum.venn;\n  static readonly view: string = 'singleDefault';\n  static readonly transformerConstructor = VennChartSpecTransformer;\n  readonly transformerConstructor = VennChartSpecTransformer;\n  readonly type: string = ChartTypeEnum.venn;\n  readonly seriesType: string = SeriesTypeEnum.venn;\n}\n\nexport const registerVennChart = () => {\n  registerVennSeries();\n  Factory.registerChart(VennChart.type, VennChart);\n};\n"]}

package/cjs/compile/data/compilable-data.js

@@ -33,10 +33,12 @@ class CompilableData extends grammar_item_1.GrammarItem {
         (0, type_1.isNil)(data) || ((0, type_1.isNil)(this.getProduct()) ? this._initProduct(data) : this._product.values(data));
     }
     _initProduct(data) {
+        var _a, _b;
         const view = this.getVGrammarView();
         if (!view || !data) return;
         const id = this.getProductId();
-        this._product = view.data(data).id(id), this._compiledProductId = id;
+        this._product = null === (_b = null === (_a = null == view ? void 0 : view.data) || void 0 === _a ? void 0 : _a.call(view, data)) || void 0 === _b ? void 0 : _b.id(id), 
+        this._compiledProductId = id;
     }
     generateProductId() {
         var _a;

package/cjs/compile/data/compilable-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/compile/data/compilable-data.ts"],"names":[],"mappings":";;;AAEA,kDAA8C;AAE9C,0CAAwC;AAIxC,kEAA2D;AAE3D,MAAa,cAAe,SAAQ,0BAAW;IAO7C,WAAW;QACT,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,WAAW,CAAC,CAAY;QACtB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IACjB,CAAC;IACD,aAAa;;QACX,OAAO,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAC;IAChC,CAAC;IAED,YAAY,MAA6B,EAAE,QAAmB;QAC5D,KAAK,CAAC,MAAM,CAAC,CAAC;QAjBP,gBAAW,GAAG,6BAAW,CAAC,IAAI,CAAC;QAK9B,UAAK,GAAoB,IAAI,CAAC;QAatC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IACxB,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IAGD,UAAU,CAAC,QAAkB;QAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAClC,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,QAAQ,EAAE;gBAEb,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC;aAC5C;SACF;QACD,OAAO;IACT,CAAC;IAES,eAAe;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAClC,IAAI,IAAA,YAAK,EAAC,IAAI,CAAC,EAAE;YACf,OAAO;SACR;QACD,IAAI,IAAA,YAAK,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE;YAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SACzB;aAAM;YACL,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SAC5B;IACH,CAAC;IAGS,YAAY,CAAC,IAAW;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE;YAClB,OAAO;SACR;QAED,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACvC,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;IAC/B,CAAC;IAED,iBAAiB;;QACf,OAAO,GAAG,MAAA,IAAI,CAAC,WAAW,EAAE,0CAAE,IAAI,EAAE,CAAC;IACvC,CAAC;IAES,cAAc,CAAC,EAAU;;QACjC,OAAO,MAAA,MAAA,IAAI,CAAC,WAAW,EAAE,CAAC,eAAe,EAAE,0CAAE,WAAW,mDAAG,EAAE,CAAC,CAAC;IACjE,CAAC;CACF;AAxED,wCAwEC","file":"compilable-data.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport type { IData as IVGrammarData } from '@visactor/vgrammar-core';\nimport { GrammarItem } from '../grammar-item';\nimport type { Maybe } from '../../typings';\nimport { isNil } from '../../util/type';\nimport type { ICompilableData } from './interface';\nimport type { GrammarItemInitOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { GrammarType } from '../interface/compilable-item';\n\nexport class CompilableData extends GrammarItem implements ICompilableData {\n  readonly grammarType = GrammarType.data;\n  protected declare _product: Maybe<IVGrammarData>;\n  declare getProduct: () => Maybe<IVGrammarData>;\n\n  /** 原始DataView */\n  protected _data: Maybe<DataView> = null;\n  getDataView() {\n    return this._data;\n  }\n  setDataView(d?: DataView) {\n    this._data = d;\n  }\n  getLatestData() {\n    return this._data?.latestData;\n  }\n\n  constructor(option: GrammarItemInitOption, dataView?: DataView) {\n    super(option);\n    this._data = dataView;\n  }\n\n  release() {\n    super.release();\n    this._data = null;\n  }\n\n  /** 更新数据并默认重新渲染 */\n  updateData(noRender?: boolean) {\n    const product = this.getProduct();\n    const data = this.getLatestData();\n    if (product && data) {\n      product.values(data);\n      if (!noRender) {\n        // 将实际的 dataflow 推迟到下一次异步操作，以避免同步的数据更新内容被忽略\n        return this.getCompiler().renderNextTick();\n      }\n    }\n    return;\n  }\n\n  protected _compileProduct() {\n    const data = this.getLatestData();\n    if (isNil(data)) {\n      return;\n    }\n    if (isNil(this.getProduct())) {\n      this._initProduct(data);\n    } else {\n      this._product.values(data);\n    }\n  }\n\n  /** 创建语法元素对象 */\n  protected _initProduct(data: any[]) {\n    const view = this.getVGrammarView();\n    if (!view || !data) {\n      return;\n    }\n\n    const id = this.getProductId();\n    this._product = view.data(data).id(id);\n    this._compiledProductId = id;\n  }\n\n  generateProductId(): string {\n    return `${this.getDataView()?.name}`;\n  }\n\n  protected _lookupGrammar(id: string) {\n    return this.getCompiler().getVGrammarView()?.getDataById?.(id);\n  }\n}\n"]}
+{"version":3,"sources":["../src/compile/data/compilable-data.ts"],"names":[],"mappings":";;;AAEA,kDAA8C;AAE9C,0CAAwC;AAIxC,kEAA2D;AAE3D,MAAa,cAAe,SAAQ,0BAAW;IAO7C,WAAW;QACT,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,WAAW,CAAC,CAAY;QACtB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IACjB,CAAC;IACD,aAAa;;QACX,OAAO,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAC;IAChC,CAAC;IAED,YAAY,MAA6B,EAAE,QAAmB;QAC5D,KAAK,CAAC,MAAM,CAAC,CAAC;QAjBP,gBAAW,GAAG,6BAAW,CAAC,IAAI,CAAC;QAK9B,UAAK,GAAoB,IAAI,CAAC;QAatC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IACxB,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IAGD,UAAU,CAAC,QAAkB;QAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAClC,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,QAAQ,EAAE;gBAEb,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC;aAC5C;SACF;QACD,OAAO;IACT,CAAC;IAES,eAAe;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAClC,IAAI,IAAA,YAAK,EAAC,IAAI,CAAC,EAAE;YACf,OAAO;SACR;QACD,IAAI,IAAA,YAAK,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE;YAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SACzB;aAAM;YACL,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SAC5B;IACH,CAAC;IAGS,YAAY,CAAC,IAAW;;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE;YAClB,OAAO;SACR;QAED,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,qDAAG,IAAI,CAAC,0CAAE,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;IAC/B,CAAC;IAED,iBAAiB;;QACf,OAAO,GAAG,MAAA,IAAI,CAAC,WAAW,EAAE,0CAAE,IAAI,EAAE,CAAC;IACvC,CAAC;IAES,cAAc,CAAC,EAAU;;QACjC,OAAO,MAAA,MAAA,IAAI,CAAC,WAAW,EAAE,CAAC,eAAe,EAAE,0CAAE,WAAW,mDAAG,EAAE,CAAC,CAAC;IACjE,CAAC;CACF;AAxED,wCAwEC","file":"compilable-data.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport type { IData as IVGrammarData } from '@visactor/vgrammar-core';\nimport { GrammarItem } from '../grammar-item';\nimport type { Maybe } from '../../typings';\nimport { isNil } from '../../util/type';\nimport type { ICompilableData } from './interface';\nimport type { GrammarItemInitOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { GrammarType } from '../interface/compilable-item';\n\nexport class CompilableData extends GrammarItem implements ICompilableData {\n  readonly grammarType = GrammarType.data;\n  protected declare _product: Maybe<IVGrammarData>;\n  declare getProduct: () => Maybe<IVGrammarData>;\n\n  /** 原始DataView */\n  protected _data: Maybe<DataView> = null;\n  getDataView() {\n    return this._data;\n  }\n  setDataView(d?: DataView) {\n    this._data = d;\n  }\n  getLatestData() {\n    return this._data?.latestData;\n  }\n\n  constructor(option: GrammarItemInitOption, dataView?: DataView) {\n    super(option);\n    this._data = dataView;\n  }\n\n  release() {\n    super.release();\n    this._data = null;\n  }\n\n  /** 更新数据并默认重新渲染 */\n  updateData(noRender?: boolean) {\n    const product = this.getProduct();\n    const data = this.getLatestData();\n    if (product && data) {\n      product.values(data);\n      if (!noRender) {\n        // 将实际的 dataflow 推迟到下一次异步操作，以避免同步的数据更新内容被忽略\n        return this.getCompiler().renderNextTick();\n      }\n    }\n    return;\n  }\n\n  protected _compileProduct() {\n    const data = this.getLatestData();\n    if (isNil(data)) {\n      return;\n    }\n    if (isNil(this.getProduct())) {\n      this._initProduct(data);\n    } else {\n      this._product.values(data);\n    }\n  }\n\n  /** 创建语法元素对象 */\n  protected _initProduct(data: any[]) {\n    const view = this.getVGrammarView();\n    if (!view || !data) {\n      return;\n    }\n\n    const id = this.getProductId();\n    this._product = view?.data?.(data)?.id(id);\n    this._compiledProductId = id;\n  }\n\n  generateProductId(): string {\n    return `${this.getDataView()?.name}`;\n  }\n\n  protected _lookupGrammar(id: string) {\n    return this.getCompiler().getVGrammarView()?.getDataById?.(id);\n  }\n}\n"]}

package/cjs/compile/interface/compiler.d.ts

@@ -36,6 +36,7 @@ export interface IRenderOption {
     enableHtmlAttribute?: boolean;
     supportsTouchEvents?: boolean;
     supportsPointerEvents?: boolean;
+    ReactDOM?: any;
 }
 export type CompilerListenerParameters = {
     type: EventType;

package/cjs/compile/interface/compiler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/compile/interface/compiler.ts"],"names":[],"mappings":"","file":"compiler.js","sourcesContent":["import type { IColor, IStageParams, IStage, ILayer } from '@visactor/vrender-core';\nimport type { EventSourceType, EventType } from '../../event/interface';\nimport type { RenderMode } from '../../typings/spec/common';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { GrammarType, IGrammarItem } from './compilable-item';\nimport type { StringOrNumber } from '../../typings';\n\nexport interface IRenderContainer {\n  dom?: HTMLElement | 'none';\n  canvas?: HTMLCanvasElement | string;\n}\n\n/**\n * @since 1.8.0\n */\nexport type IOptimizeType = {\n  // 视口不在可视区，跳过渲染，默认为true\n  skipRenderWithOutRange?: boolean;\n  // 跳过图元在区间外的判断\n  // 不存在dirtyBounds的时候，根据该配置判断是否关闭图元的超出边界判定\n  // 如果有dirtyBounds那么该配置不生效\n  disableCheckGraphicWidthOutRange?: boolean;\n};\n\nexport interface IRenderOption {\n  /**\n   * 配置渲染环境，默认为 'desktop-browser'，当需要在非浏览器环境渲染 VChart 时，需要配置该属性。\n   * - 'desktop-browser': 默认模式，适用于 PC 及 H5\n   * - 'mobile-browser': H5 模式\n   * - 'node': Node 渲染\n   * - 'worker': worker 模式\n   * - 'miniApp': 小程序模式\n   * - 'lynx': lynx 渲染\n   * @default 'desktop-browser'\n   */\n  mode?: RenderMode;\n  /**\n   * 渲染环境参数配置\n   */\n  modeParams?:\n    | {\n        tooltipCanvasId?: StringOrNumber;\n        [key: string]: any;\n      }\n    | unknown;\n  /**\n   * 设置屏幕分辨率\n   */\n  dpr?: number;\n  /**\n   * 图表交互全局开关，默认为 `true`，开启。\n   * @default true\n   */\n  interactive?: boolean;\n  /**\n   * 指定绘制的区域\n   */\n  viewBox?: IBoundsLike;\n  /**\n   * 用于告诉底层的渲染引擎 VRender，图表的 Canvas 是否是受控制的canvas，如果不是的话，不会进行resize等操作。\n   * @default true\n   */\n  canvasControled?: boolean;\n  /**\n   * 外部传入的 VRender stage\n   */\n  stage?: IStage;\n  /**\n   * 外部传入的 VRender layer\n   */\n  layer?: ILayer;\n\n  /**\n   * 绘制之前的钩子函数\n   */\n  beforeRender?: IStageParams['beforeRender'];\n  /**\n   * 绘制之后的钩子函数\n   */\n  afterRender?: IStageParams['afterRender'];\n  /**\n   * 绘图区域背景色设置\n   */\n  background?: IColor;\n  /**\n   * 日志类型，用于开发调试\n   */\n  logLevel?: number;\n  /**\n   * 错误消息回调函数\n   */\n  onError?: (...args: any[]) => void;\n  /**\n   * 是否关闭dirtyBounds\n   * @default false\n   */\n  disableDirtyBounds?: boolean;\n  /**\n   * 是否开启view3d的变换模式\n   */\n  enableView3dTransform?: boolean;\n  /**\n   * vrender 的插件列表\n   */\n  pluginList?: string[];\n  /**\n   * @since 1.8.0\n   */\n  optimize?: IOptimizeType;\n  /**\n   * @since 1.8.3\n   */\n  enableHtmlAttribute?: boolean;\n  /**\n   * @since 1.8.9\n   * 是否支持touch事件\n   */\n  supportsTouchEvents?: boolean;\n  /**\n   * @since 1.8.9\n   * 是否支持pointer事件\n   */\n  supportsPointerEvents?: boolean;\n}\n\nexport type CompilerListenerParameters = {\n  type: EventType;\n  event: Event;\n  source: EventSourceType;\n  // FIXME: 这里 item 应当为场景树的 Item 类型\n  item: any | null;\n  datum: any | null;\n  markId: number | null;\n  modelId: number | null;\n  markUserId: StringOrNumber | null;\n  modelUserId: StringOrNumber | null;\n};\n\nexport type CompilerModel = Record<GrammarType, IProductMap<IGrammarItem>>;\n\nexport interface IProductMap<T extends IGrammarItem> {\n  /** 编译产物 id 和对应的在 vchart 中的 GrammarItem */\n  [productId: string]: IGrammarItemMap<T>;\n}\n\nexport interface IGrammarItemMap<T extends IGrammarItem> {\n  /** GrammarItem id 和 对应的引用 */\n  [id: number]: T;\n}\n"]}
+{"version":3,"sources":["../src/compile/interface/compiler.ts"],"names":[],"mappings":"","file":"compiler.js","sourcesContent":["import type { IColor, IStageParams, IStage, ILayer } from '@visactor/vrender-core';\nimport type { EventSourceType, EventType } from '../../event/interface';\nimport type { RenderMode } from '../../typings/spec/common';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { GrammarType, IGrammarItem } from './compilable-item';\nimport type { StringOrNumber } from '../../typings';\n\nexport interface IRenderContainer {\n  dom?: HTMLElement | 'none';\n  canvas?: HTMLCanvasElement | string;\n}\n\n/**\n * @since 1.8.0\n */\nexport type IOptimizeType = {\n  // 视口不在可视区，跳过渲染，默认为true\n  skipRenderWithOutRange?: boolean;\n  // 跳过图元在区间外的判断\n  // 不存在dirtyBounds的时候，根据该配置判断是否关闭图元的超出边界判定\n  // 如果有dirtyBounds那么该配置不生效\n  disableCheckGraphicWidthOutRange?: boolean;\n};\n\nexport interface IRenderOption {\n  /**\n   * 配置渲染环境，默认为 'desktop-browser'，当需要在非浏览器环境渲染 VChart 时，需要配置该属性。\n   * - 'desktop-browser': 默认模式，适用于 PC 及 H5\n   * - 'mobile-browser': H5 模式\n   * - 'node': Node 渲染\n   * - 'worker': worker 模式\n   * - 'miniApp': 小程序模式\n   * - 'lynx': lynx 渲染\n   * @default 'desktop-browser'\n   */\n  mode?: RenderMode;\n  /**\n   * 渲染环境参数配置\n   */\n  modeParams?:\n    | {\n        tooltipCanvasId?: StringOrNumber;\n        [key: string]: any;\n      }\n    | unknown;\n  /**\n   * 设置屏幕分辨率\n   */\n  dpr?: number;\n  /**\n   * 图表交互全局开关，默认为 `true`，开启。\n   * @default true\n   */\n  interactive?: boolean;\n  /**\n   * 指定绘制的区域\n   */\n  viewBox?: IBoundsLike;\n  /**\n   * 用于告诉底层的渲染引擎 VRender，图表的 Canvas 是否是受控制的canvas，如果不是的话，不会进行resize等操作。\n   * @default true\n   */\n  canvasControled?: boolean;\n  /**\n   * 外部传入的 VRender stage\n   */\n  stage?: IStage;\n  /**\n   * 外部传入的 VRender layer\n   */\n  layer?: ILayer;\n\n  /**\n   * 绘制之前的钩子函数\n   */\n  beforeRender?: IStageParams['beforeRender'];\n  /**\n   * 绘制之后的钩子函数\n   */\n  afterRender?: IStageParams['afterRender'];\n  /**\n   * 绘图区域背景色设置\n   */\n  background?: IColor;\n  /**\n   * 日志类型，用于开发调试\n   */\n  logLevel?: number;\n  /**\n   * 错误消息回调函数\n   */\n  onError?: (...args: any[]) => void;\n  /**\n   * 是否关闭dirtyBounds\n   * @default false\n   */\n  disableDirtyBounds?: boolean;\n  /**\n   * 是否开启view3d的变换模式\n   */\n  enableView3dTransform?: boolean;\n  /**\n   * vrender 的插件列表\n   */\n  pluginList?: string[];\n  /**\n   * @since 1.8.0\n   */\n  optimize?: IOptimizeType;\n  /**\n   * @since 1.8.3\n   */\n  enableHtmlAttribute?: boolean;\n  /**\n   * @since 1.8.9\n   * 是否支持touch事件\n   */\n  supportsTouchEvents?: boolean;\n  /**\n   * @since 1.8.9\n   * 是否支持pointer事件\n   */\n  supportsPointerEvents?: boolean;\n  /**\n   * @since 1.11.0\n   * 用于vrender渲染react元素，`react-dom`包导出元素\n   */\n  ReactDOM?: any;\n}\n\nexport type CompilerListenerParameters = {\n  type: EventType;\n  event: Event;\n  source: EventSourceType;\n  // FIXME: 这里 item 应当为场景树的 Item 类型\n  item: any | null;\n  datum: any | null;\n  markId: number | null;\n  modelId: number | null;\n  markUserId: StringOrNumber | null;\n  modelUserId: StringOrNumber | null;\n};\n\nexport type CompilerModel = Record<GrammarType, IProductMap<IGrammarItem>>;\n\nexport interface IProductMap<T extends IGrammarItem> {\n  /** 编译产物 id 和对应的在 vchart 中的 GrammarItem */\n  [productId: string]: IGrammarItemMap<T>;\n}\n\nexport interface IGrammarItemMap<T extends IGrammarItem> {\n  /** GrammarItem id 和 对应的引用 */\n  [id: number]: T;\n}\n"]}

package/cjs/compile/mark/compilable-mark.d.ts

@@ -1,4 +1,4 @@
-import type { IGroupMark, IMark, MarkAnimationSpec, MarkFunctionCallback, Nil, TransformSpec } from '@visactor/vgrammar-core';
+import type { IElement, IGroupMark, IMark, MarkAnimationSpec, MarkFunctionCallback, Nil, TransformSpec } from '@visactor/vgrammar-core';
 import type { DataView } from '@visactor/vdataset';
 import { GrammarItem } from '../grammar-item';
 import type { Maybe, Datum, StringOrNumber } from '../../typings';
@@ -115,5 +115,6 @@ export declare abstract class CompilableMark extends GrammarItem implements ICom
     stopAnimationByState(state?: string): import("@visactor/vgrammar-core").IAnimate;
     pauseAnimationByState(state?: string): import("@visactor/vgrammar-core").IAnimate;
     resumeAnimationByState(state?: string): import("@visactor/vgrammar-core").IAnimate;
+    getProductElements(): IElement[];
     release(): void;
 }

package/cjs/compile/mark/compilable-mark.js

@@ -316,6 +316,10 @@ class CompilableMark extends grammar_item_1.GrammarItem {
         var _a, _b;
         return null === (_b = null === (_a = this.getProduct()) || void 0 === _a ? void 0 : _a.animate) || void 0 === _b ? void 0 : _b.resumeAnimationByState(state);
     }
+    getProductElements() {
+        const product = this.getProduct();
+        if (product) return product.elements;
+    }
     release() {
         super.release(), this.state.release();
     }

package/cjs/compile/mark/compilable-mark.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/compile/mark/compilable-mark.ts"],"names":[],"mappings":"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","file":"compilable-mark.js","sourcesContent":["import type {\n  IElement,\n  IGroupMark,\n  IMark,\n  IMarkConfig,\n  MarkAnimationSpec,\n  MarkFunctionCallback,\n  MarkFunctionType,\n  Nil,\n  TransformSpec\n} from '@visactor/vgrammar-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { GrammarMarkType } from '@visactor/vgrammar-core';\nimport type { DataView } from '@visactor/vdataset';\nimport { GrammarItem } from '../grammar-item';\nimport type { Maybe, Datum, StringOrNumber } from '../../typings';\nimport { isBoolean, isNil, isValid } from '@visactor/vutils';\nimport { LayoutZIndex, PREFIX, VGRAMMAR_HOOK_EVENT } from '../../constant';\nimport type { IMarkProgressiveConfig, IMarkStateStyle, MarkType } from '../../mark/interface';\nimport type { IModel } from '../../model/interface';\nimport type { ISeries } from '../../series/interface';\nimport { isStateAttrChangeable } from './util';\nimport { MarkStateManager } from './mark-state-manager';\nimport type {\n  ICompilableMark,\n  IMarkDataInitOption,\n  ICompilableMarkOption,\n  StateValueType,\n  IMarkCompileOption,\n  IAttributeOpt,\n  MarkClip\n} from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { STATE_VALUE_ENUM } from './interface';\nimport { MarkData } from './mark-data';\nimport { GrammarType } from '../interface/compilable-item';\nimport type { IComponent } from '../../component/interface';\nimport type { IEvent } from '../../event/interface';\nimport { Event } from '../../event/event';\n// eslint-disable-next-line no-duplicate-imports\nimport { AnimationStateEnum } from '../../animation/interface';\nimport type { ICustomPath2D } from '@visactor/vrender-core';\n\n/** 可编译的 mark 对象，这个基类只存放编译相关的逻辑 */\nexport abstract class CompilableMark extends GrammarItem implements ICompilableMark {\n  readonly grammarType = GrammarType.mark;\n  /** 类型 */\n  readonly type: MarkType = undefined as unknown as MarkType;\n\n  /** name */\n  readonly name: string = 'mark';\n\n  /** key field */\n  readonly key: ICompilableMark['key'];\n\n  protected _skipTheme?: boolean;\n  getSkipTheme() {\n    return this._skipTheme;\n  }\n  setSkipTheme(skipTheme: boolean) {\n    this._skipTheme = skipTheme;\n  }\n\n  /** 3d开关 */\n  protected _support3d?: boolean;\n  getSupport3d() {\n    return this._support3d;\n  }\n  setSupport3d(support3d: boolean) {\n    this._support3d = support3d;\n  }\n\n  /** 分片 */\n  protected _facet?: string;\n  getFacet() {\n    return this._facet;\n  }\n  setFacet(facet: string) {\n    this._facet = facet;\n  }\n\n  /** 交互开关 */\n  protected _interactive: boolean = true;\n  getInteractive() {\n    return this._interactive;\n  }\n  setInteractive(interactive: boolean) {\n    this._interactive = interactive;\n  }\n\n  /** 层级 */\n  protected _zIndex: number = LayoutZIndex.Mark;\n  getZIndex() {\n    return this._zIndex;\n  }\n  setZIndex(zIndex: number) {\n    this._zIndex = zIndex;\n  }\n\n  /** 可见性 */\n  protected _visible: boolean = true;\n  getVisible() {\n    return this._visible;\n  }\n  setVisible(visible: boolean) {\n    this._visible = visible;\n  }\n\n  /**\n   * 用户设置的 id\n   */\n  protected _userId: StringOrNumber;\n  getUserId() {\n    return this._userId;\n  }\n  setUserId(userId: StringOrNumber) {\n    if (isValid(userId)) {\n      this._userId = userId;\n    }\n  }\n\n  /** parent model */\n  readonly model: IModel;\n\n  /** 数据（可以没有） */\n  protected _data: Maybe<MarkData>;\n  getDataView(): DataView | undefined {\n    return this._data?.getDataView();\n  }\n  setDataView(d?: DataView, productId?: string) {\n    if (isNil(this._data)) {\n      this.initMarkData({\n        ...this._option,\n        mark: this\n      });\n    }\n    if (isValid(productId)) {\n      this._data.setCompiledProductId(productId);\n    }\n    this._data.setDataView(d);\n  }\n  getData() {\n    return this._data;\n  }\n  setData(d?: MarkData) {\n    this._data = d;\n  }\n\n  /** 默认的stateStyle */\n  stateStyle: IMarkStateStyle<any> = {};\n\n  /** 状态管理器 */\n  state: MarkStateManager;\n\n  protected _unCompileChannel: { [key in string]: boolean } = {};\n\n  hasState(state: string) {\n    return state in this.state.getStateMap();\n  }\n  getState(state: string) {\n    return this.state.getStateMap()[state];\n  }\n\n  protected _event: IEvent;\n\n  protected _animationConfig: Partial<MarkAnimationSpec>;\n  getAnimationConfig() {\n    return this._animationConfig;\n  }\n  setAnimationConfig(config: Partial<MarkAnimationSpec>) {\n    this._animationConfig = config;\n  }\n\n  /** 布局标记 */\n  private _skipBeforeLayouted = false;\n\n  setSkipBeforeLayouted(skip: boolean) {\n    this._skipBeforeLayouted = skip;\n  }\n  getSkipBeforeLayouted(): boolean {\n    return this._skipBeforeLayouted;\n  }\n\n  /** morph动画关联关系配置 */\n  protected _morph: boolean = false;\n  getMorph() {\n    return this._morph;\n  }\n  setMorph(morph: boolean) {\n    this._morph = morph;\n  }\n  protected _morphKey?: string;\n  getMorphKey() {\n    return this._morphKey;\n  }\n  setMorphKey(morphKey: string) {\n    this._morphKey = morphKey;\n  }\n  protected _morphElementKey?: string;\n  getMorphElementKey() {\n    return this._morphElementKey;\n  }\n  setMorphElementKey(key: string) {\n    this._morphElementKey = key;\n  }\n\n  protected _groupKey?: string;\n  getGroupKey() {\n    return this._groupKey;\n  }\n  setGroupKey(groupKey: string) {\n    this._groupKey = groupKey;\n  }\n\n  protected _progressiveConfig: IMarkProgressiveConfig;\n  getProgressiveConfig() {\n    return this._progressiveConfig;\n  }\n  setProgressiveConfig(config: IMarkProgressiveConfig) {\n    this._progressiveConfig = config;\n  }\n\n  protected _setCustomizedShape?: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D;\n  setCustomizedShapeCallback(callback: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D) {\n    this._setCustomizedShape = callback;\n  }\n\n  protected _enableSegments: boolean;\n  setEnableSegments(enable: boolean) {\n    this._enableSegments = enable;\n  }\n\n  /** 裁剪配置 */\n  protected _clip: MarkClip;\n  getClip() {\n    return this._clip;\n  }\n  setClip(clip: MarkClip) {\n    this._clip = clip;\n  }\n\n  protected _stateSort?: (stateA: string, stateB: string) => number;\n  setStateSortCallback(stateSort: (stateA: string, stateB: string) => number) {\n    this._stateSort = stateSort;\n  }\n\n  protected declare _option: ICompilableMarkOption;\n\n  constructor(option: ICompilableMarkOption, name: string, model: IModel) {\n    super(option);\n    this.name = name;\n    this.model = model;\n    this.key = option.key;\n    this.state = new MarkStateManager(\n      {\n        ...option,\n        stateKeyToSignalName: this.stateKeyToSignalName.bind(this)\n      },\n      this\n    );\n    this._option.support3d && this.setSupport3d(true);\n    this._option.skipTheme && this.setSkipTheme(true);\n    this._event = new Event(model.getOption().eventDispatcher, model.getOption().mode);\n  }\n\n  protected declare _product: Maybe<IMark>;\n  declare getProduct: () => Maybe<IMark>;\n\n  // transform目前在形状词云中使用，但直接用的 vgrammar 接口 (this._wordMark as ICompilableMark).getProduct().transform(wordCloudTransforms);\n  // 暂时没有用到这里的setTransform()\n  protected _transform: TransformSpec[] | Nil;\n  setTransform(transform: TransformSpec[] | Nil) {\n    this._transform = transform;\n  }\n\n  /** 初始化 mark data */\n  protected initMarkData(option: IMarkDataInitOption) {\n    this._data = new MarkData(option);\n  }\n\n  protected stateKeyToSignalName(key: string) {\n    return `${PREFIX}_${this.type}_${this.id}_${key}`;\n  }\n\n  getAttribute(key: any, datum: any, state: StateValueType, opt?: IAttributeOpt) {\n    // do nothing\n  }\n\n  protected _compileProduct(option?: IMarkCompileOption) {\n    const product = this.getProduct();\n    // 处理 visible 为 false 的情况\n    if (!this.getVisible()) {\n      if (isValid(product)) {\n        this.removeProduct();\n      }\n      return;\n    } else if (isValid(product)) {\n      return; // 每个mark只执行一次编译\n    }\n\n    const compiler = this.getCompiler();\n    if (!compiler.isInited) {\n      return;\n    }\n    this._initProduct(option?.group);\n    if (isNil(this._product)) {\n      return;\n    }\n\n    this.compileSignal();\n    this.compileData();\n    this.compileState();\n    this.compileEncode();\n    this.compileAnimation();\n    this.compileContext();\n    this.compileTransform();\n  }\n\n  /** 创建语法元素对象 */\n  protected _initProduct(group?: string | IGroupMark) {\n    const view = this.getVGrammarView();\n\n    // 声明语法元素\n    const id = this.getProductId();\n    this._product = view.mark(this.type as GrammarMarkType, group ?? view.rootMark).id(id);\n    this._compiledProductId = id;\n  }\n\n  generateProductId() {\n    if (this._userId) {\n      return `${this._userId}`;\n    }\n    return `${this.name}_${this.id}`;\n  }\n\n  compileData() {\n    if (isNil(this._data)) {\n      return;\n    }\n    this._data.compile();\n\n    // 绑定数据\n    const dataProduct = this._data.getProduct();\n    if (isValid(this._product) && isValid(dataProduct)) {\n      this._product.join(dataProduct, this.key, undefined, this._groupKey ?? this._facet);\n    }\n  }\n\n  updateStaticEncode() {\n    if (!this._product) {\n      return;\n    }\n    const { enterStyles, updateStyles } = this._separateStyle();\n\n    this._product.encodeState('group', enterStyles, true);\n\n    this._product.encode(updateStyles, true);\n  }\n\n  protected _separateStyle() {\n    const { [STATE_VALUE_ENUM.STATE_NORMAL]: normalStyle, ...temp } = this.stateStyle;\n\n    const enterStyles: Record<string, MarkFunctionType<any>> = this._option.noSeparateStyle ? null : {};\n    const updateStyles: Record<string, MarkFunctionType<any>> = {};\n    Object.keys(normalStyle).forEach(key => {\n      if (this._unCompileChannel[key]) {\n        return;\n      }\n\n      if (this._option.noSeparateStyle || isStateAttrChangeable(key, normalStyle, this.getFacet())) {\n        updateStyles[key] = {\n          callback: this.compileCommonAttributeCallback(key, 'normal'),\n          dependency: [this.stateKeyToSignalName('markUpdateRank')]\n        };\n      } else {\n        enterStyles[key] = this.compileCommonAttributeCallback(key, 'normal');\n      }\n    });\n    return { enterStyles, updateStyles };\n  }\n\n  compileEncode() {\n    const { [STATE_VALUE_ENUM.STATE_NORMAL]: normalStyle, ...temp } = this.stateStyle;\n    const { enterStyles, updateStyles } = this._separateStyle();\n    this._product.encode(updateStyles, true);\n    this._product.encodeState('group', enterStyles, true);\n\n    Object.keys(temp).forEach(state => {\n      const styles: Record<string, MarkFunctionType<any>> = {};\n      Object.keys(temp[state]).forEach(key => {\n        if (this._unCompileChannel[key]) {\n          return;\n        }\n        styles[key] = {\n          callback: this.compileCommonAttributeCallback(key, state),\n          dependency: [this.stateKeyToSignalName('markUpdateRank')]\n        };\n      });\n      this._product.encodeState(state, styles, true);\n    });\n\n    // 在布局完成前不进行encode\n    if (this._skipBeforeLayouted) {\n      this._product.layout({\n        skipBeforeLayouted: this._skipBeforeLayouted\n      });\n    }\n  }\n\n  compileState() {\n    this.state.compileState(this._product, this._stateSort);\n  }\n\n  compileAnimation() {\n    if (this._animationConfig) {\n      let stateSignal: any;\n      if (this.type === 'component') {\n        // 组件有自己的动画状态\n        stateSignal = (this.model as IComponent).animate?.getAnimationStateSignalName();\n      } else {\n        const region = (this.model as ISeries).getRegion?.();\n        stateSignal = region?.animate?.getAnimationStateSignalName();\n      }\n      this._product.animation(this._animationConfig);\n      this._product.animationState({\n        callback: (datum: Datum, element: IElement, parameters: Record<string, any>) => {\n          return parameters[stateSignal]?.callback(datum, element);\n        },\n        dependency: stateSignal\n      });\n      if (this._animationConfig.normal) {\n        this._event.on(VGRAMMAR_HOOK_EVENT.ANIMATION_END, ({ event }) => {\n          if (event.mark === this.getProduct() && event.animationState === AnimationStateEnum.appear) {\n            this.runAnimationByState(AnimationStateEnum.normal);\n          }\n        });\n      }\n    }\n  }\n\n  compileContext() {\n    const config: IMarkConfig = {\n      interactive: this.getInteractive(),\n      zIndex: this.getZIndex(),\n      context: {\n        markId: this.id,\n        modelId: this.model.id,\n        markUserId: this._userId,\n        modelUserId: this.model.userId\n      },\n      skipTheme: this.getSkipTheme(),\n      support3d: this.getSupport3d(),\n      enableSegments: !!this._enableSegments,\n      clip: this._clip ? true : this._clip === false ? false : undefined,\n      clipPath: this._clip || undefined\n    };\n\n    if (this._progressiveConfig) {\n      config.progressiveStep = this._progressiveConfig.progressiveStep;\n      config.progressiveThreshold = this._progressiveConfig.progressiveThreshold;\n      config.large = this._progressiveConfig.large;\n      config.largeThreshold = this._progressiveConfig.largeThreshold;\n    }\n\n    if (this._morph && this._morphKey) {\n      config.morph = this._morph;\n      config.morphKey = this._morphKey;\n      config.morphElementKey = this._morphElementKey;\n    }\n\n    if (this._setCustomizedShape) {\n      config.setCustomizedShape = this._setCustomizedShape;\n    }\n\n    this._product.configure(config);\n  }\n\n  compileSignal() {\n    this.state.compile();\n  }\n\n  protected _computeAttribute(key: string, state: StateValueType) {\n    return (datum: Datum, opt: IAttributeOpt) => {\n      return undefined as any;\n    };\n  }\n\n  // TODO: 1. opt内容待定，确实需要再来补充（之前是scale.bindScales/bindSignals，从context.params中可以获取到）\n  // TODO: 2. stateSourceItem，是否根据attr区分，存在默认写死的情况，例如\"hover\"/\"normal\"；\n  protected compileCommonAttributeCallback(key: string, state: string): MarkFunctionCallback<any> {\n    const attributeFunctor = this._computeAttribute(key, state);\n    // remove state in opt\n    const opt: IAttributeOpt = { mark: null, parent: null, element: null };\n    return (datum: Datum, element: IElement) => {\n      opt.mark = element.mark;\n      opt.parent = element.mark.group;\n      opt.element = element;\n      return attributeFunctor(datum, opt);\n    };\n  }\n\n  protected compileTransform() {\n    if (this._transform?.length) {\n      this.getProduct().transform(this._transform);\n    }\n  }\n\n  protected _lookupGrammar(id: string) {\n    return this.getCompiler().getVGrammarView()?.getMarkById(id);\n  }\n\n  updateState(newState: Record<string, unknown>, noRender?: boolean) {\n    return this.state.updateState(newState, noRender);\n  }\n\n  updateLayoutState(noRender?: boolean, recursion?: boolean): void {\n    if (recursion && this.getMarks().length > 0) {\n      this.getMarks().forEach(m => m.state.updateLayoutState(true));\n    }\n    return this.state.updateLayoutState(noRender);\n  }\n\n  updateMarkState(key: string): void {\n    if (!this._product) {\n      return;\n    }\n    const stateInfo = this.state.getStateInfo(key);\n    this._product.elements.forEach(e => {\n      if (this.state.checkOneState(e, e.getDatum(), stateInfo) === 'in') {\n        e.addState(key);\n      } else {\n        e.removeState(key);\n      }\n    });\n  }\n\n  getMarks(): ICompilableMark[] {\n    return [];\n  }\n\n  runAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.runAnimationByState(state);\n  }\n\n  stopAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.stopAnimationByState(state);\n  }\n\n  pauseAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.pauseAnimationByState(state);\n  }\n\n  resumeAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.resumeAnimationByState(state);\n  }\n\n  release() {\n    super.release();\n    this.state.release();\n  }\n}\n"]}
+{"version":3,"sources":["../src/compile/mark/compilable-mark.ts"],"names":[],"mappings":"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","file":"compilable-mark.js","sourcesContent":["import type {\n  IElement,\n  IGroupMark,\n  IMark,\n  IMarkConfig,\n  MarkAnimationSpec,\n  MarkFunctionCallback,\n  MarkFunctionType,\n  Nil,\n  TransformSpec\n} from '@visactor/vgrammar-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { GrammarMarkType } from '@visactor/vgrammar-core';\nimport type { DataView } from '@visactor/vdataset';\nimport { GrammarItem } from '../grammar-item';\nimport type { Maybe, Datum, StringOrNumber } from '../../typings';\nimport { isBoolean, isNil, isValid } from '@visactor/vutils';\nimport { LayoutZIndex, PREFIX, VGRAMMAR_HOOK_EVENT } from '../../constant';\nimport type { IMarkProgressiveConfig, IMarkStateStyle, MarkType } from '../../mark/interface';\nimport type { IModel } from '../../model/interface';\nimport type { ISeries } from '../../series/interface';\nimport { isStateAttrChangeable } from './util';\nimport { MarkStateManager } from './mark-state-manager';\nimport type {\n  ICompilableMark,\n  IMarkDataInitOption,\n  ICompilableMarkOption,\n  StateValueType,\n  IMarkCompileOption,\n  IAttributeOpt,\n  MarkClip\n} from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { STATE_VALUE_ENUM } from './interface';\nimport { MarkData } from './mark-data';\nimport { GrammarType } from '../interface/compilable-item';\nimport type { IComponent } from '../../component/interface';\nimport type { IEvent } from '../../event/interface';\nimport { Event } from '../../event/event';\n// eslint-disable-next-line no-duplicate-imports\nimport { AnimationStateEnum } from '../../animation/interface';\nimport type { ICustomPath2D } from '@visactor/vrender-core';\n\n/** 可编译的 mark 对象，这个基类只存放编译相关的逻辑 */\nexport abstract class CompilableMark extends GrammarItem implements ICompilableMark {\n  readonly grammarType = GrammarType.mark;\n  /** 类型 */\n  readonly type: MarkType = undefined as unknown as MarkType;\n\n  /** name */\n  readonly name: string = 'mark';\n\n  /** key field */\n  readonly key: ICompilableMark['key'];\n\n  protected _skipTheme?: boolean;\n  getSkipTheme() {\n    return this._skipTheme;\n  }\n  setSkipTheme(skipTheme: boolean) {\n    this._skipTheme = skipTheme;\n  }\n\n  /** 3d开关 */\n  protected _support3d?: boolean;\n  getSupport3d() {\n    return this._support3d;\n  }\n  setSupport3d(support3d: boolean) {\n    this._support3d = support3d;\n  }\n\n  /** 分片 */\n  protected _facet?: string;\n  getFacet() {\n    return this._facet;\n  }\n  setFacet(facet: string) {\n    this._facet = facet;\n  }\n\n  /** 交互开关 */\n  protected _interactive: boolean = true;\n  getInteractive() {\n    return this._interactive;\n  }\n  setInteractive(interactive: boolean) {\n    this._interactive = interactive;\n  }\n\n  /** 层级 */\n  protected _zIndex: number = LayoutZIndex.Mark;\n  getZIndex() {\n    return this._zIndex;\n  }\n  setZIndex(zIndex: number) {\n    this._zIndex = zIndex;\n  }\n\n  /** 可见性 */\n  protected _visible: boolean = true;\n  getVisible() {\n    return this._visible;\n  }\n  setVisible(visible: boolean) {\n    this._visible = visible;\n  }\n\n  /**\n   * 用户设置的 id\n   */\n  protected _userId: StringOrNumber;\n  getUserId() {\n    return this._userId;\n  }\n  setUserId(userId: StringOrNumber) {\n    if (isValid(userId)) {\n      this._userId = userId;\n    }\n  }\n\n  /** parent model */\n  readonly model: IModel;\n\n  /** 数据（可以没有） */\n  protected _data: Maybe<MarkData>;\n  getDataView(): DataView | undefined {\n    return this._data?.getDataView();\n  }\n  setDataView(d?: DataView, productId?: string) {\n    if (isNil(this._data)) {\n      this.initMarkData({\n        ...this._option,\n        mark: this\n      });\n    }\n    if (isValid(productId)) {\n      this._data.setCompiledProductId(productId);\n    }\n    this._data.setDataView(d);\n  }\n  getData() {\n    return this._data;\n  }\n  setData(d?: MarkData) {\n    this._data = d;\n  }\n\n  /** 默认的stateStyle */\n  stateStyle: IMarkStateStyle<any> = {};\n\n  /** 状态管理器 */\n  state: MarkStateManager;\n\n  protected _unCompileChannel: { [key in string]: boolean } = {};\n\n  hasState(state: string) {\n    return state in this.state.getStateMap();\n  }\n  getState(state: string) {\n    return this.state.getStateMap()[state];\n  }\n\n  protected _event: IEvent;\n\n  protected _animationConfig: Partial<MarkAnimationSpec>;\n  getAnimationConfig() {\n    return this._animationConfig;\n  }\n  setAnimationConfig(config: Partial<MarkAnimationSpec>) {\n    this._animationConfig = config;\n  }\n\n  /** 布局标记 */\n  private _skipBeforeLayouted = false;\n\n  setSkipBeforeLayouted(skip: boolean) {\n    this._skipBeforeLayouted = skip;\n  }\n  getSkipBeforeLayouted(): boolean {\n    return this._skipBeforeLayouted;\n  }\n\n  /** morph动画关联关系配置 */\n  protected _morph: boolean = false;\n  getMorph() {\n    return this._morph;\n  }\n  setMorph(morph: boolean) {\n    this._morph = morph;\n  }\n  protected _morphKey?: string;\n  getMorphKey() {\n    return this._morphKey;\n  }\n  setMorphKey(morphKey: string) {\n    this._morphKey = morphKey;\n  }\n  protected _morphElementKey?: string;\n  getMorphElementKey() {\n    return this._morphElementKey;\n  }\n  setMorphElementKey(key: string) {\n    this._morphElementKey = key;\n  }\n\n  protected _groupKey?: string;\n  getGroupKey() {\n    return this._groupKey;\n  }\n  setGroupKey(groupKey: string) {\n    this._groupKey = groupKey;\n  }\n\n  protected _progressiveConfig: IMarkProgressiveConfig;\n  getProgressiveConfig() {\n    return this._progressiveConfig;\n  }\n  setProgressiveConfig(config: IMarkProgressiveConfig) {\n    this._progressiveConfig = config;\n  }\n\n  protected _setCustomizedShape?: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D;\n  setCustomizedShapeCallback(callback: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D) {\n    this._setCustomizedShape = callback;\n  }\n\n  protected _enableSegments: boolean;\n  setEnableSegments(enable: boolean) {\n    this._enableSegments = enable;\n  }\n\n  /** 裁剪配置 */\n  protected _clip: MarkClip;\n  getClip() {\n    return this._clip;\n  }\n  setClip(clip: MarkClip) {\n    this._clip = clip;\n  }\n\n  protected _stateSort?: (stateA: string, stateB: string) => number;\n  setStateSortCallback(stateSort: (stateA: string, stateB: string) => number) {\n    this._stateSort = stateSort;\n  }\n\n  protected declare _option: ICompilableMarkOption;\n\n  constructor(option: ICompilableMarkOption, name: string, model: IModel) {\n    super(option);\n    this.name = name;\n    this.model = model;\n    this.key = option.key;\n    this.state = new MarkStateManager(\n      {\n        ...option,\n        stateKeyToSignalName: this.stateKeyToSignalName.bind(this)\n      },\n      this\n    );\n    this._option.support3d && this.setSupport3d(true);\n    this._option.skipTheme && this.setSkipTheme(true);\n    this._event = new Event(model.getOption().eventDispatcher, model.getOption().mode);\n  }\n\n  protected declare _product: Maybe<IMark>;\n  declare getProduct: () => Maybe<IMark>;\n\n  // transform目前在形状词云中使用，但直接用的 vgrammar 接口 (this._wordMark as ICompilableMark).getProduct().transform(wordCloudTransforms);\n  // 暂时没有用到这里的setTransform()\n  protected _transform: TransformSpec[] | Nil;\n  setTransform(transform: TransformSpec[] | Nil) {\n    this._transform = transform;\n  }\n\n  /** 初始化 mark data */\n  protected initMarkData(option: IMarkDataInitOption) {\n    this._data = new MarkData(option);\n  }\n\n  protected stateKeyToSignalName(key: string) {\n    return `${PREFIX}_${this.type}_${this.id}_${key}`;\n  }\n\n  getAttribute(key: any, datum: any, state: StateValueType, opt?: IAttributeOpt) {\n    // do nothing\n  }\n\n  protected _compileProduct(option?: IMarkCompileOption) {\n    const product = this.getProduct();\n    // 处理 visible 为 false 的情况\n    if (!this.getVisible()) {\n      if (isValid(product)) {\n        this.removeProduct();\n      }\n      return;\n    } else if (isValid(product)) {\n      return; // 每个mark只执行一次编译\n    }\n\n    const compiler = this.getCompiler();\n    if (!compiler.isInited) {\n      return;\n    }\n    this._initProduct(option?.group);\n    if (isNil(this._product)) {\n      return;\n    }\n\n    this.compileSignal();\n    this.compileData();\n    this.compileState();\n    this.compileEncode();\n    this.compileAnimation();\n    this.compileContext();\n    this.compileTransform();\n  }\n\n  /** 创建语法元素对象 */\n  protected _initProduct(group?: string | IGroupMark) {\n    const view = this.getVGrammarView();\n\n    // 声明语法元素\n    const id = this.getProductId();\n    this._product = view.mark(this.type as GrammarMarkType, group ?? view.rootMark).id(id);\n    this._compiledProductId = id;\n  }\n\n  generateProductId() {\n    if (this._userId) {\n      return `${this._userId}`;\n    }\n    return `${this.name}_${this.id}`;\n  }\n\n  compileData() {\n    if (isNil(this._data)) {\n      return;\n    }\n    this._data.compile();\n\n    // 绑定数据\n    const dataProduct = this._data.getProduct();\n    if (isValid(this._product) && isValid(dataProduct)) {\n      this._product.join(dataProduct, this.key, undefined, this._groupKey ?? this._facet);\n    }\n  }\n\n  updateStaticEncode() {\n    if (!this._product) {\n      return;\n    }\n    const { enterStyles, updateStyles } = this._separateStyle();\n\n    this._product.encodeState('group', enterStyles, true);\n\n    this._product.encode(updateStyles, true);\n  }\n\n  protected _separateStyle() {\n    const { [STATE_VALUE_ENUM.STATE_NORMAL]: normalStyle, ...temp } = this.stateStyle;\n\n    const enterStyles: Record<string, MarkFunctionType<any>> = this._option.noSeparateStyle ? null : {};\n    const updateStyles: Record<string, MarkFunctionType<any>> = {};\n    Object.keys(normalStyle).forEach(key => {\n      if (this._unCompileChannel[key]) {\n        return;\n      }\n\n      if (this._option.noSeparateStyle || isStateAttrChangeable(key, normalStyle, this.getFacet())) {\n        updateStyles[key] = {\n          callback: this.compileCommonAttributeCallback(key, 'normal'),\n          dependency: [this.stateKeyToSignalName('markUpdateRank')]\n        };\n      } else {\n        enterStyles[key] = this.compileCommonAttributeCallback(key, 'normal');\n      }\n    });\n    return { enterStyles, updateStyles };\n  }\n\n  compileEncode() {\n    const { [STATE_VALUE_ENUM.STATE_NORMAL]: normalStyle, ...temp } = this.stateStyle;\n    const { enterStyles, updateStyles } = this._separateStyle();\n    this._product.encode(updateStyles, true);\n    this._product.encodeState('group', enterStyles, true);\n\n    Object.keys(temp).forEach(state => {\n      const styles: Record<string, MarkFunctionType<any>> = {};\n      Object.keys(temp[state]).forEach(key => {\n        if (this._unCompileChannel[key]) {\n          return;\n        }\n        styles[key] = {\n          callback: this.compileCommonAttributeCallback(key, state),\n          dependency: [this.stateKeyToSignalName('markUpdateRank')]\n        };\n      });\n      this._product.encodeState(state, styles, true);\n    });\n\n    // 在布局完成前不进行encode\n    if (this._skipBeforeLayouted) {\n      this._product.layout({\n        skipBeforeLayouted: this._skipBeforeLayouted\n      });\n    }\n  }\n\n  compileState() {\n    this.state.compileState(this._product, this._stateSort);\n  }\n\n  compileAnimation() {\n    if (this._animationConfig) {\n      let stateSignal: any;\n      if (this.type === 'component') {\n        // 组件有自己的动画状态\n        stateSignal = (this.model as IComponent).animate?.getAnimationStateSignalName();\n      } else {\n        const region = (this.model as ISeries).getRegion?.();\n        stateSignal = region?.animate?.getAnimationStateSignalName();\n      }\n      this._product.animation(this._animationConfig);\n      this._product.animationState({\n        callback: (datum: Datum, element: IElement, parameters: Record<string, any>) => {\n          return parameters[stateSignal]?.callback(datum, element);\n        },\n        dependency: stateSignal\n      });\n      if (this._animationConfig.normal) {\n        this._event.on(VGRAMMAR_HOOK_EVENT.ANIMATION_END, ({ event }) => {\n          if (event.mark === this.getProduct() && event.animationState === AnimationStateEnum.appear) {\n            this.runAnimationByState(AnimationStateEnum.normal);\n          }\n        });\n      }\n    }\n  }\n\n  compileContext() {\n    const config: IMarkConfig = {\n      interactive: this.getInteractive(),\n      zIndex: this.getZIndex(),\n      context: {\n        markId: this.id,\n        modelId: this.model.id,\n        markUserId: this._userId,\n        modelUserId: this.model.userId\n      },\n      skipTheme: this.getSkipTheme(),\n      support3d: this.getSupport3d(),\n      enableSegments: !!this._enableSegments,\n      clip: this._clip ? true : this._clip === false ? false : undefined,\n      clipPath: this._clip || undefined\n    };\n\n    if (this._progressiveConfig) {\n      config.progressiveStep = this._progressiveConfig.progressiveStep;\n      config.progressiveThreshold = this._progressiveConfig.progressiveThreshold;\n      config.large = this._progressiveConfig.large;\n      config.largeThreshold = this._progressiveConfig.largeThreshold;\n    }\n\n    if (this._morph && this._morphKey) {\n      config.morph = this._morph;\n      config.morphKey = this._morphKey;\n      config.morphElementKey = this._morphElementKey;\n    }\n\n    if (this._setCustomizedShape) {\n      config.setCustomizedShape = this._setCustomizedShape;\n    }\n\n    this._product.configure(config);\n  }\n\n  compileSignal() {\n    this.state.compile();\n  }\n\n  protected _computeAttribute(key: string, state: StateValueType) {\n    return (datum: Datum, opt: IAttributeOpt) => {\n      return undefined as any;\n    };\n  }\n\n  // TODO: 1. opt内容待定，确实需要再来补充（之前是scale.bindScales/bindSignals，从context.params中可以获取到）\n  // TODO: 2. stateSourceItem，是否根据attr区分，存在默认写死的情况，例如\"hover\"/\"normal\"；\n  protected compileCommonAttributeCallback(key: string, state: string): MarkFunctionCallback<any> {\n    const attributeFunctor = this._computeAttribute(key, state);\n    // remove state in opt\n    const opt: IAttributeOpt = { mark: null, parent: null, element: null };\n    return (datum: Datum, element: IElement) => {\n      opt.mark = element.mark;\n      opt.parent = element.mark.group;\n      opt.element = element;\n      return attributeFunctor(datum, opt);\n    };\n  }\n\n  protected compileTransform() {\n    if (this._transform?.length) {\n      this.getProduct().transform(this._transform);\n    }\n  }\n\n  protected _lookupGrammar(id: string) {\n    return this.getCompiler().getVGrammarView()?.getMarkById(id);\n  }\n\n  updateState(newState: Record<string, unknown>, noRender?: boolean) {\n    return this.state.updateState(newState, noRender);\n  }\n\n  updateLayoutState(noRender?: boolean, recursion?: boolean): void {\n    if (recursion && this.getMarks().length > 0) {\n      this.getMarks().forEach(m => m.state.updateLayoutState(true));\n    }\n    return this.state.updateLayoutState(noRender);\n  }\n\n  updateMarkState(key: string): void {\n    if (!this._product) {\n      return;\n    }\n    const stateInfo = this.state.getStateInfo(key);\n    this._product.elements.forEach(e => {\n      if (this.state.checkOneState(e, e.getDatum(), stateInfo) === 'in') {\n        e.addState(key);\n      } else {\n        e.removeState(key);\n      }\n    });\n  }\n\n  getMarks(): ICompilableMark[] {\n    return [];\n  }\n\n  runAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.runAnimationByState(state);\n  }\n\n  stopAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.stopAnimationByState(state);\n  }\n\n  pauseAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.pauseAnimationByState(state);\n  }\n\n  resumeAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.resumeAnimationByState(state);\n  }\n\n  getProductElements() {\n    const product = this.getProduct();\n    if (product) {\n      return product.elements;\n    }\n    return undefined;\n  }\n\n  release() {\n    super.release();\n    this.state.release();\n  }\n}\n"]}

package/cjs/compile/mark/interface.d.ts

@@ -66,6 +66,7 @@ export interface ICompilableMark extends IGrammarItem {
     setClip: (clip: MarkClip) => void;
     compile: (option?: IMarkCompileOption) => void;
     getProduct: () => Maybe<IMark>;
+    getProductElements: () => Maybe<IMark['elements']>;
     getMarks: () => ICompilableMark[];
     setSkipBeforeLayouted: (skip: boolean) => void;
     getSkipBeforeLayouted: () => boolean;

package/cjs/compile/mark/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/compile/mark/interface.ts"],"names":[],"mappings":";;;AAwNA,IAAY,gBAWX;AAXD,WAAY,gBAAgB;IAC1B,2CAAuB,CAAA;IAEvB,yCAAqB,CAAA;IACrB,yDAAqC,CAAA;IAErC,6DAAyC,CAAA;IACzC,6EAAyD,CAAA;IAEzD,+CAA2B,CAAA;IAC3B,+DAA2C,CAAA;AAC7C,CAAC,EAXW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAW3B;AAED,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,iEAAqC,CAAA;IACrC,qFAAyD,CAAA;IACzD,uEAA2C,CAAA;AAC7C,CAAC,EAJW,wBAAwB,GAAxB,gCAAwB,KAAxB,gCAAwB,QAInC","file":"interface.js","sourcesContent":["import type { IMarkProgressiveConfig, IMarkStateStyle, MarkType } from '../../mark/interface';\nimport type { IModel } from '../../model/interface';\nimport type { GrammarItemCompileOption, GrammarItemInitOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IGrammarItem } from '../interface';\nimport type { MarkStateManager } from './mark-state-manager';\nimport type { DataView } from '@visactor/vdataset';\nimport type {\n  IAnimate,\n  IAnimateArranger,\n  IElement,\n  IGroupMark,\n  IMark,\n  MarkAnimationSpec,\n  Nil,\n  TransformSpec\n} from '@visactor/vgrammar-core';\nimport type { Maybe, Datum, StringOrNumber } from '../../typings';\nimport type { MarkData } from './mark-data';\nimport type { IRegion } from '../../region/interface';\nimport type { ICustomPath2D, IGraphic } from '@visactor/vrender-core';\n\nexport interface ICompilableMarkOption extends GrammarItemInitOption {\n  key?: string | ((datum: Datum) => string);\n  /** 分组字段，更多用于 morphing 动画的 element 匹配 */\n  groupKey?: string;\n  /** 是否在dataflow的过程中，布局前跳过该mark */\n  skipBeforeLayouted?: boolean;\n\n  /** 这个mark是否支持3d视角 */\n  support3d?: boolean;\n  /* VGrammar的组件是否支持3d */\n  mode?: '2d' | '3d';\n  /** skip theme of vgrammar or not */\n  skipTheme?: boolean;\n  /** don't separate style of mark */\n  noSeparateStyle?: boolean;\n}\n\nexport interface ICompilableMark extends IGrammarItem {\n  // 类型\n  readonly type: MarkType;\n  // id\n  readonly id: number;\n  // name\n  readonly name: string;\n  // key field\n  readonly key?: string | ((datum: Datum) => string);\n  // parent model\n  readonly model: IModel;\n\n  // 数据 可以没有\n  getData: () => MarkData | undefined;\n  setData: (d: MarkData) => void;\n  getDataView: () => DataView | undefined;\n  setDataView: (d?: DataView, productId?: string) => void;\n\n  // 分片\n  getFacet: () => string | undefined;\n  setFacet: (facet: string) => void;\n\n  // 状态\n  state: MarkStateManager;\n  readonly stateStyle: IMarkStateStyle<any>;\n  hasState: (state: string) => boolean;\n  getState: (state: string) => any;\n  updateState: (newState: Record<string, unknown>) => void;\n  /** 更新group | enter中的静态样式 */\n  updateStaticEncode: () => void;\n  /** 更新 mark 样式 */\n  compileEncode: () => void;\n  /** 更新encode中的样式 */\n  updateLayoutState: (noRender?: boolean, recursion?: boolean) => void;\n  /** 更新某一个状态 */\n  updateMarkState: (key: string) => void;\n\n  // transform\n  setTransform: (transform: TransformSpec[] | Nil) => void;\n\n  // 交互\n  getInteractive: () => boolean;\n  setInteractive: (interactive: boolean) => void;\n\n  // 动画配置\n  setAnimationConfig: (config: Partial<MarkAnimationSpec>) => void;\n  getAnimationConfig: () => Partial<MarkAnimationSpec>;\n\n  // 层级\n  getZIndex: () => number;\n  setZIndex: (zIndex: number) => void;\n\n  // 是否显示\n  getVisible: () => boolean;\n  setVisible: (visible: boolean) => void;\n\n  // 是否开启 morph\n  getMorph: () => boolean;\n  setMorph: (morph: boolean) => void;\n\n  // 是否开启 morph\n  getProgressiveConfig: () => IMarkProgressiveConfig;\n  setProgressiveConfig: (config: IMarkProgressiveConfig) => void;\n\n  // morphKey 配置\n  getMorphKey: () => string | undefined;\n  setMorphKey: (morphKey: string) => void;\n\n  getMorphElementKey: () => string | undefined;\n  setMorphElementKey: (morphKey: string) => void;\n\n  // groupKey 配置\n  getGroupKey: () => string | undefined;\n  setGroupKey: (groupKey: string) => void;\n\n  // 用户 id\n  getUserId: () => StringOrNumber | undefined;\n  setUserId: (id: StringOrNumber) => void;\n\n  // 是否支持 3d\n  getSupport3d: () => boolean | undefined;\n  setSupport3d: (support3d: boolean) => void;\n\n  // 裁剪\n  getClip: () => MarkClip | undefined;\n  setClip: (clip: MarkClip) => void;\n\n  compile: (option?: IMarkCompileOption) => void;\n\n  getProduct: () => Maybe<IMark>;\n\n  /** 获取子mark */\n  getMarks: () => ICompilableMark[];\n\n  /** 是否跳过布局阶段 */\n  setSkipBeforeLayouted: (skip: boolean) => void;\n  getSkipBeforeLayouted: () => boolean;\n\n  setCustomizedShapeCallback: (callback: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D) => void;\n\n  setStateSortCallback: (stateSort: (stateA: string, stateB: string) => number) => void;\n\n  /** 开始状态动画 */\n  runAnimationByState: (animationState?: string) => IAnimateArranger;\n  /** 停止状态动画*/\n  stopAnimationByState: (animationState?: string) => IAnimate;\n  /** 暂停状态动画*/\n  pauseAnimationByState: (animationState: string) => IAnimate;\n  /** 恢复状态动画*/\n  resumeAnimationByState: (animationState: string) => IAnimate;\n}\n\nexport interface IMarkDataInitOption extends ICompilableMarkOption {\n  mark: ICompilableMark;\n}\n\nexport interface IMarkCompileOption extends GrammarItemCompileOption {\n  group?: string | IGroupMark;\n  ignoreChildren?: boolean;\n}\n\nexport interface IStateInfo {\n  /** 状态值 */\n  stateValue: StateValue;\n  // 对应的数据维度 可以是多维度\n  // TODO: fields 是否保留\n  fields?: any | null | undefined;\n  /** 筛选数据 */\n  datums?: any[] | null | undefined;\n  /** 筛选数据 */\n  datumKeys?: string[] | null | undefined;\n  /** 筛选 item */\n  items?: any[] | null | undefined;\n  /** 筛选函数 */\n  filter?: ((datum: any, options: Record<string, any>) => boolean) | null | undefined;\n  cache?: {\n    [key: string]: {\n      [key: string]: boolean;\n    };\n  };\n  /** 状态优先级 */\n  level?: number | undefined;\n}\n// TODO:目前看这个类型没有必要，确认后彻底删除\nexport interface IStateSpec {\n  /** 状态值 */\n  stateValue: StateValue;\n  /** 筛选数据 */\n  datums?: any[] | null | undefined;\n  /** 筛选数据对应字段 */\n  datumKeys?: string[] | null | undefined;\n  /** TODO: 暂时不提供 filter 函数形式 */\n  // filter?:\n  //   | ((datum: any, options: Record<string, any>) => boolean)\n  //   | null\n  //   | undefined;\n  /** 状态优先级 */\n  level?: number | undefined;\n}\n\nexport interface IMarkState {\n  readonly id: number;\n  // 状态\n  getStates: () => IStateInfo[];\n\n  // state 相关\n  getState: (stateValue: StateValue) => IStateInfo | undefined;\n  addState: (stateInfo: IStateInfo) => void;\n  changeState: (stateInfo: Partial<IStateInfo>, update?: boolean) => void;\n  checkState: (item: any, datum: any) => string[];\n\n  clearState: (stateValues: StateValue[], update?: boolean) => void;\n\n  // 更新\n  update: () => void;\n}\n\nexport enum STATE_VALUE_ENUM {\n  STATE_NORMAL = 'normal',\n\n  STATE_HOVER = 'hover',\n  STATE_HOVER_REVERSE = 'hover_reverse',\n\n  STATE_DIMENSION_HOVER = 'dimension_hover',\n  STATE_DIMENSION_HOVER_REVERSE = 'dimension_hover_reverse',\n\n  STATE_SELECTED = 'selected',\n  STATE_SELECTED_REVERSE = 'selected_reverse'\n}\n\nexport enum STATE_VALUE_ENUM_REVERSE {\n  STATE_HOVER_REVERSE = 'hover_reverse',\n  STATE_DIMENSION_HOVER_REVERSE = 'dimension_hover_reverse',\n  STATE_SELECTED_REVERSE = 'selected_reverse'\n}\n\nexport type STATE_NORMAL = typeof STATE_VALUE_ENUM.STATE_NORMAL;\nexport type STATE_HOVER = typeof STATE_VALUE_ENUM.STATE_HOVER;\nexport type STATE_HOVER_REVERSE = typeof STATE_VALUE_ENUM.STATE_HOVER_REVERSE;\nexport type STATE_CUSTOM = string;\n\n// TODO: 待补充\n\nexport type StateValueNot = STATE_HOVER_REVERSE | STATE_CUSTOM;\nexport type StateValue = STATE_NORMAL | STATE_HOVER | STATE_CUSTOM;\nexport type StateValueType = StateValue | StateValueNot;\n\nexport interface IAttributeOpt {\n  element: IElement;\n  mark: IElement['mark'];\n  parent: IElement['mark']['group'];\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IModelMarkAttributeContext {\n  [key: string]: unknown;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ISeriesMarkAttributeContext extends IModelMarkAttributeContext {\n  // 通用的默认属性值获取，比如color，如果有散点图有sizeScale，则可以获取 size\n  globalScale: (scaleKey: string, value: string | number) => unknown;\n  // 传入seriesField值，获取对应的颜色。\n  // 如果传入 null ，返回的是当前系列对应的第一个颜色值。\n  seriesColor: (seriesValue?: string | number) => string;\n  /**\n   * 获取当前的 region\n   * @returns\n   */\n  getRegion: () => IRegion;\n}\n\nexport type MarkClip = false | IGraphic[] | ((elements: IElement[]) => IGraphic[]);\n"]}
+{"version":3,"sources":["../src/compile/mark/interface.ts"],"names":[],"mappings":";;;AAyNA,IAAY,gBAWX;AAXD,WAAY,gBAAgB;IAC1B,2CAAuB,CAAA;IAEvB,yCAAqB,CAAA;IACrB,yDAAqC,CAAA;IAErC,6DAAyC,CAAA;IACzC,6EAAyD,CAAA;IAEzD,+CAA2B,CAAA;IAC3B,+DAA2C,CAAA;AAC7C,CAAC,EAXW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAW3B;AAED,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,iEAAqC,CAAA;IACrC,qFAAyD,CAAA;IACzD,uEAA2C,CAAA;AAC7C,CAAC,EAJW,wBAAwB,GAAxB,gCAAwB,KAAxB,gCAAwB,QAInC","file":"interface.js","sourcesContent":["import type { IMarkProgressiveConfig, IMarkStateStyle, MarkType } from '../../mark/interface';\nimport type { IModel } from '../../model/interface';\nimport type { GrammarItemCompileOption, GrammarItemInitOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IGrammarItem } from '../interface';\nimport type { MarkStateManager } from './mark-state-manager';\nimport type { DataView } from '@visactor/vdataset';\nimport type {\n  IAnimate,\n  IAnimateArranger,\n  IElement,\n  IGroupMark,\n  IMark,\n  MarkAnimationSpec,\n  Nil,\n  TransformSpec\n} from '@visactor/vgrammar-core';\nimport type { Maybe, Datum, StringOrNumber } from '../../typings';\nimport type { MarkData } from './mark-data';\nimport type { IRegion } from '../../region/interface';\nimport type { ICustomPath2D, IGraphic } from '@visactor/vrender-core';\n\nexport interface ICompilableMarkOption extends GrammarItemInitOption {\n  key?: string | ((datum: Datum) => string);\n  /** 分组字段，更多用于 morphing 动画的 element 匹配 */\n  groupKey?: string;\n  /** 是否在dataflow的过程中，布局前跳过该mark */\n  skipBeforeLayouted?: boolean;\n\n  /** 这个mark是否支持3d视角 */\n  support3d?: boolean;\n  /* VGrammar的组件是否支持3d */\n  mode?: '2d' | '3d';\n  /** skip theme of vgrammar or not */\n  skipTheme?: boolean;\n  /** don't separate style of mark */\n  noSeparateStyle?: boolean;\n}\n\nexport interface ICompilableMark extends IGrammarItem {\n  // 类型\n  readonly type: MarkType;\n  // id\n  readonly id: number;\n  // name\n  readonly name: string;\n  // key field\n  readonly key?: string | ((datum: Datum) => string);\n  // parent model\n  readonly model: IModel;\n\n  // 数据 可以没有\n  getData: () => MarkData | undefined;\n  setData: (d: MarkData) => void;\n  getDataView: () => DataView | undefined;\n  setDataView: (d?: DataView, productId?: string) => void;\n\n  // 分片\n  getFacet: () => string | undefined;\n  setFacet: (facet: string) => void;\n\n  // 状态\n  state: MarkStateManager;\n  readonly stateStyle: IMarkStateStyle<any>;\n  hasState: (state: string) => boolean;\n  getState: (state: string) => any;\n  updateState: (newState: Record<string, unknown>) => void;\n  /** 更新group | enter中的静态样式 */\n  updateStaticEncode: () => void;\n  /** 更新 mark 样式 */\n  compileEncode: () => void;\n  /** 更新encode中的样式 */\n  updateLayoutState: (noRender?: boolean, recursion?: boolean) => void;\n  /** 更新某一个状态 */\n  updateMarkState: (key: string) => void;\n\n  // transform\n  setTransform: (transform: TransformSpec[] | Nil) => void;\n\n  // 交互\n  getInteractive: () => boolean;\n  setInteractive: (interactive: boolean) => void;\n\n  // 动画配置\n  setAnimationConfig: (config: Partial<MarkAnimationSpec>) => void;\n  getAnimationConfig: () => Partial<MarkAnimationSpec>;\n\n  // 层级\n  getZIndex: () => number;\n  setZIndex: (zIndex: number) => void;\n\n  // 是否显示\n  getVisible: () => boolean;\n  setVisible: (visible: boolean) => void;\n\n  // 是否开启 morph\n  getMorph: () => boolean;\n  setMorph: (morph: boolean) => void;\n\n  // 是否开启 morph\n  getProgressiveConfig: () => IMarkProgressiveConfig;\n  setProgressiveConfig: (config: IMarkProgressiveConfig) => void;\n\n  // morphKey 配置\n  getMorphKey: () => string | undefined;\n  setMorphKey: (morphKey: string) => void;\n\n  getMorphElementKey: () => string | undefined;\n  setMorphElementKey: (morphKey: string) => void;\n\n  // groupKey 配置\n  getGroupKey: () => string | undefined;\n  setGroupKey: (groupKey: string) => void;\n\n  // 用户 id\n  getUserId: () => StringOrNumber | undefined;\n  setUserId: (id: StringOrNumber) => void;\n\n  // 是否支持 3d\n  getSupport3d: () => boolean | undefined;\n  setSupport3d: (support3d: boolean) => void;\n\n  // 裁剪\n  getClip: () => MarkClip | undefined;\n  setClip: (clip: MarkClip) => void;\n\n  compile: (option?: IMarkCompileOption) => void;\n\n  getProduct: () => Maybe<IMark>;\n  getProductElements: () => Maybe<IMark['elements']>;\n\n  /** 获取子mark */\n  getMarks: () => ICompilableMark[];\n\n  /** 是否跳过布局阶段 */\n  setSkipBeforeLayouted: (skip: boolean) => void;\n  getSkipBeforeLayouted: () => boolean;\n\n  setCustomizedShapeCallback: (callback: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D) => void;\n\n  setStateSortCallback: (stateSort: (stateA: string, stateB: string) => number) => void;\n\n  /** 开始状态动画 */\n  runAnimationByState: (animationState?: string) => IAnimateArranger;\n  /** 停止状态动画*/\n  stopAnimationByState: (animationState?: string) => IAnimate;\n  /** 暂停状态动画*/\n  pauseAnimationByState: (animationState: string) => IAnimate;\n  /** 恢复状态动画*/\n  resumeAnimationByState: (animationState: string) => IAnimate;\n}\n\nexport interface IMarkDataInitOption extends ICompilableMarkOption {\n  mark: ICompilableMark;\n}\n\nexport interface IMarkCompileOption extends GrammarItemCompileOption {\n  group?: string | IGroupMark;\n  ignoreChildren?: boolean;\n}\n\nexport interface IStateInfo {\n  /** 状态值 */\n  stateValue: StateValue;\n  // 对应的数据维度 可以是多维度\n  // TODO: fields 是否保留\n  fields?: any | null | undefined;\n  /** 筛选数据 */\n  datums?: any[] | null | undefined;\n  /** 筛选数据 */\n  datumKeys?: string[] | null | undefined;\n  /** 筛选 item */\n  items?: any[] | null | undefined;\n  /** 筛选函数 */\n  filter?: ((datum: any, options: Record<string, any>) => boolean) | null | undefined;\n  cache?: {\n    [key: string]: {\n      [key: string]: boolean;\n    };\n  };\n  /** 状态优先级 */\n  level?: number | undefined;\n}\n// TODO:目前看这个类型没有必要，确认后彻底删除\nexport interface IStateSpec {\n  /** 状态值 */\n  stateValue: StateValue;\n  /** 筛选数据 */\n  datums?: any[] | null | undefined;\n  /** 筛选数据对应字段 */\n  datumKeys?: string[] | null | undefined;\n  /** TODO: 暂时不提供 filter 函数形式 */\n  // filter?:\n  //   | ((datum: any, options: Record<string, any>) => boolean)\n  //   | null\n  //   | undefined;\n  /** 状态优先级 */\n  level?: number | undefined;\n}\n\nexport interface IMarkState {\n  readonly id: number;\n  // 状态\n  getStates: () => IStateInfo[];\n\n  // state 相关\n  getState: (stateValue: StateValue) => IStateInfo | undefined;\n  addState: (stateInfo: IStateInfo) => void;\n  changeState: (stateInfo: Partial<IStateInfo>, update?: boolean) => void;\n  checkState: (item: any, datum: any) => string[];\n\n  clearState: (stateValues: StateValue[], update?: boolean) => void;\n\n  // 更新\n  update: () => void;\n}\n\nexport enum STATE_VALUE_ENUM {\n  STATE_NORMAL = 'normal',\n\n  STATE_HOVER = 'hover',\n  STATE_HOVER_REVERSE = 'hover_reverse',\n\n  STATE_DIMENSION_HOVER = 'dimension_hover',\n  STATE_DIMENSION_HOVER_REVERSE = 'dimension_hover_reverse',\n\n  STATE_SELECTED = 'selected',\n  STATE_SELECTED_REVERSE = 'selected_reverse'\n}\n\nexport enum STATE_VALUE_ENUM_REVERSE {\n  STATE_HOVER_REVERSE = 'hover_reverse',\n  STATE_DIMENSION_HOVER_REVERSE = 'dimension_hover_reverse',\n  STATE_SELECTED_REVERSE = 'selected_reverse'\n}\n\nexport type STATE_NORMAL = typeof STATE_VALUE_ENUM.STATE_NORMAL;\nexport type STATE_HOVER = typeof STATE_VALUE_ENUM.STATE_HOVER;\nexport type STATE_HOVER_REVERSE = typeof STATE_VALUE_ENUM.STATE_HOVER_REVERSE;\nexport type STATE_CUSTOM = string;\n\n// TODO: 待补充\n\nexport type StateValueNot = STATE_HOVER_REVERSE | STATE_CUSTOM;\nexport type StateValue = STATE_NORMAL | STATE_HOVER | STATE_CUSTOM;\nexport type StateValueType = StateValue | StateValueNot;\n\nexport interface IAttributeOpt {\n  element: IElement;\n  mark: IElement['mark'];\n  parent: IElement['mark']['group'];\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IModelMarkAttributeContext {\n  [key: string]: unknown;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ISeriesMarkAttributeContext extends IModelMarkAttributeContext {\n  // 通用的默认属性值获取，比如color，如果有散点图有sizeScale，则可以获取 size\n  globalScale: (scaleKey: string, value: string | number) => unknown;\n  // 传入seriesField值，获取对应的颜色。\n  // 如果传入 null ，返回的是当前系列对应的第一个颜色值。\n  seriesColor: (seriesValue?: string | number) => string;\n  /**\n   * 获取当前的 region\n   * @returns\n   */\n  getRegion: () => IRegion;\n}\n\nexport type MarkClip = false | IGraphic[] | ((elements: IElement[]) => IGraphic[]);\n"]}

package/cjs/component/axis/base-axis.d.ts

@@ -41,6 +41,7 @@ export declare abstract class AxisComponent<T extends ICommonAxisSpec & Record<s
     protected abstract updateSeriesScale(): void;
     protected abstract collectSeriesField(depth: number, series: ISeries): string | string[];
     abstract transformScaleDomain(): void;
+    protected abstract updateScaleRange(): boolean;
     protected _dataFieldText: string;
     protected _axisMark: IComponentMark;
     protected _gridMark: IComponentMark;
@@ -66,6 +67,7 @@ export declare abstract class AxisComponent<T extends ICommonAxisSpec & Record<s
     protected initEvent(): void;
     protected updateScaleDomain(): void;
     protected _clearRawDomain(): void;
+    onLayoutEnd(ctx: any): void;
     protected computeData(updateType?: 'domain' | 'range' | 'force'): void;
     protected initScales(): void;
     _compareSpec(spec: T, prevSpec: T): {

package/cjs/component/axis/base-axis.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerAxis = exports.AxisComponent = void 0;
 
-const vutils_extension_1 = require("@visactor/vutils-extension"), vscale_1 = require("@visactor/vscale"), base_component_1 = require("../base/base-component"), data_1 = require("../../compile/data"), model_1 = require("../../util/model"), merge_spec_1 = require("../../util/spec/merge-spec"), constant_1 = require("../../constant"), utils_1 = require("../../animation/utils"), vutils_1 = require("@visactor/vutils"), util_1 = require("./util"), style_1 = require("../../util/style"), vdataset_1 = require("@visactor/vdataset"), vgrammar_core_1 = require("@visactor/vgrammar-core"), component_1 = require("../../mark/component"), factory_1 = require("../../core/factory"), vrender_components_1 = require("@visactor/vrender-components"), vrender_core_1 = require("@visactor/vrender-core"), scale_1 = require("../../data/parser/scale"), register_1 = require("../../data/register"), util_2 = require("../util");
+const vutils_extension_1 = require("@visactor/vutils-extension"), vscale_1 = require("@visactor/vscale"), base_component_1 = require("../base/base-component"), data_1 = require("../../compile/data"), model_1 = require("../../util/model"), vutils_extension_2 = require("@visactor/vutils-extension"), constant_1 = require("../../constant"), utils_1 = require("../../animation/utils"), vutils_1 = require("@visactor/vutils"), util_1 = require("./util"), style_1 = require("../../util/style"), vdataset_1 = require("@visactor/vdataset"), vgrammar_core_1 = require("@visactor/vgrammar-core"), component_1 = require("../../mark/component"), factory_1 = require("../../core/factory"), vrender_components_1 = require("@visactor/vrender-components"), vrender_core_1 = require("@visactor/vrender-core"), scale_1 = require("../../data/parser/scale"), register_1 = require("../../data/register"), util_2 = require("../util");
 
 class AxisComponent extends base_component_1.BaseComponent {
     getOrient() {
@@ -183,6 +183,13 @@ class AxisComponent extends base_component_1.BaseComponent {
     }
     updateScaleDomain() {}
     _clearRawDomain() {}
+    onLayoutEnd(ctx) {
+        this.updateScaleRange();
+        this.event.emit(constant_1.ChartEvent.scaleUpdate, {
+            model: this,
+            value: "range"
+        }), super.onLayoutEnd(ctx);
+    }
     computeData(updateType) {
         !this._tickData || !this._tickData.length || "force" !== updateType && (0, vutils_1.isEqual)(this._scale.range(), [ 0, 1 ]) || this._tickData.forEach((tickData => {
             tickData.getDataView().reRunAllTransform(), tickData.updateData();
@@ -226,7 +233,7 @@ class AxisComponent extends base_component_1.BaseComponent {
             axisAttrs.label = labelSpec, spec.label.style && (axisAttrs.label.style = (0, vutils_1.isFunction)(spec.label.style) ? (datum, index, data, layer) => {
                 var _a;
                 const style = spec.label.style(datum.rawValue, index, datum, data, layer);
-                return (0, style_1.transformToGraphic)((0, merge_spec_1.mergeSpec)({}, null === (_a = this._theme.label) || void 0 === _a ? void 0 : _a.style, style));
+                return (0, style_1.transformToGraphic)((0, vutils_extension_2.mergeSpec)({}, null === (_a = this._theme.label) || void 0 === _a ? void 0 : _a.style, style));
             } : (0, style_1.transformToGraphic)(spec.label.style)), (spec.label.formatMethod || spec.label.formatter) && (axisAttrs.label.formatMethod = this._getLabelFormatMethod()), 
             spec.label.state && (axisAttrs.label.state = (0, style_1.transformAxisLabelStateStyle)(spec.label.state));
         } else axisAttrs.label = {
@@ -241,7 +248,7 @@ class AxisComponent extends base_component_1.BaseComponent {
         }, spec.tick.style && (axisAttrs.tick.style = (0, vutils_1.isFunction)(spec.tick.style) ? (value, index, datum, data) => {
             var _a;
             const style = spec.tick.style(value, index, datum, data);
-            return (0, style_1.transformToGraphic)((0, merge_spec_1.mergeSpec)({}, null === (_a = this._theme.tick) || void 0 === _a ? void 0 : _a.style, style));
+            return (0, style_1.transformToGraphic)((0, vutils_extension_2.mergeSpec)({}, null === (_a = this._theme.tick) || void 0 === _a ? void 0 : _a.style, style));
         } : (0, style_1.transformToGraphic)(spec.tick.style)), spec.tick.state && (axisAttrs.tick.state = (0, 
         style_1.transformStateStyle)(spec.tick.state))) : axisAttrs.tick = {
             visible: !1
@@ -253,7 +260,7 @@ class AxisComponent extends base_component_1.BaseComponent {
         }, spec.subTick.style && (axisAttrs.subTick.style = (0, vutils_1.isFunction)(spec.subTick.style) ? (value, index, datum, data) => {
             var _a;
             const style = spec.subTick.style(value, index, datum, data);
-            return (0, style_1.transformToGraphic)((0, merge_spec_1.mergeSpec)({}, null === (_a = this._theme.subTick) || void 0 === _a ? void 0 : _a.style, style));
+            return (0, style_1.transformToGraphic)((0, vutils_extension_2.mergeSpec)({}, null === (_a = this._theme.subTick) || void 0 === _a ? void 0 : _a.style, style));
         } : (0, style_1.transformToGraphic)(spec.subTick.style)), spec.subTick.state && (axisAttrs.subTick.state = (0, 
         style_1.transformStateStyle)(spec.subTick.state))) : axisAttrs.subTick = {
             visible: !1
@@ -264,7 +271,7 @@ class AxisComponent extends base_component_1.BaseComponent {
             titleTextStyle = util_1.DEFAULT_TITLE_STYLE[spec.orient]), axisAttrs.title = Object.assign(Object.assign({}, restTitleAttrs), {
                 autoRotate: !1,
                 angle: titleAngle ? (0, vutils_1.degreeToRadian)(titleAngle) : null,
-                textStyle: (0, merge_spec_1.mergeSpec)({}, titleTextStyle, (0, style_1.transformToGraphic)(titleStyle)),
+                textStyle: (0, vutils_extension_2.mergeSpec)({}, titleTextStyle, (0, style_1.transformToGraphic)(titleStyle)),
                 pickable: !1 !== titleStyle.pickable,
                 childrenPickable: !1 !== titleStyle.pickable,
                 state: {}
@@ -295,7 +302,7 @@ class AxisComponent extends base_component_1.BaseComponent {
             style: (0, vutils_1.isFunction)(spec.grid.style) ? () => (datum, index) => {
                 var _a, _b;
                 const style = spec.grid.style(null === (_a = datum.datum) || void 0 === _a ? void 0 : _a.rawValue, index, datum.datum);
-                return (0, style_1.transformToGraphic)((0, merge_spec_1.mergeSpec)({}, null === (_b = this._theme.grid) || void 0 === _b ? void 0 : _b.style, style));
+                return (0, style_1.transformToGraphic)((0, vutils_extension_2.mergeSpec)({}, null === (_b = this._theme.grid) || void 0 === _b ? void 0 : _b.style, style));
             } : (0, style_1.transformToGraphic)(spec.grid.style),
             subGrid: !1 === spec.subGrid.visible ? {
                 visible: !1