@visactor/vgrammar-plot 0.6.0

package/es/interval.d.ts

@@ -0,0 +1,19 @@
+import type { IntervalEncodeChannels, PlotIntervalEncoderSpec, SemanticTooltipOption, WithDefaultEncode, GenerateBaseEncodeSpec, Nil, ScaleSpec, ValueOf, CrosshairSpec, AttributeTransform, TransformSpec } from '@visactor/vgrammar';
+import { SemanticMark } from './semantic-mark';
+import { GrammarMarkType } from '@visactor/vgrammar';
+import { PlotMakType } from './enums';
+export declare class Interval extends SemanticMark<PlotIntervalEncoderSpec, IntervalEncodeChannels> {
+    static readonly type = PlotMakType.interval;
+    constructor(id?: string | number);
+    setMarkType(): GrammarMarkType.arc | GrammarMarkType.rect;
+    parseScaleByEncode(channel: IntervalEncodeChannels, option: ValueOf<WithDefaultEncode<PlotIntervalEncoderSpec, IntervalEncodeChannels>, IntervalEncodeChannels>): ScaleSpec | Nil;
+    setDefaultMarkTransform(): TransformSpec[];
+    setDefaultCrosshair(): Record<string, Pick<CrosshairSpec, 'crosshairShape' | 'crosshairType'>>;
+    setDefaultTooltip(): SemanticTooltipOption | Nil;
+    setMainMarkSpec(): {
+        attributeTransforms: AttributeTransform[];
+    } | {
+        attributeTransforms?: undefined;
+    };
+    convertMarkEncode(encode: WithDefaultEncode<PlotIntervalEncoderSpec, IntervalEncodeChannels>): GenerateBaseEncodeSpec<PlotIntervalEncoderSpec>;
+}

package/es/interval.js

@@ -0,0 +1,103 @@
+import { field as getFieldAccessor } from "@visactor/vgrammar-util";
+
+import { SemanticMark } from "./semantic-mark";
+
+import { getPalette, GrammarMarkType } from "@visactor/vgrammar";
+
+import { isArray } from "@visactor/vutils";
+
+import { PlotMakType } from "./enums";
+
+export class Interval extends SemanticMark {
+    constructor(id) {
+        super(PlotMakType.interval, id);
+    }
+    setMarkType() {
+        var _a;
+        return "polar" === (null === (_a = this._coordinate) || void 0 === _a ? void 0 : _a.type) ? GrammarMarkType.arc : GrammarMarkType.rect;
+    }
+    parseScaleByEncode(channel, option) {
+        return this.parseScaleOfCommonEncode(channel, option);
+    }
+    setDefaultMarkTransform() {
+        var _a, _b, _c, _d;
+        return [ {
+            type: "dodge",
+            minWidth: null === (_a = this.spec.style) || void 0 === _a ? void 0 : _a.minWidth,
+            maxWidth: null === (_b = this.spec.style) || void 0 === _b ? void 0 : _b.maxWidth,
+            innerGap: null === (_c = this.spec.style) || void 0 === _c ? void 0 : _c.innerGap,
+            categoryGap: null === (_d = this.spec.style) || void 0 === _d ? void 0 : _d.categoryGap
+        } ];
+    }
+    setDefaultCrosshair() {
+        return {
+            x: {
+                crosshairShape: "rect"
+            }
+        };
+    }
+    setDefaultTooltip() {
+        var _a;
+        const encodeY = null === (_a = this.spec.encode) || void 0 === _a ? void 0 : _a.y;
+        return {
+            content: isArray(encodeY) ? encodeY.map((entry => ({
+                value: entry
+            }))) : [ {
+                value: encodeY
+            } ]
+        };
+    }
+    setMainMarkSpec() {
+        var _a;
+        return "polar" === (null === (_a = this._coordinate) || void 0 === _a ? void 0 : _a.type) ? {
+            attributeTransforms: [ {
+                channels: [ "x", "y", "x1", "y1", "cx", "cy" ],
+                transform: (graphicAttributes, nextAttrs, storedAttrs) => {
+                    graphicAttributes.x = storedAttrs.cx, graphicAttributes.y = storedAttrs.cy, this._coordinate.transpose ? (graphicAttributes.startAngle = storedAttrs.y, 
+                    graphicAttributes.endAngle = storedAttrs.y1, graphicAttributes.innerRadius = storedAttrs.x, 
+                    graphicAttributes.outerRadius = storedAttrs.x1) : (graphicAttributes.startAngle = storedAttrs.x, 
+                    graphicAttributes.endAngle = storedAttrs.x1, graphicAttributes.innerRadius = storedAttrs.y, 
+                    graphicAttributes.outerRadius = storedAttrs.y1);
+                },
+                storedAttrs: "sizeAttrs"
+            } ]
+        } : {};
+    }
+    convertMarkEncode(encode) {
+        var _a, _b, _c, _d, _e;
+        const markEncoder = this.convertSimpleMarkEncode(encode), scaleXId = this.getScaleId("x"), scaleYId = this.getScaleId("y"), xAccessor = getFieldAccessor(markEncoder.x.field), res = {
+            x: (datum, el, params) => {
+                const scale = params[scaleXId], bandWidth = scale.bandwidth();
+                return scale.scale(xAccessor(datum)) + bandWidth / 4;
+            },
+            x1: (datum, el, params) => {
+                const scale = params[scaleXId], bandWidth = scale.bandwidth();
+                return scale.scale(xAccessor(datum)) + 3 * bandWidth / 4;
+            }
+        };
+        if (isArray(null === (_a = markEncoder.y) || void 0 === _a ? void 0 : _a.field)) res.y = {
+            field: markEncoder.y.field[0],
+            scale: markEncoder.y.scale
+        }, res.y1 = {
+            field: markEncoder.y.field[1],
+            scale: markEncoder.y.scale
+        }; else {
+            const yAccessor = getFieldAccessor(markEncoder.y.field);
+            res.y = (datum, el, params) => {
+                const yVals = yAccessor(datum), scale = params[scaleYId];
+                return isArray(yVals) ? scale.scale(yVals[0]) : scale.scale(yVals);
+            }, res.y1 = (datum, el, params) => {
+                const scale = params[scaleYId], yVals = yAccessor(datum);
+                if (isArray(yVals) && yVals.length > 1) return scale.scale(yVals[1]);
+                const domain = scale.domain(), min = Math.min.apply(null, domain), max = Math.max.apply(null, domain), baseValue = min > 0 ? min : max < 0 ? max : 0;
+                return scale.scale(baseValue);
+            };
+        }
+        return markEncoder.color || markEncoder.group ? res.fill = null !== (_b = markEncoder.color) && void 0 !== _b ? _b : markEncoder.group : res.fill = null !== (_d = null === (_c = this.spec.style) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : getPalette()[0], 
+        "polar" === (null === (_e = this._coordinate) || void 0 === _e ? void 0 : _e.type) && (res.cx = (datum, el, params) => params[this._coordinate.id].origin().x, 
+        res.cy = (datum, el, params) => params[this._coordinate.id].origin().y), res;
+    }
+}
+
+Interval.type = PlotMakType.interval;
+//# sourceMappingURL=interval.js.map

package/es/interval.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interval.ts"],"names":[],"mappings":"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","file":"interval.js","sourcesContent":["import type { IBandLikeScale } from '@visactor/vscale';\nimport { field as getFieldAccessor } from '@visactor/vgrammar-util';\nimport type {\n  IntervalEncodeChannels,\n  PlotIntervalEncoderSpec,\n  SemanticTooltipOption,\n  WithDefaultEncode,\n  GenerateBaseEncodeSpec,\n  Nil,\n  ScaleSpec,\n  ValueOf,\n  CrosshairSpec,\n  GenerateEncoderSpec,\n  AttributeTransform,\n  IElement,\n  TransformSpec\n} from '@visactor/vgrammar';\nimport { SemanticMark } from './semantic-mark';\nimport { getPalette, GrammarMarkType } from '@visactor/vgrammar';\nimport type { IPolarCoordinate } from '@visactor/vgrammar-coordinate';\nimport { isArray } from '@visactor/vutils';\nimport { PlotMakType } from './enums';\n\nexport class Interval extends SemanticMark<PlotIntervalEncoderSpec, IntervalEncodeChannels> {\n  static readonly type = PlotMakType.interval;\n  constructor(id?: string | number) {\n    super(PlotMakType.interval, id);\n  }\n\n  setMarkType() {\n    return this._coordinate?.type === 'polar' ? GrammarMarkType.arc : GrammarMarkType.rect;\n  }\n\n  parseScaleByEncode(\n    channel: IntervalEncodeChannels,\n    option: ValueOf<WithDefaultEncode<PlotIntervalEncoderSpec, IntervalEncodeChannels>, IntervalEncodeChannels>\n  ): ScaleSpec | Nil {\n    return this.parseScaleOfCommonEncode(channel, option);\n  }\n\n  setDefaultMarkTransform(): TransformSpec[] {\n    return [\n      {\n        type: 'dodge',\n        minWidth: this.spec.style?.minWidth,\n        maxWidth: this.spec.style?.maxWidth,\n        innerGap: this.spec.style?.innerGap,\n        categoryGap: this.spec.style?.categoryGap\n      }\n    ];\n  }\n\n  setDefaultCrosshair(): Record<string, Pick<CrosshairSpec, 'crosshairShape' | 'crosshairType'>> {\n    return {\n      x: { crosshairShape: 'rect' }\n    };\n  }\n\n  setDefaultTooltip(): SemanticTooltipOption | Nil {\n    const encodeY = this.spec.encode?.y;\n    return {\n      content: isArray(encodeY)\n        ? encodeY.map(entry => {\n            return {\n              value: entry\n            };\n          })\n        : [\n            {\n              value: encodeY\n            }\n          ]\n    };\n  }\n\n  setMainMarkSpec() {\n    return this._coordinate?.type === 'polar'\n      ? {\n          attributeTransforms: [\n            {\n              channels: ['x', 'y', 'x1', 'y1', 'cx', 'cy'],\n              transform: (graphicAttributes: any, nextAttrs: any, storedAttrs: any) => {\n                graphicAttributes.x = storedAttrs.cx;\n                graphicAttributes.y = storedAttrs.cy;\n                if (this._coordinate.transpose) {\n                  graphicAttributes.startAngle = storedAttrs.y;\n                  graphicAttributes.endAngle = storedAttrs.y1;\n                  graphicAttributes.innerRadius = storedAttrs.x;\n                  graphicAttributes.outerRadius = storedAttrs.x1;\n                } else {\n                  //\n                  graphicAttributes.startAngle = storedAttrs.x;\n                  graphicAttributes.endAngle = storedAttrs.x1;\n                  graphicAttributes.innerRadius = storedAttrs.y;\n                  graphicAttributes.outerRadius = storedAttrs.y1;\n                }\n              },\n              storedAttrs: 'sizeAttrs'\n            }\n          ] as AttributeTransform[]\n        }\n      : {};\n  }\n\n  convertMarkEncode(\n    encode: WithDefaultEncode<PlotIntervalEncoderSpec, IntervalEncodeChannels>\n  ): GenerateBaseEncodeSpec<PlotIntervalEncoderSpec> {\n    const markEncoder = this.convertSimpleMarkEncode(encode);\n    const scaleXId = this.getScaleId('x');\n    const scaleYId = this.getScaleId('y');\n    const xAccessor = getFieldAccessor(markEncoder.x.field);\n    const res: GenerateEncoderSpec<PlotIntervalEncoderSpec> = {\n      x: (datum: any, el: IElement, params: any) => {\n        const scale = params[scaleXId];\n        const bandWidth = (scale as IBandLikeScale).bandwidth();\n\n        return scale.scale(xAccessor(datum)) + bandWidth / 4;\n      },\n      x1: (datum: any, el: IElement, params: any) => {\n        const scale = params[scaleXId];\n        const bandWidth = (scale as IBandLikeScale).bandwidth();\n\n        return scale.scale(xAccessor(datum)) + (3 * bandWidth) / 4;\n      }\n    };\n\n    if (isArray(markEncoder.y?.field)) {\n      res.y = { field: markEncoder.y.field[0], scale: markEncoder.y.scale };\n      res.y1 = { field: markEncoder.y.field[1], scale: markEncoder.y.scale };\n    } else {\n      const yAccessor = getFieldAccessor(markEncoder.y.field);\n      res.y = (datum: any, el: IElement, params: any) => {\n        const yVals = yAccessor(datum);\n        const scale = params[scaleYId];\n\n        return isArray(yVals) ? scale.scale(yVals[0]) : scale.scale(yVals);\n      };\n      res.y1 = (datum: any, el: IElement, params: any) => {\n        const scale = params[scaleYId];\n        const yVals = yAccessor(datum);\n\n        if (isArray(yVals) && yVals.length > 1) {\n          return scale.scale(yVals[1]);\n        }\n        const domain = scale.domain();\n        const min = Math.min.apply(null, domain);\n        const max = Math.max.apply(null, domain);\n        const baseValue = min > 0 ? min : max < 0 ? max : 0;\n\n        return scale.scale(baseValue);\n      };\n    }\n\n    if (markEncoder.color || markEncoder.group) {\n      res.fill = markEncoder.color ?? markEncoder.group;\n    } else {\n      res.fill = this.spec.style?.fill ?? getPalette()[0];\n    }\n\n    if (this._coordinate?.type === 'polar') {\n      (res as any).cx = (datum: any, el: IElement, params: any) => {\n        const coord = params[this._coordinate.id];\n        const origin = (coord as IPolarCoordinate).origin();\n\n        return origin.x;\n      };\n      (res as any).cy = (datum: any, el: IElement, params: any) => {\n        const coord = params[this._coordinate.id];\n        const origin = (coord as IPolarCoordinate).origin();\n\n        return origin.y;\n      };\n    }\n\n    return res;\n  }\n}\n"]}

package/es/line.d.ts

@@ -0,0 +1,14 @@
+import type { LineEncodeChannels, SemanticTooltipOption, WithDefaultEncode, BasicEncoderSpecMap, GenerateBaseEncodeSpec, Nil, ScaleSpec, ValueOf, CrosshairSpec } from '@visactor/vgrammar';
+import { SemanticMark } from './semantic-mark';
+import { GrammarMarkType } from '@visactor/vgrammar';
+import { PlotMakType } from './enums';
+export declare class Line extends SemanticMark<BasicEncoderSpecMap['line'], LineEncodeChannels> {
+    static readonly type = PlotMakType.line;
+    constructor(id?: string | number);
+    setMarkType(): GrammarMarkType;
+    protected parseScaleOfEncodeX(option: ValueOf<WithDefaultEncode<BasicEncoderSpecMap['line'], LineEncodeChannels>, LineEncodeChannels>): ScaleSpec | Nil;
+    parseScaleByEncode(channel: LineEncodeChannels, option: ValueOf<WithDefaultEncode<BasicEncoderSpecMap['line'], LineEncodeChannels>, LineEncodeChannels>): ScaleSpec | Nil;
+    setDefaultCrosshair(): Record<string, Pick<CrosshairSpec, 'crosshairShape' | 'crosshairType'>>;
+    setDefaultTooltip(): SemanticTooltipOption | Nil;
+    convertMarkEncode(encode: WithDefaultEncode<BasicEncoderSpecMap['line'], LineEncodeChannels>): GenerateBaseEncodeSpec<BasicEncoderSpecMap['line']>;
+}

package/es/line.js

@@ -0,0 +1,50 @@
+import { SemanticMark } from "./semantic-mark";
+
+import { getPalette, GrammarMarkType } from "@visactor/vgrammar";
+
+import { PlotMakType } from "./enums";
+
+export class Line extends SemanticMark {
+    constructor(id) {
+        super(PlotMakType.line, id);
+    }
+    setMarkType() {
+        return GrammarMarkType.line;
+    }
+    parseScaleOfEncodeX(option) {
+        const res = super.parseScaleOfEncodeX(option);
+        return res.type = "point", res;
+    }
+    parseScaleByEncode(channel, option) {
+        return this.parseScaleOfCommonEncode(channel, option);
+    }
+    setDefaultCrosshair() {
+        return {
+            x: {
+                crosshairShape: "line"
+            }
+        };
+    }
+    setDefaultTooltip() {
+        var _a, _b;
+        return {
+            disableGraphicTooltip: !0,
+            title: null === (_a = this.spec.encode) || void 0 === _a ? void 0 : _a.x,
+            content: [ {
+                value: null === (_b = this.spec.encode) || void 0 === _b ? void 0 : _b.y
+            } ]
+        };
+    }
+    convertMarkEncode(encode) {
+        var _a, _b, _c;
+        const markEncoder = this.convertSimpleMarkEncode(encode), res = {
+            y: markEncoder.y,
+            x: markEncoder.x
+        };
+        return markEncoder.color || markEncoder.group ? res.stroke = null !== (_a = markEncoder.color) && void 0 !== _a ? _a : markEncoder.group : res.stroke = null !== (_c = null === (_b = this.spec.style) || void 0 === _b ? void 0 : _b.stroke) && void 0 !== _c ? _c : getPalette()[0], 
+        res;
+    }
+}
+
+Line.type = PlotMakType.line;
+//# sourceMappingURL=line.js.map

package/es/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/line.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,OAAO,IAAK,SAAQ,YAA6D;IAErF,YAAY,EAAoB;QAC9B,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC9B,CAAC;IAED,WAAW;QACT,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9B,CAAC;IAES,mBAAmB,CAC3B,MAAuG;QAEvG,MAAM,GAAG,GAAG,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAE9C,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC;QACnB,OAAO,GAAG,CAAC;IACb,CAAC;IAED,kBAAkB,CAChB,OAA2B,EAC3B,MAAuG;QAEvG,OAAO,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACxD,CAAC;IAED,mBAAmB;QACjB,OAAO;YACL,CAAC,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE;SAC9B,CAAC;IACJ,CAAC;IAED,iBAAiB;;QACf,OAAO;YACL,qBAAqB,EAAE,IAAI;YAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,0CAAE,CAAC;YAC1B,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,0CAAE,CAAC;iBAC3B;aACF;SACF,CAAC;IACJ,CAAC;IAED,iBAAiB,CACf,MAA0E;;QAE1E,MAAM,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;QAEzD,MAAM,GAAG,GAAG;YACV,CAAC,EAAE,WAAW,CAAC,CAAC;YAChB,CAAC,EAAE,WAAW,CAAC,CAAC;SACmC,CAAC;QAEtD,IAAI,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE;YAC1C,GAAG,CAAC,MAAM,GAAG,MAAA,WAAW,CAAC,KAAK,mCAAI,WAAW,CAAC,KAAK,CAAC;SACrD;aAAM;YACL,GAAG,CAAC,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;SACzD;QAED,OAAO,GAAG,CAAC;IACb,CAAC;;AA5De,SAAI,GAAG,WAAW,CAAC,IAAI,CAAC","file":"line.js","sourcesContent":["import type {\n  LineEncodeChannels,\n  SemanticTooltipOption,\n  WithDefaultEncode,\n  BasicEncoderSpecMap,\n  GenerateBaseEncodeSpec,\n  Nil,\n  ScaleSpec,\n  ValueOf,\n  CrosshairSpec,\n  GenerateEncoderSpec\n} from '@visactor/vgrammar';\nimport { SemanticMark } from './semantic-mark';\nimport { getPalette, GrammarMarkType } from '@visactor/vgrammar';\nimport { PlotMakType } from './enums';\n\nexport class Line extends SemanticMark<BasicEncoderSpecMap['line'], LineEncodeChannels> {\n  static readonly type = PlotMakType.line;\n  constructor(id?: string | number) {\n    super(PlotMakType.line, id);\n  }\n\n  setMarkType() {\n    return GrammarMarkType.line;\n  }\n\n  protected parseScaleOfEncodeX(\n    option: ValueOf<WithDefaultEncode<BasicEncoderSpecMap['line'], LineEncodeChannels>, LineEncodeChannels>\n  ): ScaleSpec | Nil {\n    const res = super.parseScaleOfEncodeX(option);\n\n    res.type = 'point';\n    return res;\n  }\n\n  parseScaleByEncode(\n    channel: LineEncodeChannels,\n    option: ValueOf<WithDefaultEncode<BasicEncoderSpecMap['line'], LineEncodeChannels>, LineEncodeChannels>\n  ): ScaleSpec | Nil {\n    return this.parseScaleOfCommonEncode(channel, option);\n  }\n\n  setDefaultCrosshair(): Record<string, Pick<CrosshairSpec, 'crosshairShape' | 'crosshairType'>> {\n    return {\n      x: { crosshairShape: 'line' }\n    };\n  }\n\n  setDefaultTooltip(): SemanticTooltipOption | Nil {\n    return {\n      disableGraphicTooltip: true,\n      title: this.spec.encode?.x,\n      content: [\n        {\n          value: this.spec.encode?.y\n        }\n      ]\n    };\n  }\n\n  convertMarkEncode(\n    encode: WithDefaultEncode<BasicEncoderSpecMap['line'], LineEncodeChannels>\n  ): GenerateBaseEncodeSpec<BasicEncoderSpecMap['line']> {\n    const markEncoder = this.convertSimpleMarkEncode(encode);\n\n    const res = {\n      y: markEncoder.y,\n      x: markEncoder.x\n    } as GenerateEncoderSpec<BasicEncoderSpecMap['line']>;\n\n    if (markEncoder.color || markEncoder.group) {\n      res.stroke = markEncoder.color ?? markEncoder.group;\n    } else {\n      res.stroke = this.spec.style?.stroke ?? getPalette()[0];\n    }\n\n    return res;\n  }\n}\n"]}

package/es/path.d.ts

@@ -0,0 +1,11 @@
+import { GrammarMarkType } from '@visactor/vgrammar';
+import type { PathEncodeChannels, WithDefaultEncode, BasicEncoderSpecMap, GenerateBaseEncodeSpec, Nil, ScaleSpec, ValueOf } from '@visactor/vgrammar';
+import { PlotMakType } from './enums';
+import { SemanticMark } from './semantic-mark';
+export declare class PathSemanticMark extends SemanticMark<BasicEncoderSpecMap['path'], PathEncodeChannels> {
+    static readonly type = PlotMakType.path;
+    constructor(id?: string | number);
+    setMarkType(): GrammarMarkType;
+    parseScaleByEncode(channel: PathEncodeChannels, option: ValueOf<WithDefaultEncode<BasicEncoderSpecMap['path'], PathEncodeChannels>, PathEncodeChannels>): ScaleSpec | Nil;
+    convertMarkEncode(encode: WithDefaultEncode<BasicEncoderSpecMap['path'], PathEncodeChannels>): GenerateBaseEncodeSpec<BasicEncoderSpecMap['path']>;
+}

package/es/path.js

@@ -0,0 +1,23 @@
+import { GrammarMarkType } from "@visactor/vgrammar";
+
+import { PlotMakType } from "./enums";
+
+import { SemanticMark } from "./semantic-mark";
+
+export class PathSemanticMark extends SemanticMark {
+    constructor(id) {
+        super(PlotMakType.path, id);
+    }
+    setMarkType() {
+        return GrammarMarkType.path;
+    }
+    parseScaleByEncode(channel, option) {
+        return null;
+    }
+    convertMarkEncode(encode) {
+        return null;
+    }
+}
+
+PathSemanticMark.type = PlotMakType.path;
+//# sourceMappingURL=path.js.map

package/es/path.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/path.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAUrD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,OAAO,gBAAiB,SAAQ,YAA6D;IAEjG,YAAY,EAAoB;QAC9B,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC9B,CAAC;IAED,WAAW;QACT,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9B,CAAC;IACD,kBAAkB,CAChB,OAA2B,EAC3B,MAAuG;QAEvG,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iBAAiB,CACf,MAA0E;QAE1E,OAAO,IAAI,CAAC;IACd,CAAC;;AAnBe,qBAAI,GAAG,WAAW,CAAC,IAAI,CAAC","file":"path.js","sourcesContent":["import { GrammarMarkType } from '@visactor/vgrammar';\nimport type {\n  PathEncodeChannels,\n  WithDefaultEncode,\n  BasicEncoderSpecMap,\n  GenerateBaseEncodeSpec,\n  Nil,\n  ScaleSpec,\n  ValueOf\n} from '@visactor/vgrammar';\nimport { PlotMakType } from './enums';\nimport { SemanticMark } from './semantic-mark';\n\nexport class PathSemanticMark extends SemanticMark<BasicEncoderSpecMap['path'], PathEncodeChannels> {\n  static readonly type = PlotMakType.path;\n  constructor(id?: string | number) {\n    super(PlotMakType.path, id);\n  }\n\n  setMarkType() {\n    return GrammarMarkType.path;\n  }\n  parseScaleByEncode(\n    channel: PathEncodeChannels,\n    option: ValueOf<WithDefaultEncode<BasicEncoderSpecMap['path'], PathEncodeChannels>, PathEncodeChannels>\n  ): ScaleSpec | Nil {\n    return null;\n  }\n\n  convertMarkEncode(\n    encode: WithDefaultEncode<BasicEncoderSpecMap['path'], PathEncodeChannels>\n  ): GenerateBaseEncodeSpec<BasicEncoderSpecMap['path']> {\n    return null;\n  }\n}\n"]}

package/es/plot-all.d.ts

@@ -0,0 +1,2 @@
+import { Plot } from './plot';
+export { Plot };

package/es/plot-all.js

@@ -0,0 +1,50 @@
+import { Interval } from "./interval";
+
+import { Line } from "./line";
+
+import { Cell } from "./cell";
+
+import { RuleX } from "./rule-x";
+
+import { RuleY } from "./rule-y";
+
+import { Area } from "./area";
+
+import { Plot } from "./plot";
+
+import { ImageSemanticMark } from "./image";
+
+import { PathSemanticMark } from "./path";
+
+import { PolygonSemanticMark } from "./polygon";
+
+import { RectXSemanticMark } from "./rect-x";
+
+import { RectYSemanticMark } from "./rect-y";
+
+import { RectSemanticMark } from "./rect";
+
+import { Rule } from "./rule";
+
+import { SymbolSemanticMark } from "./symbol";
+
+import { TextSemanticMark } from "./text";
+
+import { SankeySemanticMark } from "./sankey";
+
+import { SunburstSemanticMark } from "./sunburst";
+
+import { TreemapSemanticMark } from "./treemap";
+
+import { CirclePackingSemanticMark } from "./circle-packing";
+
+import { TreeSemanticMark } from "./tree";
+
+import { WordcloudSemanticMark } from "./wordcloud";
+
+import { WordcloudShapeSemanticMark } from "./wordcloud-shape";
+
+Plot.useMarks([ Interval, Line, Cell, RuleX, RuleY, Area, ImageSemanticMark, PathSemanticMark, PolygonSemanticMark, RectSemanticMark, RectXSemanticMark, RectYSemanticMark, Rule, SymbolSemanticMark, TextSemanticMark, SankeySemanticMark, SunburstSemanticMark, TreemapSemanticMark, CirclePackingSemanticMark, TreeSemanticMark, WordcloudSemanticMark, WordcloudShapeSemanticMark ]);
+
+export { Plot };
+//# sourceMappingURL=plot-all.js.map

package/es/plot-all.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plot-all.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAE/D,IAAI,CAAC,QAAQ,CAAC;IACZ,QAAQ;IACR,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,KAAK;IACL,IAAI;IACJ,iBAAiB;IACjB,gBAAgB;IAChB,mBAAmB;IACnB,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;IACjB,IAAI;IACJ,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;IAClB,oBAAoB;IACpB,mBAAmB;IACnB,yBAAyB;IACzB,gBAAgB;IAChB,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,CAAC","file":"plot-all.js","sourcesContent":["import { Interval } from './interval';\nimport { Line } from './line';\nimport { Cell } from './cell';\nimport { RuleX } from './rule-x';\nimport { RuleY } from './rule-y';\nimport { Area } from './area';\nimport { Plot } from './plot';\nimport { ImageSemanticMark } from './image';\nimport { PathSemanticMark } from './path';\nimport { PolygonSemanticMark } from './polygon';\nimport { RectXSemanticMark } from './rect-x';\nimport { RectYSemanticMark } from './rect-y';\nimport { RectSemanticMark } from './rect';\nimport { Rule } from './rule';\nimport { SymbolSemanticMark } from './symbol';\nimport { TextSemanticMark } from './text';\nimport { SankeySemanticMark } from './sankey';\nimport { SunburstSemanticMark } from './sunburst';\nimport { TreemapSemanticMark } from './treemap';\nimport { CirclePackingSemanticMark } from './circle-packing';\nimport { TreeSemanticMark } from './tree';\nimport { WordcloudSemanticMark } from './wordcloud';\nimport { WordcloudShapeSemanticMark } from './wordcloud-shape';\n\nPlot.useMarks([\n  Interval,\n  Line,\n  Cell,\n  RuleX,\n  RuleY,\n  Area,\n  ImageSemanticMark,\n  PathSemanticMark,\n  PolygonSemanticMark,\n  RectSemanticMark,\n  RectXSemanticMark,\n  RectYSemanticMark,\n  Rule,\n  SymbolSemanticMark,\n  TextSemanticMark,\n  SankeySemanticMark,\n  SunburstSemanticMark,\n  TreemapSemanticMark,\n  CirclePackingSemanticMark,\n  TreeSemanticMark,\n  WordcloudSemanticMark,\n  WordcloudShapeSemanticMark\n]);\n\nexport { Plot };\n"]}

package/es/plot.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="node" />
+import type { CoordinateType } from '@visactor/vgrammar-coordinate';
+import type { BaseEventHandler, IMorphConfig, ViewSpec, CoordinateOption, IPlot, IPlotMarkConstructor, IPlotOptions, PlotSpec } from '@visactor/vgrammar';
+export declare class Plot implements IPlot {
+    static useMarks(marks: IPlotMarkConstructor[]): void;
+    private _view;
+    private _semanticMarks;
+    private _hasInited?;
+    private _coordinate;
+    private _logger;
+    constructor(option?: IPlotOptions);
+    private _mergeScales;
+    protected parseViewSpec(): ViewSpec;
+    run(morphConfig?: IMorphConfig): this;
+    runAsync(morphConfig?: IMorphConfig): Promise<this>;
+    release(): this;
+    updateSpec(spec: PlotSpec): this;
+    parseSpec(spec: PlotSpec, isUpdate?: boolean): this;
+    getImageBuffer(): Buffer;
+    on(type: string, handler: BaseEventHandler): this;
+    off(type: string, handler?: BaseEventHandler): this;
+    protected getCoordinateId(viewId?: string | number): string;
+    coordinate(type: CoordinateType, spec?: Omit<CoordinateOption, 'type'>): this;
+    interval(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    line(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    area(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    cell(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    ruleX(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    ruleY(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    image(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    path(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    polygon(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    rectX(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    rectY(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    rect(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    rule(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    symbol(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    text(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    sankey(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    sunburst(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    tree(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    treemap(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    circlePacking(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    wordcloud(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+    wordcloudShape(): import("@visactor/vgrammar").ISemanticMark<any, any>;
+}

package/es/plot.js

@@ -0,0 +1,263 @@
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))((function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator.throw(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
+                resolve(value);
+            }))).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    }));
+};
+
+import { Logger, isNil } from "@visactor/vutils";
+
+import { mergeGrammarSpecs } from "./util";
+
+import { PlotMakType } from "./enums";
+
+import { Factory, SIGNAL_VIEW_BOX, View } from "@visactor/vgrammar";
+
+export class Plot {
+    static useMarks(marks) {
+        marks.forEach((mark => {
+            Factory.registerPlotMarks(mark.type, mark);
+        }));
+    }
+    constructor(option) {
+        this._view = new View(option), this._semanticMarks = [], this._logger = Logger.getInstance();
+    }
+    _mergeScales(scales, prevScales) {
+        return scales.reduce(((res, scale) => {
+            if (scale.id) {
+                const prevScale = res.find((prev => prev.id === scale.id));
+                if (prevScale) {
+                    if (scale.domain.data && scale.domain.field) if (prevScale.domain.data && prevScale.domain.field) scale.domain.data === prevScale.domain.data && scale.domain.field !== prevScale.domain.field ? prevScale.domain.field = [].concat(prevScale.domain.field).concat(scale.domain.field) : scale.domain.data !== prevScale.domain.data && (prevScale.domain = {
+                        datas: [ {
+                            data: prevScale.domain.data,
+                            field: prevScale.domain.field
+                        }, {
+                            data: scale.domain.data,
+                            field: scale.domain.field
+                        } ],
+                        sort: prevScale.domain.sort
+                    }), isNil(scale.domain.sort) || (prevScale.domain.sort = scale.domain.sort); else if (prevScale.domain.datas) {
+                        const prevData = prevScale.domain.datas.find((entry => entry.data !== scale.domain.data));
+                        prevData && scale.domain.field !== prevData.field ? prevData.field = [].concat(prevData.field).concat(scale.domain.field) : prevData || prevScale.domain.datas.push({
+                            data: scale.domain.data,
+                            field: scale.domain.field
+                        }), isNil(scale.domain.sort) || (prevScale.domain.sort = scale.domain.sort);
+                    }
+                } else res.push(scale);
+            }
+            return res;
+        }), prevScales);
+    }
+    parseViewSpec() {
+        const spec = {
+            data: [],
+            marks: [],
+            scales: [],
+            coordinates: [],
+            signals: [],
+            projections: [],
+            events: []
+        };
+        return this._semanticMarks.forEach((mark => {
+            this._coordinate && mark.coordinate(this._coordinate);
+            const {data: data, marks: marks, scales: scales, coordinates: coordinates, signals: signals, projections: projections, events: events} = mark.toViewSpec();
+            data && data.length && (spec.data = mergeGrammarSpecs(data, spec.data)), marks && marks.length && (spec.marks = spec.marks.concat(marks)), 
+            scales && scales.length && (spec.scales = this._mergeScales(scales, spec.scales)), 
+            coordinates && coordinates.length && (spec.coordinates = mergeGrammarSpecs(coordinates, spec.coordinates)), 
+            signals && signals.length && (spec.signals = spec.signals.concat(signals)), projections && projections.length && (spec.projections = spec.projections.concat(projections)), 
+            events && events.length && (spec.events = spec.events.concat(events));
+        })), spec.marks = [ {
+            type: "group",
+            layout: {
+                display: "relative",
+                updateViewSignals: !0
+            },
+            dependency: [ SIGNAL_VIEW_BOX ],
+            encode: {
+                update: (datum, elment, params) => ({
+                    x: params.viewBox.x1,
+                    y: params.viewBox.y1,
+                    width: params.viewBox.width(),
+                    height: params.viewBox.height()
+                })
+            },
+            marks: spec.marks
+        } ], spec;
+    }
+    run(morphConfig) {
+        return this._view && (this._hasInited || this._view.parseSpec(this.parseViewSpec()), 
+        this._hasInited = !0, this._view.runSync(morphConfig)), this;
+    }
+    runAsync(morphConfig) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return this._view && (this._hasInited || this._view.parseSpec(this.parseViewSpec()), 
+            this._hasInited = !0, yield this._view.runAsync(morphConfig)), this;
+        }));
+    }
+    release() {
+        return this._view && this._view.release(), this;
+    }
+    updateSpec(spec) {
+        return this.parseSpec(spec, !0), this;
+    }
+    parseSpec(spec, isUpdate) {
+        var _a;
+        spec.coordinate && this.coordinate(spec.coordinate.type, spec.coordinate), (null === (_a = null == spec ? void 0 : spec.marks) || void 0 === _a ? void 0 : _a.length) && spec.marks.forEach((mark => {
+            const plotMark = Factory.createPlotMark(mark.type);
+            plotMark.parseSpec(mark), this._semanticMarks.push(plotMark);
+        }));
+        const viewSpec = this.parseViewSpec();
+        return viewSpec.width = spec.width, viewSpec.height = spec.height, viewSpec.background = spec.background, 
+        viewSpec.padding = spec.padding, isUpdate ? this._view.updateSpec(viewSpec) : this._view.parseSpec(viewSpec), 
+        this._hasInited = !0, this;
+    }
+    getImageBuffer() {
+        var _a, _b;
+        return null === (_b = null === (_a = this._view) || void 0 === _a ? void 0 : _a.getImageBuffer) || void 0 === _b ? void 0 : _b.call(_a);
+    }
+    on(type, handler) {
+        return this._view && this._view.addEventListener(type, handler), this;
+    }
+    off(type, handler) {
+        return this._view && this._view.removeEventListener(type, handler), this;
+    }
+    getCoordinateId(viewId = "0") {
+        return `coordinate-${viewId}`;
+    }
+    coordinate(type, spec) {
+        return this._coordinate = Object.assign({
+            type: type,
+            id: this.getCoordinateId()
+        }, spec), this;
+    }
+    interval() {
+        const mark = Factory.createPlotMark(PlotMakType.interval);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.interval} before use it`), 
+        mark;
+    }
+    line() {
+        const mark = Factory.createPlotMark(PlotMakType.line);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.line} before use it`), 
+        mark;
+    }
+    area() {
+        const mark = Factory.createPlotMark(PlotMakType.area);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.area} before use it`), 
+        mark;
+    }
+    cell() {
+        const mark = Factory.createPlotMark(PlotMakType.cell);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.cell} before use it`), 
+        mark;
+    }
+    ruleX() {
+        const mark = Factory.createPlotMark(PlotMakType.ruleX);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${this.ruleX} before use it`), 
+        mark;
+    }
+    ruleY() {
+        const mark = Factory.createPlotMark(PlotMakType.ruleY);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.ruleY} before use it`), 
+        mark;
+    }
+    image() {
+        const mark = Factory.createPlotMark(PlotMakType.image);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.image} before use it`), 
+        mark;
+    }
+    path() {
+        const mark = Factory.createPlotMark(PlotMakType.path);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.path} before use it`), 
+        mark;
+    }
+    polygon() {
+        const mark = Factory.createPlotMark(PlotMakType.polygon);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.polygon} before use it`), 
+        mark;
+    }
+    rectX() {
+        const mark = Factory.createPlotMark(PlotMakType.rectX);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.rectX} before use it`), 
+        mark;
+    }
+    rectY() {
+        const mark = Factory.createPlotMark(PlotMakType.rectY);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.rectY} before use it`), 
+        mark;
+    }
+    rect() {
+        const mark = Factory.createPlotMark(PlotMakType.rect);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.rect} before use it`), 
+        mark;
+    }
+    rule() {
+        const mark = Factory.createPlotMark(PlotMakType.rule);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.rule} before use it`), 
+        mark;
+    }
+    symbol() {
+        const mark = Factory.createPlotMark(PlotMakType.symbol);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.symbol} before use it`), 
+        mark;
+    }
+    text() {
+        const mark = Factory.createPlotMark(PlotMakType.text);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.text} before use it`), 
+        mark;
+    }
+    sankey() {
+        const mark = Factory.createPlotMark(PlotMakType.sankey);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.sankey} before use it`), 
+        mark;
+    }
+    sunburst() {
+        const mark = Factory.createPlotMark(PlotMakType.sunburst);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.sunburst} before use it`), 
+        mark;
+    }
+    tree() {
+        const mark = Factory.createPlotMark(PlotMakType.tree);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.tree} before use it`), 
+        mark;
+    }
+    treemap() {
+        const mark = Factory.createPlotMark(PlotMakType.treemap);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.treemap} before use it`), 
+        mark;
+    }
+    circlePacking() {
+        const mark = Factory.createPlotMark(PlotMakType.circlePacking);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.circlePacking} before use it`), 
+        mark;
+    }
+    wordcloud() {
+        const mark = Factory.createPlotMark(PlotMakType.wordcloud);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.wordcloud} before use it`), 
+        mark;
+    }
+    wordcloudShape() {
+        const mark = Factory.createPlotMark(PlotMakType.wordcloudShape);
+        return mark ? this._semanticMarks.push(mark) : this._logger.error(`Please register ${PlotMakType.wordcloudShape} before use it`), 
+        mark;
+    }
+}
+//# sourceMappingURL=plot.js.map