@visactor/vchart 1.15.5-alpha.8 → 2.0.0-alpha.0

package/cjs/mark/liquid.d.ts

@@ -1,13 +1,55 @@
-import type { ILiquidMarkSpec } from '../typings';
 import type { IMarkStyle } from './interface';
 import { MarkTypeEnum } from './interface/type';
-import { BaseMark } from './base';
 import type { ILiquidMark } from '../series/liquid/liquid';
-import type { IGroupMark } from '@visactor/vgrammar-core';
-export declare class LiquidMark extends BaseMark<ILiquidMarkSpec> implements ILiquidMark {
+import { GlyphMark } from './glyph';
+import { type IGlyph } from '@visactor/vrender-core';
+import type { IPointLike } from '@visactor/vutils';
+import type { ILiquidMarkSpec } from '../typings/visual';
+import type { Datum } from '../typings/common';
+export declare class LiquidMark extends GlyphMark<ILiquidMarkSpec> implements ILiquidMark {
     static readonly type = MarkTypeEnum.liquid;
     readonly type = MarkTypeEnum.liquid;
     protected _getDefaultStyle(): IMarkStyle<ILiquidMarkSpec>;
-    protected _initProduct(group?: string | IGroupMark): void;
+    protected _subMarks: {
+        wave0: {
+            type: string;
+            defaultAttributes: {
+                curveType: string;
+                fillOpacity: number;
+            };
+        };
+        wave1: {
+            type: string;
+            defaultAttributes: {
+                curveType: string;
+                fillOpacity: number;
+            };
+        };
+        wave2: {
+            type: string;
+            defaultAttributes: {
+                curveType: string;
+                fillOpacity: number;
+            };
+        };
+    };
+    protected _positionChannels: string[];
+    protected _positionEncoder: (glyphAttrs: any, datum: Datum, g: IGlyph) => {
+        wave0: {
+            x: number;
+            y: number;
+            points: IPointLike[];
+        };
+        wave1: {
+            x: number;
+            y: number;
+            points: IPointLike[];
+        };
+        wave2: {
+            x: number;
+            y: number;
+            points: IPointLike[];
+        };
+    };
 }
 export declare const registerLiquidMark: () => void;

package/cjs/mark/liquid.js

@@ -4,28 +4,81 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerLiquidMark = exports.LiquidMark = void 0;
 
-const factory_1 = require("./../core/factory"), vgrammar_core_1 = require("@visactor/vgrammar-core"), base_1 = require("./base"), WAVE_GLYPH_TYPE = "wave";
+const factory_1 = require("./../core/factory"), glyph_1 = require("./glyph"), vrender_core_1 = require("@visactor/vrender-core"), vrender_kits_1 = require("@visactor/vrender-kits");
 
-class LiquidMark extends base_1.BaseMark {
+class LiquidMark extends glyph_1.GlyphMark {
     constructor() {
-        super(...arguments), this.type = LiquidMark.type;
+        super(...arguments), this.type = LiquidMark.type, this._subMarks = {
+            wave0: {
+                type: "area",
+                defaultAttributes: {
+                    curveType: "monotoneX",
+                    fillOpacity: 1
+                }
+            },
+            wave1: {
+                type: "area",
+                defaultAttributes: {
+                    curveType: "monotoneX",
+                    fillOpacity: .66
+                }
+            },
+            wave2: {
+                type: "area",
+                defaultAttributes: {
+                    curveType: "monotoneX",
+                    fillOpacity: .33
+                }
+            }
+        }, this._positionChannels = [ "wave", "y", "height" ], this._positionEncoder = (glyphAttrs, datum, g) => {
+            const {wave: wave = g.attribute.wave, y: y = g.attribute.y, height: height = g.attribute.height} = glyphAttrs, points0 = [], points1 = [], points2 = [];
+            for (let i = 0; i < 21; i++) {
+                const x = 50 * i - 500, wy = y + (i % 2 == 0 ? 20 : 0), wy1 = y + height;
+                points0.push({
+                    x: x + 100 * wave,
+                    y: wy,
+                    y1: wy1
+                }), points1.push({
+                    x: x + 200 * wave - 40,
+                    y: wy,
+                    y1: wy1
+                }), points2.push({
+                    x: x + 300 * wave - 20,
+                    y: wy,
+                    y1: wy1
+                });
+            }
+            return {
+                wave0: {
+                    x: 0,
+                    y: 0,
+                    points: points0
+                },
+                wave1: {
+                    x: 0,
+                    y: 0,
+                    points: points1
+                },
+                wave2: {
+                    x: 0,
+                    y: 0,
+                    points: points2
+                }
+            };
+        };
     }
     _getDefaultStyle() {
         return Object.assign(Object.assign({}, super._getDefaultStyle()), {
             wave: 0
         });
     }
-    _initProduct(group) {
-        const view = this.getVGrammarView(), id = this.getProductId();
-        this._product = view.glyph("wave", null != group ? group : view.rootMark).id(id), 
-        this._compiledProductId = id;
-    }
 }
 
 exports.LiquidMark = LiquidMark, LiquidMark.type = "liquid";
 
 const registerLiquidMark = () => {
-    factory_1.Factory.registerMark(LiquidMark.type, LiquidMark), (0, vgrammar_core_1.registerWaveGlyph)();
+    (0, glyph_1.registerGlyphMark)(), (0, vrender_kits_1.registerArea)(), factory_1.Factory.registerMark(LiquidMark.type, LiquidMark), 
+    factory_1.Factory.registerGraphicComponent("area", (attrs => (0, vrender_core_1.createArea)(attrs)));
 };
 
 exports.registerLiquidMark = registerLiquidMark;

package/cjs/mark/liquid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/liquid.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAC5C,2DAA4D;AAK5D,iCAAkC;AAKlC,MAAM,eAAe,GAAG,MAAM,CAAC;AAC/B,MAAa,UAAW,SAAQ,eAAyB;IAAzD;;QAEW,SAAI,GAAG,UAAU,CAAC,IAAI,CAAC;IAmBlC,CAAC;IAjBW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,IAAI,EAAE,CAAC,GACR,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;IAGS,YAAY,CAAC,KAA2B;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAGpC,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3E,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;IAC/B,CAAC;;AApBH,gCAqBC;AApBiB,eAAI,YAAuB;AAsBtC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,iBAAO,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAClD,IAAA,iCAAiB,GAAE,CAAC;AACtB,CAAC,CAAC;AAHW,QAAA,kBAAkB,sBAG7B","file":"liquid.js","sourcesContent":["import { Factory } from './../core/factory';\nimport { registerWaveGlyph } from '@visactor/vgrammar-core';\nimport type { ILiquidMarkSpec } from '../typings';\nimport type { IMarkStyle } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { BaseMark } from './base';\nimport type { ILiquidMark } from '../series/liquid/liquid';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IGroupMark } from '@visactor/vgrammar-core';\n\nconst WAVE_GLYPH_TYPE = 'wave';\nexport class LiquidMark extends BaseMark<ILiquidMarkSpec> implements ILiquidMark {\n  static readonly type = MarkTypeEnum.liquid;\n  readonly type = LiquidMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<ILiquidMarkSpec> = {\n      ...super._getDefaultStyle(),\n      wave: 0\n    };\n    return defaultStyle;\n  }\n\n  /** 创建语法元素对象 */\n  protected _initProduct(group?: string | IGroupMark) {\n    const view = this.getVGrammarView();\n\n    // 声明语法元素\n    const id = this.getProductId();\n    this._product = view.glyph(WAVE_GLYPH_TYPE, group ?? view.rootMark).id(id);\n    this._compiledProductId = id;\n  }\n}\n\nexport const registerLiquidMark = () => {\n  Factory.registerMark(LiquidMark.type, LiquidMark);\n  registerWaveGlyph();\n};\n"]}
+{"version":3,"sources":["../src/mark/liquid.ts"],"names":[],"mappings":"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","file":"liquid.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IMarkStyle } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport type { ILiquidMark } from '../series/liquid/liquid';\nimport { GlyphMark, registerGlyphMark } from './glyph';\nimport { createArea, type IAreaGraphicAttribute, type IGlyph } from '@visactor/vrender-core';\nimport type { IPointLike } from '@visactor/vutils';\nimport { registerArea } from '@visactor/vrender-kits';\nimport type { ILiquidMarkSpec } from '../typings/visual';\nimport type { Datum } from '../typings/common';\n\nexport class LiquidMark extends GlyphMark<ILiquidMarkSpec> implements ILiquidMark {\n  static readonly type = MarkTypeEnum.liquid;\n  readonly type = LiquidMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<ILiquidMarkSpec> = {\n      ...super._getDefaultStyle(),\n      wave: 0\n    };\n    return defaultStyle;\n  }\n\n  protected _subMarks = {\n    wave0: {\n      type: 'area',\n      defaultAttributes: {\n        curveType: 'monotoneX',\n        fillOpacity: 1\n      }\n    },\n    wave1: {\n      type: 'area',\n      defaultAttributes: {\n        curveType: 'monotoneX',\n        fillOpacity: 0.66\n      }\n    },\n    wave2: {\n      type: 'area',\n      defaultAttributes: {\n        curveType: 'monotoneX',\n        fillOpacity: 0.33\n      }\n    }\n  };\n\n  protected _positionChannels: string[] = ['wave', 'y', 'height'];\n\n  protected _positionEncoder = (glyphAttrs: any, datum: Datum, g: IGlyph) => {\n    const {\n      wave = (g.attribute as any).wave,\n      y = (g.attribute as any).y,\n      height = (g.attribute as any).height\n    } = glyphAttrs;\n    const points0: IPointLike[] = [];\n    const points1: IPointLike[] = [];\n    const points2: IPointLike[] = [];\n\n    for (let i = 0; i < 21; i++) {\n      const waveHeight = i % 2 === 0 ? 20 : 0;\n      const x = -500 + 50 * i;\n      const wy = y + waveHeight;\n      const wy1 = y + height;\n\n      points0.push({ x: x + wave * 100, y: wy, y1: wy1 });\n      points1.push({ x: x + wave * 200 - 40, y: wy, y1: wy1 });\n      points2.push({ x: x + wave * 300 - 20, y: wy, y1: wy1 });\n    }\n\n    return {\n      wave0: {\n        x: 0,\n        y: 0,\n        points: points0\n      },\n      wave1: {\n        x: 0,\n        y: 0,\n        points: points1\n      },\n      wave2: {\n        x: 0,\n        y: 0,\n        points: points2\n      }\n    };\n  };\n}\n\nexport const registerLiquidMark = () => {\n  registerGlyphMark();\n  registerArea();\n  Factory.registerMark(LiquidMark.type, LiquidMark);\n  Factory.registerGraphicComponent('area', (attrs: IAreaGraphicAttribute) => createArea(attrs));\n};\n"]}

package/cjs/mark/path.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerPathMark = exports.PathMark = void 0;
 
-const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), vgrammar_core_1 = require("@visactor/vgrammar-core");
+const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_core_1 = require("@visactor/vrender-core");
 
 class PathMark extends base_mark_1.BaseMark {
     constructor() {
@@ -21,7 +21,8 @@ class PathMark extends base_mark_1.BaseMark {
 exports.PathMark = PathMark, PathMark.type = "path";
 
 const registerPathMark = () => {
-    factory_1.Factory.registerMark(PathMark.type, PathMark), (0, vgrammar_core_1.registerPathGraphic)();
+    factory_1.Factory.registerMark(PathMark.type, PathMark), (0, vrender_kits_1.registerShadowRoot)(), 
+    (0, vrender_kits_1.registerPath)(), factory_1.Factory.registerGraphicComponent("path", vrender_core_1.createPath);
 };
 
 exports.registerPathMark = registerPathMark;

package/cjs/mark/path.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/path.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAE5C,gDAA4C;AAI5C,2DAA8D;AAE9D,MAAa,QAAS,SAAQ,oBAAuB;IAArD;;QAEW,SAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAUhC,CAAC;IARW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,CAAC,EACZ,IAAI,EAAE,EAAE,GACT,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAXH,4BAYC;AAXiB,aAAI,UAAqB;AAapC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,iBAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAA,mCAAmB,GAAE,CAAC;AACxB,CAAC,CAAC;AAHW,QAAA,gBAAgB,oBAG3B","file":"path.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IPathMarkSpec } from '../typings/visual';\nimport { BaseMark } from './base/base-mark';\nimport type { IMarkStyle, IPathMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerPathGraphic } from '@visactor/vgrammar-core';\n\nexport class PathMark extends BaseMark<IPathMarkSpec> implements IPathMark {\n  static readonly type = MarkTypeEnum.path;\n  readonly type = PathMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IPathMarkSpec> = {\n      ...super._getDefaultStyle(),\n      lineWidth: 0,\n      path: ''\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerPathMark = () => {\n  Factory.registerMark(PathMark.type, PathMark);\n  registerPathGraphic();\n};\n"]}
+{"version":3,"sources":["../src/mark/path.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAE5C,gDAA4C;AAI5C,yDAA0E;AAC1E,yDAAoD;AAEpD,MAAa,QAAS,SAAQ,oBAAuB;IAArD;;QAEW,SAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAUhC,CAAC;IARW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,CAAC,EACZ,IAAI,EAAE,EAAE,GACT,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAXH,4BAYC;AAXiB,aAAI,UAAqB;AAapC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,iBAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,2BAAY,GAAE,CAAC;IAEf,iBAAO,CAAC,wBAAwB,SAAoB,yBAAU,CAAC,CAAC;AAClE,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B","file":"path.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IPathMarkSpec } from '../typings/visual';\nimport { BaseMark } from './base/base-mark';\nimport type { IMarkStyle, IPathMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerPath, registerShadowRoot } from '@visactor/vrender-kits';\nimport { createPath } from '@visactor/vrender-core';\n\nexport class PathMark extends BaseMark<IPathMarkSpec> implements IPathMark {\n  static readonly type = MarkTypeEnum.path;\n  readonly type = PathMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IPathMarkSpec> = {\n      ...super._getDefaultStyle(),\n      lineWidth: 0,\n      path: ''\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerPathMark = () => {\n  Factory.registerMark(PathMark.type, PathMark);\n  registerShadowRoot();\n  registerPath();\n\n  Factory.registerGraphicComponent(MarkTypeEnum.path, createPath);\n};\n"]}

package/cjs/mark/polygon/polygon.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerPolygonMark = exports.PolygonMark = void 0;
 
-const factory_1 = require("./../../core/factory"), base_polygon_1 = require("./base-polygon"), vgrammar_core_1 = require("@visactor/vgrammar-core"), config_1 = require("../../animation/config");
+const factory_1 = require("./../../core/factory"), base_polygon_1 = require("./base-polygon"), config_1 = require("../../animation/config"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_core_1 = require("@visactor/vrender-core");
 
 class PolygonMark extends base_polygon_1.BasePolygonMark {
     constructor() {
@@ -20,8 +20,9 @@ class PolygonMark extends base_polygon_1.BasePolygonMark {
 exports.PolygonMark = PolygonMark, PolygonMark.type = "polygon";
 
 const registerPolygonMark = () => {
-    factory_1.Factory.registerMark(PolygonMark.type, PolygonMark), (0, vgrammar_core_1.registerPolygonGraphic)(), 
-    (0, config_1.registerVGrammarPolygonAnimation)();
+    factory_1.Factory.registerMark(PolygonMark.type, PolygonMark), (0, vrender_kits_1.registerShadowRoot)(), 
+    (0, vrender_kits_1.registerPolygon)(), (0, config_1.registerVGrammarPolygonAnimation)(), 
+    factory_1.Factory.registerGraphicComponent("polygon", vrender_core_1.createPolygon);
 };
 
 exports.registerPolygonMark = registerPolygonMark;

package/cjs/mark/polygon/polygon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/polygon/polygon.ts"],"names":[],"mappings":";;;AAAA,kDAA+C;AAG/C,iDAAiD;AAGjD,2DAAiE;AACjE,mDAA0E;AAE1E,MAAa,WAAY,SAAQ,8BAAiC;IAAlE;;QAEW,SAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IASnC,CAAC;IAPW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,CAAC,GACb,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAVH,kCAWC;AAViB,gBAAI,aAAwB;AAYvC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,iBAAO,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACpD,IAAA,sCAAsB,GAAE,CAAC;IACzB,IAAA,yCAAgC,GAAE,CAAC;AACrC,CAAC,CAAC;AAJW,QAAA,mBAAmB,uBAI9B","file":"polygon.js","sourcesContent":["import { Factory } from './../../core/factory';\n/* eslint-disable no-duplicate-imports */\nimport type { IPolygonMarkSpec } from '../../typings/visual';\nimport { BasePolygonMark } from './base-polygon';\nimport type { IMarkStyle, IPolygonMark } from '../interface';\nimport { MarkTypeEnum } from '../interface/type';\nimport { registerPolygonGraphic } from '@visactor/vgrammar-core';\nimport { registerVGrammarPolygonAnimation } from '../../animation/config';\n\nexport class PolygonMark extends BasePolygonMark<IPolygonMarkSpec> implements IPolygonMark {\n  static readonly type = MarkTypeEnum.polygon;\n  readonly type = PolygonMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IPolygonMarkSpec> = {\n      ...super._getDefaultStyle(),\n      lineWidth: 0\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerPolygonMark = () => {\n  Factory.registerMark(PolygonMark.type, PolygonMark);\n  registerPolygonGraphic();\n  registerVGrammarPolygonAnimation();\n};\n"]}
+{"version":3,"sources":["../src/mark/polygon/polygon.ts"],"names":[],"mappings":";;;AAAA,kDAA+C;AAG/C,iDAAiD;AAGjD,mDAA0E;AAC1E,yDAA6E;AAC7E,yDAAuD;AAEvD,MAAa,WAAY,SAAQ,8BAAiC;IAAlE;;QAEW,SAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IASnC,CAAC;IAPW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,CAAC,GACb,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAVH,kCAWC;AAViB,gBAAI,aAAwB;AAYvC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,iBAAO,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACpD,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,yCAAgC,GAAE,CAAC;IAEnC,iBAAO,CAAC,wBAAwB,YAAuB,4BAAa,CAAC,CAAC;AACxE,CAAC,CAAC;AAPW,QAAA,mBAAmB,uBAO9B","file":"polygon.js","sourcesContent":["import { Factory } from './../../core/factory';\n/* eslint-disable no-duplicate-imports */\nimport type { IPolygonMarkSpec } from '../../typings/visual';\nimport { BasePolygonMark } from './base-polygon';\nimport type { IMarkStyle, IPolygonMark } from '../interface';\nimport { MarkTypeEnum } from '../interface/type';\nimport { registerVGrammarPolygonAnimation } from '../../animation/config';\nimport { registerPolygon, registerShadowRoot } from '@visactor/vrender-kits';\nimport { createPolygon } from '@visactor/vrender-core';\n\nexport class PolygonMark extends BasePolygonMark<IPolygonMarkSpec> implements IPolygonMark {\n  static readonly type = MarkTypeEnum.polygon;\n  readonly type = PolygonMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IPolygonMarkSpec> = {\n      ...super._getDefaultStyle(),\n      lineWidth: 0\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerPolygonMark = () => {\n  Factory.registerMark(PolygonMark.type, PolygonMark);\n  registerShadowRoot();\n  registerPolygon();\n  registerVGrammarPolygonAnimation();\n\n  Factory.registerGraphicComponent(MarkTypeEnum.polygon, createPolygon);\n};\n"]}

package/cjs/mark/polygon/pyramid-3d.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerPyramid3dMark = exports.Pyramid3dMark = void 0;
 
-const factory_1 = require("./../../core/factory"), base_polygon_1 = require("./base-polygon"), vgrammar_core_1 = require("@visactor/vgrammar-core"), config_1 = require("../../animation/config");
+const factory_1 = require("./../../core/factory"), base_polygon_1 = require("./base-polygon"), config_1 = require("../../animation/config"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_core_1 = require("@visactor/vrender-core");
 
 class Pyramid3dMark extends base_polygon_1.BasePolygonMark {
     constructor() {
@@ -15,8 +15,9 @@ class Pyramid3dMark extends base_polygon_1.BasePolygonMark {
 exports.Pyramid3dMark = Pyramid3dMark, Pyramid3dMark.type = "pyramid3d";
 
 const registerPyramid3dMark = () => {
-    factory_1.Factory.registerMark(Pyramid3dMark.type, Pyramid3dMark), (0, vgrammar_core_1.registerPyramid3dGraphic)(), 
-    (0, config_1.registerVGrammarPolygonAnimation)();
+    factory_1.Factory.registerMark(Pyramid3dMark.type, Pyramid3dMark), (0, vrender_kits_1.registerShadowRoot)(), 
+    (0, vrender_kits_1.registerPyramid3d)(), (0, config_1.registerVGrammarPolygonAnimation)(), 
+    factory_1.Factory.registerGraphicComponent("pyramid3d", vrender_core_1.createPyramid3d);
 };
 
 exports.registerPyramid3dMark = registerPyramid3dMark;

package/cjs/mark/polygon/pyramid-3d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/polygon/pyramid-3d.ts"],"names":[],"mappings":";;;AAAA,kDAA+C;AAI/C,iDAAiD;AACjD,2DAAmE;AACnE,mDAA0E;AAG1E,MAAa,aAAc,SAAQ,8BAAmC;IAAtE;;QAEW,SAAI,GAAG,aAAa,CAAC,IAAI,CAAC;IACrC,CAAC;;AAHD,sCAGC;AAFiB,kBAAI,eAA0B;AAIzC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,iBAAO,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IACxD,IAAA,wCAAwB,GAAE,CAAC;IAC3B,IAAA,yCAAgC,GAAE,CAAC;AACrC,CAAC,CAAC;AAJW,QAAA,qBAAqB,yBAIhC","file":"pyramid-3d.js","sourcesContent":["import { Factory } from './../../core/factory';\n/* eslint-disable no-duplicate-imports */\nimport type { IPyramid3dMarkSpec } from '../../typings/visual';\nimport { MarkTypeEnum } from '../interface/type';\nimport { BasePolygonMark } from './base-polygon';\nimport { registerPyramid3dGraphic } from '@visactor/vgrammar-core';\nimport { registerVGrammarPolygonAnimation } from '../../animation/config';\nimport type { IPyramid3dMark } from '../interface/mark';\n\nexport class Pyramid3dMark extends BasePolygonMark<IPyramid3dMarkSpec> implements IPyramid3dMark {\n  static readonly type = MarkTypeEnum.pyramid3d;\n  readonly type = Pyramid3dMark.type;\n}\n\nexport const registerPyramid3dMark = () => {\n  Factory.registerMark(Pyramid3dMark.type, Pyramid3dMark);\n  registerPyramid3dGraphic();\n  registerVGrammarPolygonAnimation();\n};\n"]}
+{"version":3,"sources":["../src/mark/polygon/pyramid-3d.ts"],"names":[],"mappings":";;;AAAA,kDAA+C;AAI/C,iDAAiD;AACjD,mDAA0E;AAE1E,yDAA+E;AAC/E,yDAAyD;AAEzD,MAAa,aAAc,SAAQ,8BAAmC;IAAtE;;QAEW,SAAI,GAAG,aAAa,CAAC,IAAI,CAAC;IACrC,CAAC;;AAHD,sCAGC;AAFiB,kBAAI,eAA0B;AAIzC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,iBAAO,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IACxD,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,gCAAiB,GAAE,CAAC;IACpB,IAAA,yCAAgC,GAAE,CAAC;IAEnC,iBAAO,CAAC,wBAAwB,cAAyB,8BAAe,CAAC,CAAC;AAC5E,CAAC,CAAC;AAPW,QAAA,qBAAqB,yBAOhC","file":"pyramid-3d.js","sourcesContent":["import { Factory } from './../../core/factory';\n/* eslint-disable no-duplicate-imports */\nimport type { IPyramid3dMarkSpec } from '../../typings/visual';\nimport { MarkTypeEnum } from '../interface/type';\nimport { BasePolygonMark } from './base-polygon';\nimport { registerVGrammarPolygonAnimation } from '../../animation/config';\nimport type { IPyramid3dMark } from '../interface/mark';\nimport { registerPyramid3d, registerShadowRoot } from '@visactor/vrender-kits';\nimport { createPyramid3d } from '@visactor/vrender-core';\n\nexport class Pyramid3dMark extends BasePolygonMark<IPyramid3dMarkSpec> implements IPyramid3dMark {\n  static readonly type = MarkTypeEnum.pyramid3d;\n  readonly type = Pyramid3dMark.type;\n}\n\nexport const registerPyramid3dMark = () => {\n  Factory.registerMark(Pyramid3dMark.type, Pyramid3dMark);\n  registerShadowRoot();\n  registerPyramid3d();\n  registerVGrammarPolygonAnimation();\n\n  Factory.registerGraphicComponent(MarkTypeEnum.pyramid3d, createPyramid3d);\n};\n"]}

package/cjs/mark/rect-3d.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerRect3dMark = exports.Rect3dMark = void 0;
 
-const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), vgrammar_core_1 = require("@visactor/vgrammar-core"), config_1 = require("../animation/config");
+const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), config_1 = require("../animation/config"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_core_1 = require("@visactor/vrender-core");
 
 class Rect3dMark extends base_mark_1.BaseMark {
     constructor() {
@@ -22,8 +22,9 @@ class Rect3dMark extends base_mark_1.BaseMark {
 exports.Rect3dMark = Rect3dMark, Rect3dMark.type = "rect3d";
 
 const registerRect3dMark = () => {
-    factory_1.Factory.registerMark(Rect3dMark.type, Rect3dMark), (0, vgrammar_core_1.registerRect3dGraphic)(), 
-    (0, config_1.registerVGrammarRectAnimation)();
+    factory_1.Factory.registerMark(Rect3dMark.type, Rect3dMark), (0, vrender_kits_1.registerShadowRoot)(), 
+    (0, vrender_kits_1.registerRect3d)(), (0, config_1.registerVGrammarRectAnimation)(), 
+    factory_1.Factory.registerGraphicComponent("rect3d", vrender_core_1.createRect3d);
 };
 
 exports.registerRect3dMark = registerRect3dMark;

package/cjs/mark/rect-3d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/rect-3d.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAE5C,gDAA4C;AAI5C,2DAAgE;AAChE,gDAAoE;AAEpE,MAAa,UAAW,SAAQ,oBAAyB;IAAzD;;QAEW,SAAI,GAAG,UAAU,CAAC,IAAI,CAAC;IAWlC,CAAC;IATW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,CAAC,GACV,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAZH,gCAaC;AAZiB,eAAI,YAAuB;AActC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,iBAAO,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAClD,IAAA,qCAAqB,GAAE,CAAC;IACxB,IAAA,sCAA6B,GAAE,CAAC;AAClC,CAAC,CAAC;AAJW,QAAA,kBAAkB,sBAI7B","file":"rect-3d.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IRect3dMarkSpec } from '../typings/visual';\nimport { BaseMark } from './base/base-mark';\nimport type { IMarkStyle, IRect3dMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerRect3dGraphic } from '@visactor/vgrammar-core';\nimport { registerVGrammarRectAnimation } from '../animation/config';\n\nexport class Rect3dMark extends BaseMark<IRect3dMarkSpec> implements IRect3dMark {\n  static readonly type = MarkTypeEnum.rect3d;\n  readonly type = Rect3dMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IRect3dMarkSpec> = {\n      ...super._getDefaultStyle(),\n      width: undefined,\n      height: undefined,\n      length: 3\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerRect3dMark = () => {\n  Factory.registerMark(Rect3dMark.type, Rect3dMark);\n  registerRect3dGraphic();\n  registerVGrammarRectAnimation();\n};\n"]}
+{"version":3,"sources":["../src/mark/rect-3d.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAE5C,gDAA4C;AAI5C,gDAAoE;AACpE,yDAA4E;AAE5E,yDAAsD;AAEtD,MAAa,UAAW,SAAQ,oBAAyB;IAAzD;;QAEW,SAAI,GAAG,UAAU,CAAC,IAAI,CAAC;IAWlC,CAAC;IATW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,CAAC,GACV,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAZH,gCAaC;AAZiB,eAAI,YAAuB;AActC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,iBAAO,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAClD,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,sCAA6B,GAAE,CAAC;IAEhC,iBAAO,CAAC,wBAAwB,WAAsB,2BAAY,CAAC,CAAC;AACtE,CAAC,CAAC;AAPW,QAAA,kBAAkB,sBAO7B","file":"rect-3d.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IRect3dMarkSpec } from '../typings/visual';\nimport { BaseMark } from './base/base-mark';\nimport type { IMarkStyle, IRect3dMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerVGrammarRectAnimation } from '../animation/config';\nimport { registerRect3d, registerShadowRoot } from '@visactor/vrender-kits';\nimport type { IGraphic, IRect3dGraphicAttribute } from '@visactor/vrender-core';\nimport { createRect3d } from '@visactor/vrender-core';\n\nexport class Rect3dMark extends BaseMark<IRect3dMarkSpec> implements IRect3dMark {\n  static readonly type = MarkTypeEnum.rect3d;\n  readonly type = Rect3dMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IRect3dMarkSpec> = {\n      ...super._getDefaultStyle(),\n      width: undefined,\n      height: undefined,\n      length: 3\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerRect3dMark = () => {\n  Factory.registerMark(Rect3dMark.type, Rect3dMark);\n  registerShadowRoot();\n  registerRect3d();\n  registerVGrammarRectAnimation();\n\n  Factory.registerGraphicComponent(MarkTypeEnum.rect3d, createRect3d);\n};\n"]}

package/cjs/mark/rect.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerRectMark = exports.RectMark = void 0;
 
-const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), vgrammar_core_1 = require("@visactor/vgrammar-core"), config_1 = require("../animation/config");
+const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), config_1 = require("../animation/config"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_components_1 = require("@visactor/vrender-components"), vrender_core_1 = require("@visactor/vrender-core");
 
 class RectMark extends base_mark_1.BaseMark {
     constructor() {
@@ -22,8 +22,9 @@ class RectMark extends base_mark_1.BaseMark {
 exports.RectMark = RectMark, RectMark.type = "rect";
 
 const registerRectMark = () => {
-    factory_1.Factory.registerMark(RectMark.type, RectMark), (0, vgrammar_core_1.registerRectGraphic)(), 
-    (0, config_1.registerVGrammarRectAnimation)();
+    (0, vrender_kits_1.registerShadowRoot)(), (0, vrender_kits_1.registerRect)(), (0, 
+    vrender_components_1.registerRectDataLabel)(), factory_1.Factory.registerMark(RectMark.type, RectMark), 
+    (0, config_1.registerVGrammarRectAnimation)(), factory_1.Factory.registerGraphicComponent("rect", vrender_core_1.createRect);
 };
 
 exports.registerRectMark = registerRectMark;

package/cjs/mark/rect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/rect.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAE5C,gDAA4C;AAI5C,2DAA8D;AAC9D,gDAAoE;AAEpE,MAAa,QAAS,SAAQ,oBAAuB;IAArD;;QAEW,SAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAWhC,CAAC;IATW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,CAAC,GACb,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAZH,4BAaC;AAZiB,aAAI,UAAqB;AAcpC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,iBAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAA,mCAAmB,GAAE,CAAC;IACtB,IAAA,sCAA6B,GAAE,CAAC;AAClC,CAAC,CAAC;AAJW,QAAA,gBAAgB,oBAI3B","file":"rect.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IRectMarkSpec } from '../typings/visual';\nimport { BaseMark } from './base/base-mark';\nimport type { IMarkStyle, IRectMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerRectGraphic } from '@visactor/vgrammar-core';\nimport { registerVGrammarRectAnimation } from '../animation/config';\n\nexport class RectMark extends BaseMark<IRectMarkSpec> implements IRectMark {\n  static readonly type = MarkTypeEnum.rect;\n  readonly type = RectMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IRectMarkSpec> = {\n      ...super._getDefaultStyle(),\n      width: undefined,\n      height: undefined,\n      lineWidth: 0\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerRectMark = () => {\n  Factory.registerMark(RectMark.type, RectMark);\n  registerRectGraphic();\n  registerVGrammarRectAnimation();\n};\n"]}
+{"version":3,"sources":["../src/mark/rect.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAE5C,gDAA4C;AAI5C,gDAAoE;AACpE,yDAA0E;AAC1E,qEAAqE;AACrE,yDAAoD;AAEpD,MAAa,QAAS,SAAQ,oBAAuB;IAArD;;QAEW,SAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAWhC,CAAC;IATW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,CAAC,GACb,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAZH,4BAaC;AAZiB,aAAI,UAAqB;AAcpC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,0CAAqB,GAAE,CAAC;IACxB,iBAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAA,sCAA6B,GAAE,CAAC;IAEhC,iBAAO,CAAC,wBAAwB,SAAoB,yBAAU,CAAC,CAAC;AAClE,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B","file":"rect.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IRectMarkSpec } from '../typings/visual';\nimport { BaseMark } from './base/base-mark';\nimport type { IMarkStyle, IRectMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerVGrammarRectAnimation } from '../animation/config';\nimport { registerRect, registerShadowRoot } from '@visactor/vrender-kits';\nimport { registerRectDataLabel } from '@visactor/vrender-components';\nimport { createRect } from '@visactor/vrender-core';\n\nexport class RectMark extends BaseMark<IRectMarkSpec> implements IRectMark {\n  static readonly type = MarkTypeEnum.rect;\n  readonly type = RectMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IRectMarkSpec> = {\n      ...super._getDefaultStyle(),\n      width: undefined,\n      height: undefined,\n      lineWidth: 0\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerRectMark = () => {\n  registerShadowRoot();\n  registerRect();\n  registerRectDataLabel();\n  Factory.registerMark(RectMark.type, RectMark);\n  registerVGrammarRectAnimation();\n\n  Factory.registerGraphicComponent(MarkTypeEnum.rect, createRect);\n};\n"]}

package/cjs/mark/ripple.d.ts

@@ -1,12 +1,47 @@
-import { BaseMark } from './base/base-mark';
 import type { IRippleMarkSpec } from '../typings/visual';
 import type { IMarkStyle, IRippleMark } from './interface';
 import { MarkTypeEnum } from './interface/type';
-import type { IGroupMark } from '@visactor/vgrammar-core';
-export declare class RippleMark extends BaseMark<IRippleMarkSpec> implements IRippleMark {
+import { GlyphMark } from './glyph';
+import type { Datum } from '../typings/common';
+import { type IGlyph } from '@visactor/vrender-core';
+export declare class RippleMark extends GlyphMark<IRippleMarkSpec> implements IRippleMark {
     static readonly type = MarkTypeEnum.ripple;
     readonly type = MarkTypeEnum.ripple;
     protected _getDefaultStyle(): IMarkStyle<IRippleMarkSpec>;
-    protected _initProduct(group?: string | IGroupMark): void;
+    protected _subMarks: {
+        ripple0: {
+            type: string;
+            defaultAttributes: {
+                fillOpacity: number;
+            };
+        };
+        ripple1: {
+            type: string;
+            defaultAttributes: {
+                fillOpacity: number;
+            };
+        };
+        ripple2: {
+            type: string;
+            defaultAttributes: {
+                fillOpacity: number;
+            };
+        };
+    };
+    protected _positionChannels: string[];
+    protected _positionEncoder: (glyphAttrs: any, datum: Datum, g: IGlyph) => {
+        ripple0: {
+            size: any;
+            fillOpacity: number;
+        };
+        ripple1: {
+            size: any;
+            fillOpacity: number;
+        };
+        ripple2: {
+            size: any;
+            fillOpacity: number;
+        };
+    };
 }
 export declare const registerRippleMark: () => void;

package/cjs/mark/ripple.js

@@ -4,11 +4,47 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerRippleMark = exports.RippleMark = void 0;
 
-const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), vgrammar_core_1 = require("@visactor/vgrammar-core");
+const factory_1 = require("./../core/factory"), glyph_1 = require("./glyph"), vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), vrender_kits_1 = require("@visactor/vrender-kits");
 
-class RippleMark extends base_mark_1.BaseMark {
+class RippleMark extends glyph_1.GlyphMark {
     constructor() {
-        super(...arguments), this.type = RippleMark.type;
+        super(...arguments), this.type = RippleMark.type, this._subMarks = {
+            ripple0: {
+                type: "symbol",
+                defaultAttributes: {
+                    fillOpacity: .75
+                }
+            },
+            ripple1: {
+                type: "symbol",
+                defaultAttributes: {
+                    fillOpacity: .5
+                }
+            },
+            ripple2: {
+                type: "symbol",
+                defaultAttributes: {
+                    fillOpacity: .25
+                }
+            }
+        }, this._positionChannels = [ "ripple" ], this._positionEncoder = (glyphAttrs, datum, g) => {
+            const {ripple: ripple = g.attribute.ripple, size: size = g.attribute.size} = glyphAttrs, r = (0, 
+            vutils_1.clamp)(ripple, 0, 1), rippleSize = .5 * size;
+            return {
+                ripple0: {
+                    size: size + rippleSize * r,
+                    fillOpacity: .75 - .25 * r
+                },
+                ripple1: {
+                    size: size + rippleSize * (1 + r),
+                    fillOpacity: .5 - .25 * r
+                },
+                ripple2: {
+                    size: size + rippleSize * (2 + r),
+                    fillOpacity: .25 - .25 * r
+                }
+            };
+        };
     }
     _getDefaultStyle() {
         return Object.assign(Object.assign({}, super._getDefaultStyle()), {
@@ -17,17 +53,13 @@ class RippleMark extends base_mark_1.BaseMark {
             ripple: 0
         });
     }
-    _initProduct(group) {
-        const view = this.getVGrammarView(), id = this.getProductId();
-        this._product = view.glyph("ripplePoint", null != group ? group : view.rootMark).id(id), 
-        this._compiledProductId = id;
-    }
 }
 
 exports.RippleMark = RippleMark, RippleMark.type = "ripple";
 
 const registerRippleMark = () => {
-    factory_1.Factory.registerMark(RippleMark.type, RippleMark), (0, vgrammar_core_1.registerRippleGlyph)();
+    (0, glyph_1.registerGlyphMark)(), (0, vrender_kits_1.registerSymbol)(), factory_1.Factory.registerMark(RippleMark.type, RippleMark), 
+    factory_1.Factory.registerGraphicComponent("symbol", (attrs => (0, vrender_core_1.createSymbol)(attrs)));
 };
 
 exports.registerRippleMark = registerRippleMark;

package/cjs/mark/ripple.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/ripple.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAC5C,gDAA4C;AAK5C,2DAA8D;AAI9D,MAAa,UAAW,SAAQ,oBAAyB;IAAzD;;QAEW,SAAI,GAAG,UAAU,CAAC,IAAI,CAAC;IAqBlC,CAAC;IAnBW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,MAAM,EAAE,CAAC,GACV,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;IAES,YAAY,CAAC,KAA2B;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAGpC,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,aAAa,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACrE,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;IAC/B,CAAC;;AAtBH,gCAuBC;AAtBiB,eAAI,YAAuB;AAwBtC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,iBAAO,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAClD,IAAA,mCAAmB,GAAE,CAAC;AACxB,CAAC,CAAC;AAHW,QAAA,kBAAkB,sBAG7B","file":"ripple.js","sourcesContent":["import { Factory } from './../core/factory';\nimport { BaseMark } from './base/base-mark';\nimport type { IRippleMarkSpec } from '../typings/visual';\nimport type { IMarkStyle, IRippleMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerRippleGlyph } from '@visactor/vgrammar-core';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IGroupMark } from '@visactor/vgrammar-core';\n\nexport class RippleMark extends BaseMark<IRippleMarkSpec> implements IRippleMark {\n  static readonly type = MarkTypeEnum.ripple;\n  readonly type = RippleMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IRippleMarkSpec> = {\n      ...super._getDefaultStyle(),\n      x: 0,\n      y: 0,\n      ripple: 0\n    };\n    return defaultStyle;\n  }\n\n  protected _initProduct(group?: string | IGroupMark) {\n    const view = this.getVGrammarView();\n\n    // 声明语法元素\n    const id = this.getProductId();\n    const glyphType = 'ripplePoint';\n    this._product = view.glyph(glyphType, group ?? view.rootMark).id(id);\n    this._compiledProductId = id;\n  }\n}\n\nexport const registerRippleMark = () => {\n  Factory.registerMark(RippleMark.type, RippleMark);\n  registerRippleGlyph();\n};\n"]}
+{"version":3,"sources":["../src/mark/ripple.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAK5C,mCAAuD;AAEvD,yDAAiG;AACjG,6CAAyC;AACzC,yDAAwD;AAExD,MAAa,UAAW,SAAQ,iBAA0B;IAA1D;;QAEW,SAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAYtB,cAAS,GAAG;YACpB,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,iBAAiB,EAAE;oBACjB,WAAW,EAAE,IAAI;iBAClB;aACF;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,iBAAiB,EAAE;oBACjB,WAAW,EAAE,GAAG;iBACjB;aACF;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,iBAAiB,EAAE;oBACjB,WAAW,EAAE,IAAI;iBAClB;aACF;SACF,CAAC;QAEQ,sBAAiB,GAAa,CAAC,QAAQ,CAAC,CAAC;QAEzC,qBAAgB,GAAG,CAAC,UAAe,EAAE,KAAY,EAAE,CAAS,EAAE,EAAE;YACxE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,SAAiB,CAAC,MAAM,EAAE,IAAI,GAAI,CAAC,CAAC,SAAiB,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC;YAC9F,MAAM,CAAC,GAAG,IAAA,cAAK,EAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC9B,MAAM,UAAU,GAAG,IAAI,GAAG,GAAG,CAAC;YAE9B,OAAO;gBACL,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,GAAG,CAAC,GAAG,IAAI,EAAE;gBACtE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,GAAG,GAAG,CAAC,GAAG,IAAI,EAAE;gBAC3E,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,GAAG,CAAC,GAAG,IAAI,EAAE;aAC7E,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;IA5CW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,MAAM,EAAE,CAAC,GACV,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAZH,gCAgDC;AA/CiB,eAAI,YAAuB;AAiDtC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,IAAA,yBAAiB,GAAE,CAAC;IACpB,IAAA,6BAAc,GAAE,CAAC;IACjB,iBAAO,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAClD,iBAAO,CAAC,wBAAwB,CAAC,QAAQ,EAAE,CAAC,KAA8B,EAAE,EAAE,CAAC,IAAA,2BAAY,EAAC,KAAK,CAAC,CAAC,CAAC;AACtG,CAAC,CAAC;AALW,QAAA,kBAAkB,sBAK7B","file":"ripple.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IRippleMarkSpec } from '../typings/visual';\nimport type { IMarkStyle, IRippleMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { GlyphMark, registerGlyphMark } from './glyph';\nimport type { Datum } from '../typings/common';\nimport { createSymbol, type IGlyph, type ISymbolGraphicAttribute } from '@visactor/vrender-core';\nimport { clamp } from '@visactor/vutils';\nimport { registerSymbol } from '@visactor/vrender-kits';\n\nexport class RippleMark extends GlyphMark<IRippleMarkSpec> implements IRippleMark {\n  static readonly type = MarkTypeEnum.ripple;\n  readonly type = RippleMark.type;\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IRippleMarkSpec> = {\n      ...super._getDefaultStyle(),\n      x: 0,\n      y: 0,\n      ripple: 0\n    };\n    return defaultStyle;\n  }\n\n  protected _subMarks = {\n    ripple0: {\n      type: 'symbol',\n      defaultAttributes: {\n        fillOpacity: 0.75\n      }\n    },\n    ripple1: {\n      type: 'symbol',\n      defaultAttributes: {\n        fillOpacity: 0.5\n      }\n    },\n    ripple2: {\n      type: 'symbol',\n      defaultAttributes: {\n        fillOpacity: 0.25\n      }\n    }\n  };\n\n  protected _positionChannels: string[] = ['ripple'];\n\n  protected _positionEncoder = (glyphAttrs: any, datum: Datum, g: IGlyph) => {\n    const { ripple = (g.attribute as any).ripple, size = (g.attribute as any).size } = glyphAttrs;\n    const r = clamp(ripple, 0, 1);\n    const rippleSize = size * 0.5;\n\n    return {\n      ripple0: { size: size + rippleSize * r, fillOpacity: 0.75 - r * 0.25 },\n      ripple1: { size: size + rippleSize * (1 + r), fillOpacity: 0.5 - r * 0.25 },\n      ripple2: { size: size + rippleSize * (2 + r), fillOpacity: 0.25 - r * 0.25 }\n    };\n  };\n}\n\nexport const registerRippleMark = () => {\n  registerGlyphMark();\n  registerSymbol();\n  Factory.registerMark(RippleMark.type, RippleMark);\n  Factory.registerGraphicComponent('symbol', (attrs: ISymbolGraphicAttribute) => createSymbol(attrs));\n};\n"]}

package/cjs/mark/rule.d.ts

@@ -2,9 +2,12 @@ import type { IRuleMarkSpec } from '../typings/visual';
 import { BaseMark } from './base/base-mark';
 import type { IMarkStyle, IRuleMark } from './interface';
 import { MarkTypeEnum } from './interface/type';
+import type { IGraphic, ILineGraphicAttribute } from '@visactor/vrender-core';
 export declare class RuleMark extends BaseMark<IRuleMarkSpec> implements IRuleMark {
     static readonly type = MarkTypeEnum.rule;
     readonly type = MarkTypeEnum.rule;
     protected _getDefaultStyle(): IMarkStyle<IRuleMarkSpec>;
+    protected _transformGraphicAttributes(g: IGraphic, attrs: any, groupAttrs?: any): any;
+    protected _createGraphic(attrs?: ILineGraphicAttribute): IGraphic;
 }
 export declare const registerRuleMark: () => void;

package/cjs/mark/rule.js

@@ -1,10 +1,20 @@
 "use strict";
 
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerRuleMark = exports.RuleMark = void 0;
 
-const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), vgrammar_core_1 = require("@visactor/vgrammar-core");
+const factory_1 = require("./../core/factory"), base_mark_1 = require("./base/base-mark"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_core_1 = require("@visactor/vrender-core");
 
 class RuleMark extends base_mark_1.BaseMark {
     constructor() {
@@ -16,12 +26,28 @@ class RuleMark extends base_mark_1.BaseMark {
             y1: 0
         });
     }
+    _transformGraphicAttributes(g, attrs, groupAttrs) {
+        const finalAttrs = super._transformGraphicAttributes(g, attrs, groupAttrs), {x: x, x1: x1, y: y, y1: y1} = finalAttrs, rest = __rest(finalAttrs, [ "x", "x1", "y", "y1" ]);
+        return Object.assign(Object.assign({}, rest), {
+            points: [ {
+                x: x,
+                y: y
+            }, {
+                x: x1,
+                y: y1
+            } ]
+        });
+    }
+    _createGraphic(attrs = {}) {
+        return (0, vrender_core_1.createLine)(attrs);
+    }
 }
 
 exports.RuleMark = RuleMark, RuleMark.type = "rule";
 
 const registerRuleMark = () => {
-    factory_1.Factory.registerMark(RuleMark.type, RuleMark), (0, vgrammar_core_1.registerRuleGraphic)();
+    factory_1.Factory.registerMark(RuleMark.type, RuleMark), (0, vrender_kits_1.registerShadowRoot)(), 
+    (0, vrender_kits_1.registerLine)(), factory_1.Factory.registerGraphicComponent("line", vrender_core_1.createLine);
 };
 
 exports.registerRuleMark = registerRuleMark;

package/cjs/mark/rule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/rule.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAE5C,gDAA4C;AAI5C,2DAA8D;AAE9D,MAAa,QAAS,SAAQ,oBAAuB;IAArD;;QAEW,SAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAShC,CAAC;IARW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,GACN,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAVH,4BAWC;AAViB,aAAI,UAAqB;AAYpC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,iBAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAA,mCAAmB,GAAE,CAAC;AACxB,CAAC,CAAC;AAHW,QAAA,gBAAgB,oBAG3B","file":"rule.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IRuleMarkSpec } from '../typings/visual';\nimport { BaseMark } from './base/base-mark';\nimport type { IMarkStyle, IRuleMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerRuleGraphic } from '@visactor/vgrammar-core';\n\nexport class RuleMark extends BaseMark<IRuleMarkSpec> implements IRuleMark {\n  static readonly type = MarkTypeEnum.rule;\n  readonly type = RuleMark.type;\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IRuleMarkSpec> = {\n      ...super._getDefaultStyle(),\n      x1: 0,\n      y1: 0\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerRuleMark = () => {\n  Factory.registerMark(RuleMark.type, RuleMark);\n  registerRuleGraphic();\n};\n"]}
+{"version":3,"sources":["../src/mark/rule.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+CAA4C;AAE5C,gDAA4C;AAI5C,yDAA0E;AAE1E,yDAAoD;AAEpD,MAAa,QAAS,SAAQ,oBAAuB;IAArD;;QAEW,SAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IA0BhC,CAAC;IAzBW,gBAAgB;QACxB,MAAM,YAAY,mCACb,KAAK,CAAC,gBAAgB,EAAE,KAC3B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,GACN,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;IAES,2BAA2B,CAAC,CAAW,EAAE,KAAU,EAAE,UAAgB;QAC7E,MAAM,UAAU,GAAG,KAAK,CAAC,2BAA2B,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QAC3E,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,KAAc,UAAU,EAAnB,IAAI,UAAK,UAAU,EAAtC,sBAAyB,CAAa,CAAC;QAE7C,uCACK,IAAI,KACP,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,CAAC,EAAE;gBACR,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;aACjB,IACD;IACJ,CAAC;IAES,cAAc,CAAC,QAA+B,EAAE;QACxD,OAAO,IAAA,yBAAU,EAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;;AA3BH,4BA4BC;AA3BiB,aAAI,UAAqB;AA6BpC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,iBAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,2BAAY,GAAE,CAAC;IAEf,iBAAO,CAAC,wBAAwB,SAAoB,yBAAU,CAAC,CAAC;AAClE,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B","file":"rule.js","sourcesContent":["import { Factory } from './../core/factory';\nimport type { IRuleMarkSpec } from '../typings/visual';\nimport { BaseMark } from './base/base-mark';\nimport type { IMarkStyle, IRuleMark } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface/type';\nimport { registerLine, registerShadowRoot } from '@visactor/vrender-kits';\nimport type { IGraphic, ILineGraphicAttribute } from '@visactor/vrender-core';\nimport { createLine } from '@visactor/vrender-core';\n\nexport class RuleMark extends BaseMark<IRuleMarkSpec> implements IRuleMark {\n  static readonly type = MarkTypeEnum.rule;\n  readonly type = RuleMark.type;\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<IRuleMarkSpec> = {\n      ...super._getDefaultStyle(),\n      x1: 0,\n      y1: 0\n    };\n    return defaultStyle;\n  }\n\n  protected _transformGraphicAttributes(g: IGraphic, attrs: any, groupAttrs?: any) {\n    const finalAttrs = super._transformGraphicAttributes(g, attrs, groupAttrs);\n    const { x, x1, y, y1, ...rest } = finalAttrs;\n\n    return {\n      ...rest,\n      points: [\n        { x, y },\n        { x: x1, y: y1 }\n      ]\n    };\n  }\n\n  protected _createGraphic(attrs: ILineGraphicAttribute = {}): IGraphic {\n    return createLine(attrs);\n  }\n}\n\nexport const registerRuleMark = () => {\n  Factory.registerMark(RuleMark.type, RuleMark);\n  registerShadowRoot();\n  registerLine();\n\n  Factory.registerGraphicComponent(MarkTypeEnum.line, createLine);\n};\n"]}

package/cjs/mark/symbol.d.ts

@@ -2,11 +2,11 @@ import type { ISymbolMarkSpec } from '../typings/visual';
 import { BaseMark } from './base/base-mark';
 import type { IMarkStyle, ISymbolMark } from './interface';
 import { MarkTypeEnum } from './interface/type';
-export declare class BaseSymbolMark<T extends ISymbolMarkSpec> extends BaseMark<T> {
-    protected _getDefaultStyle(): IMarkStyle<T>;
-}
-export declare class SymbolMark extends BaseSymbolMark<ISymbolMarkSpec> implements ISymbolMark {
+import type { IGraphic } from '@visactor/vrender-core';
+export declare class SymbolMark extends BaseMark<ISymbolMarkSpec> implements ISymbolMark {
     static readonly type = MarkTypeEnum.symbol;
     readonly type = MarkTypeEnum.symbol;
+    protected _getDefaultStyle(): IMarkStyle<ISymbolMarkSpec>;
+    protected _transformGraphicAttributes(g: IGraphic, attrs: any, groupAttrs?: any): any;
 }
 export declare const registerSymbolMark: () => void;