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

package/esm/chart/waterfall/waterfall.js

@@ -2,8 +2,6 @@ import { SeriesTypeEnum } from "../../series/interface/type";
 
 import { BarChart } from "../bar";
 
-import { ChartTypeEnum } from "../interface/type";
-
 import { registerWaterfallSeries } from "../../series/waterfall/waterfall";
 
 import { Factory } from "../../core/factory";
@@ -13,11 +11,11 @@ import { WaterfallChartSpecTransformer } from "./waterfall-transformer";
 export class WaterfallChart extends BarChart {
     constructor() {
         super(...arguments), this.transformerConstructor = WaterfallChartSpecTransformer, 
-        this.type = ChartTypeEnum.waterfall, this.seriesType = SeriesTypeEnum.waterfall;
+        this.type = "waterfall", this.seriesType = SeriesTypeEnum.waterfall;
     }
 }
 
-WaterfallChart.type = ChartTypeEnum.waterfall, WaterfallChart.seriesType = SeriesTypeEnum.waterfall, 
+WaterfallChart.type = "waterfall", WaterfallChart.seriesType = SeriesTypeEnum.waterfall, 
 WaterfallChart.view = "singleDefault", WaterfallChart.transformerConstructor = WaterfallChartSpecTransformer;
 
 export const registerWaterfallChart = () => {

package/esm/chart/waterfall/waterfall.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart/waterfall/waterfall.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAExE,MAAM,OAAO,cAAoE,SAAQ,QAExF;IAFD;;QAQW,2BAAsB,GAAG,6BAA6B,CAAC;QACvD,SAAI,GAAW,aAAa,CAAC,SAAS,CAAC;QACvC,eAAU,GAAW,cAAc,CAAC,SAAS,CAAC;IACzD,CAAC;;AARiB,mBAAI,GAAW,aAAa,CAAC,SAAS,CAAC;AACvC,yBAAU,GAAW,cAAc,CAAC,SAAS,CAAC;AAC9C,mBAAI,GAAW,eAAe,CAAC;AAC/B,qCAAsB,GAAG,6BAA6B,CAAC;AAOzE,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,uBAAuB,EAAE,CAAC;IAC1B,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;AAC7D,CAAC,CAAC","file":"waterfall.js","sourcesContent":["import { SeriesTypeEnum } from '../../series/interface/type';\nimport { BarChart } from '../bar';\nimport { ChartTypeEnum } from '../interface/type';\nimport type { IWaterfallChartSpec } from './interface';\nimport { registerWaterfallSeries } from '../../series/waterfall/waterfall';\nimport { Factory } from '../../core/factory';\nimport type { AdaptiveSpec } from '../../typings';\nimport { WaterfallChartSpecTransformer } from './waterfall-transformer';\n\nexport class WaterfallChart<T extends IWaterfallChartSpec = IWaterfallChartSpec> extends BarChart<\n  AdaptiveSpec<T, 'type' | 'series' | 'label'>\n> {\n  static readonly type: string = ChartTypeEnum.waterfall;\n  static readonly seriesType: string = SeriesTypeEnum.waterfall;\n  static readonly view: string = 'singleDefault';\n  static readonly transformerConstructor = WaterfallChartSpecTransformer;\n  // @ts-ignore\n  readonly transformerConstructor = WaterfallChartSpecTransformer;\n  readonly type: string = ChartTypeEnum.waterfall;\n  readonly seriesType: string = SeriesTypeEnum.waterfall;\n}\n\nexport const registerWaterfallChart = () => {\n  registerWaterfallSeries();\n  Factory.registerChart(WaterfallChart.type, WaterfallChart);\n};\n"]}
+{"version":3,"sources":["../src/chart/waterfall/waterfall.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGlC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAExE,MAAM,OAAO,cAAoE,SAAQ,QAExF;IAFD;;QAQW,2BAAsB,GAAG,6BAA6B,CAAC;QACvD,SAAI,eAAmC;QACvC,eAAU,GAAW,cAAc,CAAC,SAAS,CAAC;IACzD,CAAC;;AARiB,mBAAI,eAAmC;AACvC,yBAAU,GAAW,cAAc,CAAC,SAAS,CAAC;AAC9C,mBAAI,GAAW,eAAe,CAAC;AAC/B,qCAAsB,GAAG,6BAA6B,CAAC;AAOzE,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,uBAAuB,EAAE,CAAC;IAC1B,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;AAC7D,CAAC,CAAC","file":"waterfall.js","sourcesContent":["import { SeriesTypeEnum } from '../../series/interface/type';\nimport { BarChart } from '../bar';\nimport { ChartTypeEnum } from '../interface/type';\nimport type { IWaterfallChartSpec } from './interface';\nimport { registerWaterfallSeries } from '../../series/waterfall/waterfall';\nimport { Factory } from '../../core/factory';\nimport type { AdaptiveSpec } from '../../typings';\nimport { WaterfallChartSpecTransformer } from './waterfall-transformer';\n\nexport class WaterfallChart<T extends IWaterfallChartSpec = IWaterfallChartSpec> extends BarChart<\n  AdaptiveSpec<T, 'type' | 'series' | 'label'>\n> {\n  static readonly type: string = ChartTypeEnum.waterfall;\n  static readonly seriesType: string = SeriesTypeEnum.waterfall;\n  static readonly view: string = 'singleDefault';\n  static readonly transformerConstructor = WaterfallChartSpecTransformer;\n  // @ts-ignore\n  readonly transformerConstructor = WaterfallChartSpecTransformer;\n  readonly type: string = ChartTypeEnum.waterfall;\n  readonly seriesType: string = SeriesTypeEnum.waterfall;\n}\n\nexport const registerWaterfallChart = () => {\n  registerWaterfallSeries();\n  Factory.registerChart(WaterfallChart.type, WaterfallChart);\n};\n"]}

package/esm/chart/word-cloud/3d/word-cloud-3d.js

@@ -1,7 +1,5 @@
 import { SeriesTypeEnum } from "../../../series/interface/type";
 
-import { ChartTypeEnum } from "../../interface/type";
-
 import { BaseWordCloudChart } from "../base/base";
 
 import { registerWordCloud3dSeries, registerWordCloudShape3dSeries } from "../../../series/word-cloud/word-cloud-3d";
@@ -13,11 +11,11 @@ import { WordCloud3dChartSpecTransformer } from "./word-cloud-3d-transformer";
 export class WordCloud3dChart extends BaseWordCloudChart {
     constructor() {
         super(...arguments), this.transformerConstructor = WordCloud3dChartSpecTransformer, 
-        this.type = ChartTypeEnum.wordCloud3d, this.seriesType = SeriesTypeEnum.wordCloud3d;
+        this.type = "wordCloud3d", this.seriesType = SeriesTypeEnum.wordCloud3d;
     }
 }
 
-WordCloud3dChart.type = ChartTypeEnum.wordCloud3d, WordCloud3dChart.seriesType = SeriesTypeEnum.wordCloud3d, 
+WordCloud3dChart.type = "wordCloud3d", WordCloud3dChart.seriesType = SeriesTypeEnum.wordCloud3d, 
 WordCloud3dChart.view = "singleDefault", WordCloud3dChart.transformerConstructor = WordCloud3dChartSpecTransformer;
 
 export const registerWordCloud3dChart = () => {

package/esm/chart/word-cloud/3d/word-cloud-3d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart/word-cloud/3d/word-cloud-3d.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AACrH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,OAAO,gBAA0E,SAAQ,kBAE9F;IAFD;;QAQW,2BAAsB,GAAG,+BAA+B,CAAC;QACzD,SAAI,GAAW,aAAa,CAAC,WAAW,CAAC;QACzC,eAAU,GAAW,cAAc,CAAC,WAAW,CAAC;IAC3D,CAAC;;AARiB,qBAAI,GAAW,aAAa,CAAC,WAAW,CAAC;AACzC,2BAAU,GAAW,cAAc,CAAC,WAAW,CAAC;AAChD,qBAAI,GAAW,eAAe,CAAC;AAC/B,uCAAsB,GAAG,+BAA+B,CAAC;AAO3E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,yBAAyB,EAAE,CAAC;IAC5B,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,8BAA8B,EAAE,CAAC;IACjC,wBAAwB,EAAE,CAAC;AAC7B,CAAC,CAAC","file":"word-cloud-3d.js","sourcesContent":["import { SeriesTypeEnum } from '../../../series/interface/type';\nimport { ChartTypeEnum } from '../../interface/type';\nimport type { IWordCloud3dChartSpec } from '../interface';\nimport { BaseWordCloudChart } from '../base/base';\nimport { registerWordCloud3dSeries, registerWordCloudShape3dSeries } from '../../../series/word-cloud/word-cloud-3d';\nimport { Factory } from '../../../core/factory';\nimport type { AdaptiveSpec } from '../../../typings';\nimport { WordCloud3dChartSpecTransformer } from './word-cloud-3d-transformer';\n\nexport class WordCloud3dChart<T extends IWordCloud3dChartSpec = IWordCloud3dChartSpec> extends BaseWordCloudChart<\n  AdaptiveSpec<T, 'type' | 'series'>\n> {\n  static readonly type: string = ChartTypeEnum.wordCloud3d;\n  static readonly seriesType: string = SeriesTypeEnum.wordCloud3d;\n  static readonly view: string = 'singleDefault';\n  static readonly transformerConstructor = WordCloud3dChartSpecTransformer;\n  // @ts-ignore\n  readonly transformerConstructor = WordCloud3dChartSpecTransformer;\n  readonly type: string = ChartTypeEnum.wordCloud3d;\n  readonly seriesType: string = SeriesTypeEnum.wordCloud3d;\n}\n\nexport const registerWordCloud3dChart = () => {\n  registerWordCloud3dSeries();\n  Factory.registerChart(WordCloud3dChart.type, WordCloud3dChart);\n};\n\nexport const registerWordCloudShape3dChart = () => {\n  registerWordCloudShape3dSeries();\n  registerWordCloud3dChart();\n};\n"]}
+{"version":3,"sources":["../src/chart/word-cloud/3d/word-cloud-3d.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAGhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AACrH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,OAAO,gBAA0E,SAAQ,kBAE9F;IAFD;;QAQW,2BAAsB,GAAG,+BAA+B,CAAC;QACzD,SAAI,iBAAqC;QACzC,eAAU,GAAW,cAAc,CAAC,WAAW,CAAC;IAC3D,CAAC;;AARiB,qBAAI,iBAAqC;AACzC,2BAAU,GAAW,cAAc,CAAC,WAAW,CAAC;AAChD,qBAAI,GAAW,eAAe,CAAC;AAC/B,uCAAsB,GAAG,+BAA+B,CAAC;AAO3E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,yBAAyB,EAAE,CAAC;IAC5B,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,8BAA8B,EAAE,CAAC;IACjC,wBAAwB,EAAE,CAAC;AAC7B,CAAC,CAAC","file":"word-cloud-3d.js","sourcesContent":["import { SeriesTypeEnum } from '../../../series/interface/type';\nimport { ChartTypeEnum } from '../../interface/type';\nimport type { IWordCloud3dChartSpec } from '../interface';\nimport { BaseWordCloudChart } from '../base/base';\nimport { registerWordCloud3dSeries, registerWordCloudShape3dSeries } from '../../../series/word-cloud/word-cloud-3d';\nimport { Factory } from '../../../core/factory';\nimport type { AdaptiveSpec } from '../../../typings';\nimport { WordCloud3dChartSpecTransformer } from './word-cloud-3d-transformer';\n\nexport class WordCloud3dChart<T extends IWordCloud3dChartSpec = IWordCloud3dChartSpec> extends BaseWordCloudChart<\n  AdaptiveSpec<T, 'type' | 'series'>\n> {\n  static readonly type: string = ChartTypeEnum.wordCloud3d;\n  static readonly seriesType: string = SeriesTypeEnum.wordCloud3d;\n  static readonly view: string = 'singleDefault';\n  static readonly transformerConstructor = WordCloud3dChartSpecTransformer;\n  // @ts-ignore\n  readonly transformerConstructor = WordCloud3dChartSpecTransformer;\n  readonly type: string = ChartTypeEnum.wordCloud3d;\n  readonly seriesType: string = SeriesTypeEnum.wordCloud3d;\n}\n\nexport const registerWordCloud3dChart = () => {\n  registerWordCloud3dSeries();\n  Factory.registerChart(WordCloud3dChart.type, WordCloud3dChart);\n};\n\nexport const registerWordCloudShape3dChart = () => {\n  registerWordCloudShape3dSeries();\n  registerWordCloud3dChart();\n};\n"]}

package/esm/chart/word-cloud/base/base.js

@@ -1,7 +1,5 @@
 import { SeriesTypeEnum } from "../../../series/interface/type";
 
-import { ChartTypeEnum } from "../../interface/type";
-
 import { BaseChart } from "../../base/base-chart";
 
 import { BaseWordCloudChartSpecTransformer } from "./word-cloud-base-transformer";
@@ -9,7 +7,7 @@ import { BaseWordCloudChartSpecTransformer } from "./word-cloud-base-transformer
 export class BaseWordCloudChart extends BaseChart {
     constructor() {
         super(...arguments), this.transformerConstructor = BaseWordCloudChartSpecTransformer, 
-        this.type = ChartTypeEnum.wordCloud, this.seriesType = SeriesTypeEnum.wordCloud;
+        this.type = "wordCloud", this.seriesType = SeriesTypeEnum.wordCloud;
     }
 }
 

package/esm/chart/word-cloud/base/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart/word-cloud/base/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;AAElF,MAAM,OAAO,kBAAkD,SAAQ,SAAY;IAAnF;;QAEW,2BAAsB,GAAG,iCAAiC,CAAC;QAC3D,SAAI,GAAW,aAAa,CAAC,SAAS,CAAC;QACvC,eAAU,GAAW,cAAc,CAAC,SAAS,CAAC;IACzD,CAAC;;AAJiB,yCAAsB,GAAG,iCAAiC,CAAC","file":"base.js","sourcesContent":["import { SeriesTypeEnum } from '../../../series/interface/type';\nimport { ChartTypeEnum } from '../../interface/type';\nimport { BaseChart } from '../../base/base-chart';\nimport type { IWordCloudChartSpec } from '../interface';\nimport { BaseWordCloudChartSpecTransformer } from './word-cloud-base-transformer';\n\nexport class BaseWordCloudChart<T extends IWordCloudChartSpec> extends BaseChart<T> {\n  static readonly transformerConstructor = BaseWordCloudChartSpecTransformer;\n  readonly transformerConstructor = BaseWordCloudChartSpecTransformer;\n  readonly type: string = ChartTypeEnum.wordCloud;\n  readonly seriesType: string = SeriesTypeEnum.wordCloud;\n}\n"]}
+{"version":3,"sources":["../src/chart/word-cloud/base/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;AAElF,MAAM,OAAO,kBAAkD,SAAQ,SAAY;IAAnF;;QAEW,2BAAsB,GAAG,iCAAiC,CAAC;QAC3D,SAAI,eAAmC;QACvC,eAAU,GAAW,cAAc,CAAC,SAAS,CAAC;IACzD,CAAC;;AAJiB,yCAAsB,GAAG,iCAAiC,CAAC","file":"base.js","sourcesContent":["import { SeriesTypeEnum } from '../../../series/interface/type';\nimport { ChartTypeEnum } from '../../interface/type';\nimport { BaseChart } from '../../base/base-chart';\nimport type { IWordCloudChartSpec } from '../interface';\nimport { BaseWordCloudChartSpecTransformer } from './word-cloud-base-transformer';\n\nexport class BaseWordCloudChart<T extends IWordCloudChartSpec> extends BaseChart<T> {\n  static readonly transformerConstructor = BaseWordCloudChartSpecTransformer;\n  readonly transformerConstructor = BaseWordCloudChartSpecTransformer;\n  readonly type: string = ChartTypeEnum.wordCloud;\n  readonly seriesType: string = SeriesTypeEnum.wordCloud;\n}\n"]}

package/esm/chart/word-cloud/word-cloud.js

@@ -1,7 +1,5 @@
 import { SeriesTypeEnum } from "../../series/interface/type";
 
-import { ChartTypeEnum } from "../interface/type";
-
 import { BaseWordCloudChart } from "./base/base";
 
 import { registerWordCloudSeries, registerWordCloudShapeSeries } from "../../series/word-cloud/word-cloud";
@@ -13,11 +11,11 @@ import { WordCloudChartSpecTransformer } from "./word-cloud-transformer";
 export class WordCloudChart extends BaseWordCloudChart {
     constructor() {
         super(...arguments), this.transformerConstructor = WordCloudChartSpecTransformer, 
-        this.type = ChartTypeEnum.wordCloud, this.seriesType = SeriesTypeEnum.wordCloud;
+        this.type = "wordCloud", this.seriesType = SeriesTypeEnum.wordCloud;
     }
 }
 
-WordCloudChart.type = ChartTypeEnum.wordCloud, WordCloudChart.seriesType = SeriesTypeEnum.wordCloud, 
+WordCloudChart.type = "wordCloud", WordCloudChart.seriesType = SeriesTypeEnum.wordCloud, 
 WordCloudChart.view = "singleDefault", WordCloudChart.transformerConstructor = WordCloudChartSpecTransformer;
 
 export const registerWordCloudChart = () => {

package/esm/chart/word-cloud/word-cloud.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart/word-cloud/word-cloud.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAC3G,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,OAAO,cAAoE,SAAQ,kBAAqB;IAA9G;;QAKW,2BAAsB,GAAG,6BAA6B,CAAC;QACvD,SAAI,GAAW,aAAa,CAAC,SAAS,CAAC;QACvC,eAAU,GAAW,cAAc,CAAC,SAAS,CAAC;IACzD,CAAC;;AAPiB,mBAAI,GAAW,aAAa,CAAC,SAAS,CAAC;AACvC,yBAAU,GAAW,cAAc,CAAC,SAAS,CAAC;AAC9C,mBAAI,GAAW,eAAe,CAAC;AAC/B,qCAAsB,GAAG,6BAA6B,CAAC;AAMzE,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,uBAAuB,EAAE,CAAC;IAC1B,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;AAC7D,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,4BAA4B,EAAE,CAAC;IAC/B,sBAAsB,EAAE,CAAC;AAC3B,CAAC,CAAC","file":"word-cloud.js","sourcesContent":["import { SeriesTypeEnum } from '../../series/interface/type';\nimport { ChartTypeEnum } from '../interface/type';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IWordCloudChartSpec } from './interface';\nimport { BaseWordCloudChart } from './base/base';\nimport { registerWordCloudSeries, registerWordCloudShapeSeries } from '../../series/word-cloud/word-cloud';\nimport { Factory } from '../../core/factory';\nimport { WordCloudChartSpecTransformer } from './word-cloud-transformer';\n\nexport class WordCloudChart<T extends IWordCloudChartSpec = IWordCloudChartSpec> extends BaseWordCloudChart<T> {\n  static readonly type: string = ChartTypeEnum.wordCloud;\n  static readonly seriesType: string = SeriesTypeEnum.wordCloud;\n  static readonly view: string = 'singleDefault';\n  static readonly transformerConstructor = WordCloudChartSpecTransformer;\n  readonly transformerConstructor = WordCloudChartSpecTransformer;\n  readonly type: string = ChartTypeEnum.wordCloud;\n  readonly seriesType: string = SeriesTypeEnum.wordCloud;\n}\n\nexport const registerWordCloudChart = () => {\n  registerWordCloudSeries();\n  Factory.registerChart(WordCloudChart.type, WordCloudChart);\n};\n\n// Splitting the register logic into two parts is to tree-shake the unused transforms as much as possible.\n// Especially in the cross-terminal environment,  word-cloud shape is not compatible.\nexport const registerWordCloudShapeChart = () => {\n  registerWordCloudShapeSeries();\n  registerWordCloudChart();\n};\n"]}
+{"version":3,"sources":["../src/chart/word-cloud/word-cloud.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAI7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAC3G,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,OAAO,cAAoE,SAAQ,kBAAqB;IAA9G;;QAKW,2BAAsB,GAAG,6BAA6B,CAAC;QACvD,SAAI,eAAmC;QACvC,eAAU,GAAW,cAAc,CAAC,SAAS,CAAC;IACzD,CAAC;;AAPiB,mBAAI,eAAmC;AACvC,yBAAU,GAAW,cAAc,CAAC,SAAS,CAAC;AAC9C,mBAAI,GAAW,eAAe,CAAC;AAC/B,qCAAsB,GAAG,6BAA6B,CAAC;AAMzE,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,uBAAuB,EAAE,CAAC;IAC1B,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;AAC7D,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,4BAA4B,EAAE,CAAC;IAC/B,sBAAsB,EAAE,CAAC;AAC3B,CAAC,CAAC","file":"word-cloud.js","sourcesContent":["import { SeriesTypeEnum } from '../../series/interface/type';\nimport { ChartTypeEnum } from '../interface/type';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IWordCloudChartSpec } from './interface';\nimport { BaseWordCloudChart } from './base/base';\nimport { registerWordCloudSeries, registerWordCloudShapeSeries } from '../../series/word-cloud/word-cloud';\nimport { Factory } from '../../core/factory';\nimport { WordCloudChartSpecTransformer } from './word-cloud-transformer';\n\nexport class WordCloudChart<T extends IWordCloudChartSpec = IWordCloudChartSpec> extends BaseWordCloudChart<T> {\n  static readonly type: string = ChartTypeEnum.wordCloud;\n  static readonly seriesType: string = SeriesTypeEnum.wordCloud;\n  static readonly view: string = 'singleDefault';\n  static readonly transformerConstructor = WordCloudChartSpecTransformer;\n  readonly transformerConstructor = WordCloudChartSpecTransformer;\n  readonly type: string = ChartTypeEnum.wordCloud;\n  readonly seriesType: string = SeriesTypeEnum.wordCloud;\n}\n\nexport const registerWordCloudChart = () => {\n  registerWordCloudSeries();\n  Factory.registerChart(WordCloudChart.type, WordCloudChart);\n};\n\n// Splitting the register logic into two parts is to tree-shake the unused transforms as much as possible.\n// Especially in the cross-terminal environment,  word-cloud shape is not compatible.\nexport const registerWordCloudShapeChart = () => {\n  registerWordCloudShapeSeries();\n  registerWordCloudChart();\n};\n"]}

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

@@ -34,6 +34,8 @@ export interface IRenderOption {
     pluginList?: string[];
     optimize?: IOptimizeType;
     enableHtmlAttribute?: boolean;
+    supportsTouchEvents?: boolean;
+    supportsPointerEvents?: boolean;
 }
 export type CompilerListenerParameters = {
     type: EventType;

package/esm/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\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\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/esm/compile/mark/interface.d.ts

@@ -132,15 +132,6 @@ export type STATE_CUSTOM = string;
 export type StateValueNot = STATE_HOVER_REVERSE | STATE_CUSTOM;
 export type StateValue = STATE_NORMAL | STATE_HOVER | STATE_CUSTOM;
 export type StateValueType = StateValue | StateValueNot;
-export declare enum STATE_LEVEL {
-    NORMAL = 0,
-    DIMENSION_SELECTED = 1,
-    RELATIONAL_SELECTED = 2,
-    SELECTED = 3,
-    DIMENSION_HOVER = 4,
-    RELATIONAL_HOVER = 5,
-    HOVER = 6
-}
 export interface IAttributeOpt {
     element: IElement;
     mark: IElement['mark'];

package/esm/compile/mark/interface.js

@@ -13,13 +13,4 @@ export var STATE_VALUE_ENUM_REVERSE;
     STATE_VALUE_ENUM_REVERSE.STATE_HOVER_REVERSE = "hover_reverse", STATE_VALUE_ENUM_REVERSE.STATE_DIMENSION_HOVER_REVERSE = "dimension_hover_reverse", 
     STATE_VALUE_ENUM_REVERSE.STATE_SELECTED_REVERSE = "selected_reverse";
 }(STATE_VALUE_ENUM_REVERSE || (STATE_VALUE_ENUM_REVERSE = {}));
-
-export var STATE_LEVEL;
-
-!function(STATE_LEVEL) {
-    STATE_LEVEL[STATE_LEVEL.NORMAL = 0] = "NORMAL", STATE_LEVEL[STATE_LEVEL.DIMENSION_SELECTED = 1] = "DIMENSION_SELECTED", 
-    STATE_LEVEL[STATE_LEVEL.RELATIONAL_SELECTED = 2] = "RELATIONAL_SELECTED", STATE_LEVEL[STATE_LEVEL.SELECTED = 3] = "SELECTED", 
-    STATE_LEVEL[STATE_LEVEL.DIMENSION_HOVER = 4] = "DIMENSION_HOVER", STATE_LEVEL[STATE_LEVEL.RELATIONAL_HOVER = 5] = "RELATIONAL_HOVER", 
-    STATE_LEVEL[STATE_LEVEL.HOVER = 6] = "HOVER";
-}(STATE_LEVEL || (STATE_LEVEL = {}));
 //# sourceMappingURL=interface.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/compile/mark/interface.ts"],"names":[],"mappings":"AAqNA,MAAM,CAAN,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,KAAhB,gBAAgB,QAW3B;AAGD,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,iEAAqC,CAAA;IACrC,qFAAyD,CAAA;IACzD,uEAA2C,CAAA;AAC7C,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,QAInC;AAcD,MAAM,CAAN,IAAY,WAQX;AARD,WAAY,WAAW;IACrB,iDAAU,CAAA;IACV,yEAAsB,CAAA;IACtB,2EAAuB,CAAA;IACvB,qDAAY,CAAA;IACZ,mEAAmB,CAAA;IACnB,qEAAoB,CAAA;IACpB,+CAAS,CAAA;AACX,CAAC,EARW,WAAW,KAAX,WAAW,QAQtB","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 { TransformedLabelSpec } from '../../component/label';\nimport type { IRegion } from '../../region/interface';\nimport type { ICustomPath2D } 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  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\n// TODO: 也许有更好的ts写法\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\n// TODO: 迁移内容\nexport enum STATE_LEVEL {\n  NORMAL = 0,\n  DIMENSION_SELECTED = 1,\n  RELATIONAL_SELECTED = 2,\n  SELECTED = 3,\n  DIMENSION_HOVER = 4,\n  RELATIONAL_HOVER = 5,\n  HOVER = 6\n}\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"]}
+{"version":3,"sources":["../src/compile/mark/interface.ts"],"names":[],"mappings":"AAsNA,MAAM,CAAN,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,KAAhB,gBAAgB,QAW3B;AAGD,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,iEAAqC,CAAA;IACrC,qFAAyD,CAAA;IACzD,uEAA2C,CAAA;AAC7C,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,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 { TransformedLabelSpec } from '../../component/label';\nimport type { IRegion } from '../../region/interface';\nimport type { ICustomPath2D } 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  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\n// TODO: enum to const\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\n// TODO: 也许有更好的ts写法\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"]}

package/esm/component/axis/cartesian/axis.d.ts

@@ -3,7 +3,7 @@ import type { IEffect, IModelInitOption, IModelSpecInfo } from '../../../model/i
 import type { ICartesianSeries } from '../../../series/interface';
 import type { IRegion } from '../../../region/interface';
 import type { ICartesianAxisCommonSpec, IAxisHelper } from './interface';
-import type { IOrientType } from '../../../typings/space';
+import type { IOrientType, IRect } from '../../../typings/space';
 import type { IBaseScale } from '@visactor/vscale';
 import type { StringOrNumber } from '../../../typings/common';
 import type { IPoint } from '../../../typings/coordinate';
@@ -50,6 +50,12 @@ export declare abstract class CartesianAxis<T extends ICartesianAxisCommonSpec =
         height: number;
         _lastComputeOutBounds: IBoundsLike;
     };
+    protected _innerOffset: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
     constructor(spec: T, options: IComponentOption);
     static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     static createComponent(specInfo: IModelSpecInfo, options: IComponentOption): IAxis;
@@ -69,6 +75,7 @@ export declare abstract class CartesianAxis<T extends ICartesianAxisCommonSpec =
     protected updateScaleRange(): boolean;
     init(option: IModelInitOption): void;
     setAttrFromSpec(): void;
+    onLayoutStart(layoutRect: IRect, viewRect: ILayoutRect, ctx: any): void;
     protected getSeriesStatisticsField(s: ICartesianSeries): string[];
     protected _tickTransformOption(): ICartesianTickDataOpt;
     protected axisHelper(): IAxisHelper;

package/esm/component/axis/cartesian/axis.js

@@ -8,9 +8,7 @@ var __rest = this && this.__rest || function(s, e) {
     return t;
 };
 
-import { isArray, isValid, isValidNumber, mergeSpec, eachSeries, isNil, isUndefined } from "../../../util";
-
-import { Direction } from "../../../typings/space";
+import { isArray, isValid, isValidNumber, mergeSpec, eachSeries, isNil, isUndefined, calcLayoutNumber } from "../../../util";
 
 import { isContinuous } from "@visactor/vscale";
 
@@ -60,6 +58,11 @@ export class CartesianAxis extends AxisComponent {
                 y1: 0,
                 y2: 0
             }
+        }, this._innerOffset = {
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0
         }, this.effect = {
             scaleUpdate: params => {
                 this.computeData(null == params ? void 0 : params.value), eachSeries(this._regions, (s => {
@@ -104,7 +107,7 @@ export class CartesianAxis extends AxisComponent {
             if (this.visible && onZero && !1 !== visible) {
                 const {onZeroAxisId: onZeroAxisId, onZeroAxisIndex: onZeroAxisIndex} = this._spec.domainLine, axesComponents = this._option.getComponentsByKey("axes"), isX = isXAxis(this.getOrient()), isValidAxis = item => {
                     var _a;
-                    return (isX ? !isXAxis(item.orient) : isXAxis(item.orient)) && isContinuous(item.getScale().type) && (null === (_a = item.getTickData().getLatestData()) || void 0 === _a ? void 0 : _a.find((d => 0 === d.value)));
+                    return (isX ? !isXAxis(item.getOrient()) : isXAxis(item.getOrient())) && isContinuous(item.getScale().type) && item.getTickData() ? null === (_a = item.getTickData().getLatestData()) || void 0 === _a ? void 0 : _a.find((d => 0 === d.value)) : item.getScale().ticks().includes(0);
                 }, relativeAxes = axesComponents.filter((item => isValidAxis(item)));
                 if (relativeAxes.length) {
                     let bindAxis;
@@ -132,7 +135,7 @@ export class CartesianAxis extends AxisComponent {
     static getSpecInfo(chartSpec) {
         const axesSpec = chartSpec[this.specKey];
         if (!axesSpec) return null;
-        const isHorizontal = chartSpec.direction === Direction.horizontal;
+        const isHorizontal = "horizontal" === chartSpec.direction;
         if (!isArray(axesSpec)) {
             if (!isValidCartesianAxis(axesSpec)) return null;
             const {axisType: axisType, componentName: componentName} = getCartesianAxisInfo(axesSpec, isHorizontal);
@@ -178,10 +181,10 @@ export class CartesianAxis extends AxisComponent {
     }
     updateScaleRange() {
         let isScaleChange = !1;
-        const {width: width, height: height} = this.getLayoutRect();
+        const {width: width, height: height} = this.getLayoutRect(), {left: left, right: right, top: top, bottom: bottom} = this._innerOffset;
         let newRange = [];
-        isXAxis(this.getOrient()) ? isValidNumber(width) && (newRange = this._inverse ? [ width, 0 ] : [ 0, width ]) : isZAxis(this.getOrient()) ? isValidNumber(width) && (newRange = this._inverse ? [ width, 0 ] : [ 0, width ], 
-        this._scale.range(newRange)) : isValidNumber(height) && (newRange = this._inverse ? [ 0, height ] : [ height, 0 ]);
+        isXAxis(this.getOrient()) ? isValidNumber(width) && (newRange = this._inverse ? [ width - right, left ] : [ left, width - right ]) : isZAxis(this.getOrient()) ? isValidNumber(width) && (newRange = this._inverse ? [ width - right, left ] : [ left, width - right ], 
+        this._scale.range(newRange)) : isValidNumber(height) && (newRange = this._inverse ? [ top, height - bottom ] : [ height - bottom, top ]);
         const [start, end] = this._scale.range();
         return newRange[0] === start && newRange[1] === end || (isScaleChange = !0, this._scale.range(newRange)), 
         isScaleChange;
@@ -203,7 +206,17 @@ export class CartesianAxis extends AxisComponent {
         }
         this._tick = this._spec.tick;
         const chartSpec = null === (_a = this._option.getChart()) || void 0 === _a ? void 0 : _a.getSpec();
-        this._inverse = transformInverse(this._spec, (null == chartSpec ? void 0 : chartSpec.direction) === Direction.horizontal);
+        this._inverse = transformInverse(this._spec, "horizontal" === (null == chartSpec ? void 0 : chartSpec.direction));
+    }
+    onLayoutStart(layoutRect, viewRect, ctx) {
+        if (super.onLayoutStart(layoutRect, viewRect, ctx), !isZAxis(this.getOrient()) && this._spec.innerOffset) {
+            const spec = this._spec;
+            isYAxis(this.getOrient()) ? [ "top", "bottom" ].forEach((orient => {
+                this._innerOffset[orient] = calcLayoutNumber(spec.innerOffset[orient], viewRect.height, viewRect);
+            })) : [ "left", "right" ].forEach((orient => {
+                this._innerOffset[orient] = calcLayoutNumber(spec.innerOffset[orient], viewRect.width, viewRect);
+            }));
+        }
     }
     getSeriesStatisticsField(s) {
         let f;
@@ -275,14 +288,20 @@ export class CartesianAxis extends AxisComponent {
         return eachSeries(this._regions, (s => {
             var _a, _b, _c;
             let field;
-            field = depth > 0 ? null === (_b = null === (_a = s.getGroups()) || void 0 === _a ? void 0 : _a.fields) || void 0 === _b ? void 0 : _b[depth] : isXAxis(this.getOrient()) ? s.fieldX2 ? [ ...s.fieldX, s.fieldX2 ] : s.fieldX : isZAxis(this.getOrient()) ? s.fieldZ : s.fieldY, 
+            if (field = depth > 0 ? null === (_b = null === (_a = s.getGroups()) || void 0 === _a ? void 0 : _a.fields) || void 0 === _b ? void 0 : _b[depth] : isXAxis(this.getOrient()) ? s.fieldX2 ? [ ...s.fieldX, s.fieldX2 ] : s.fieldX : isZAxis(this.getOrient()) ? s.fieldZ : s.fieldY, 
             field = isArray(field) ? isContinuous(this._scale.type) ? field : [ field[0] ] : [ field ], 
-            depth || (this._dataFieldText = s.getFieldAlias(field[0]));
-            const seriesData = null === (_c = s.getViewDataStatistics) || void 0 === _c ? void 0 : _c.call(s);
-            field && field.forEach((f => {
-                var _a;
-                rawData ? data.push(s.getRawDataStatisticsByField(f, !1)) : (null === (_a = null == seriesData ? void 0 : seriesData.latestData) || void 0 === _a ? void 0 : _a[f]) && data.push(seriesData.latestData[f]);
-            }));
+            depth || (this._dataFieldText = s.getFieldAlias(field[0])), field) {
+                const viewData = s.getViewData();
+                if (rawData) field.forEach((f => {
+                    data.push(s.getRawDataStatisticsByField(f, !1));
+                })); else if (viewData && viewData.latestData && viewData.latestData.length) {
+                    const seriesData = null === (_c = s.getViewDataStatistics) || void 0 === _c ? void 0 : _c.call(s);
+                    field.forEach((f => {
+                        var _a;
+                        (null === (_a = null == seriesData ? void 0 : seriesData.latestData) || void 0 === _a ? void 0 : _a[f]) && data.push(seriesData.latestData[f]);
+                    }));
+                }
+            }
         }), {
             userId: this._seriesUserId,
             specIndex: this._seriesIndex