@visactor/vgrammar-core 0.7.0

package/cjs/component/grid.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerGrid = exports.Grid = exports.generateCircleAxisGridAttributes = exports.generateLineAxisGridAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_components_1 = require("@visactor/vrender-components"), graph_1 = require("../graph"), scale_1 = require("./scale"), encode_1 = require("../graph/mark/encode"), util_1 = require("../parse/util"), axis_1 = require("./axis"), factory_1 = require("../core/factory"), generateLineAxisGridAttributes = (scale, theme, addition, tickCount) => {
+    var _a, _b, _c, _d;
+    const gridTheme = null !== (_b = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.grid) && void 0 !== _b ? _b : {};
+    if (!scale) return (0, vutils_1.merge)({}, gridTheme, null != addition ? addition : {});
+    const items = (null !== (_d = null === (_c = scale.tickData) || void 0 === _c ? void 0 : _c.call(scale, tickCount)) && void 0 !== _d ? _d : []).map((tick => ({
+        id: tick.index,
+        label: tick.tick,
+        value: tick.value,
+        rawValue: tick.tick
+    })));
+    return (0, vutils_1.merge)({}, gridTheme, {
+        items: items
+    }, null != addition ? addition : {});
+};
+
+exports.generateLineAxisGridAttributes = generateLineAxisGridAttributes;
+
+const generateCircleAxisGridAttributes = (scale, theme, addition, tickCount) => {
+    var _a, _b, _c, _d;
+    const gridTheme = null !== (_b = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.circleGrid) && void 0 !== _b ? _b : {};
+    if (!scale) return (0, vutils_1.merge)({}, gridTheme, null != addition ? addition : {});
+    const items = (null !== (_d = null === (_c = scale.tickData) || void 0 === _c ? void 0 : _c.call(scale, tickCount)) && void 0 !== _d ? _d : []).map((tick => ({
+        id: tick.index,
+        label: tick.tick,
+        value: tick.value,
+        rawValue: tick.tick
+    })));
+    return (0, vutils_1.merge)({}, gridTheme, {
+        items: items
+    }, null != addition ? addition : {});
+};
+
+exports.generateCircleAxisGridAttributes = generateCircleAxisGridAttributes;
+
+class Grid extends scale_1.ScaleComponent {
+    constructor(view, group, mode) {
+        super(view, graph_1.ComponentEnum.grid, group), this.spec.componentType = graph_1.ComponentEnum.grid, 
+        this.mode = mode;
+    }
+    parseAddition(spec) {
+        return super.parseAddition(spec), this.target(spec.target), this.gridType(spec.gridType), 
+        this.gridShape(spec.gridShape), this;
+    }
+    scale(scale) {
+        return super.scale(scale), this._gridComponentType = null, this;
+    }
+    gridType(gridType) {
+        return this.spec.gridType = gridType, this._gridComponentType = null, this._prepareRejoin(), 
+        this.commit(), this;
+    }
+    gridShape(gridShape) {
+        return this.spec.gridShape = gridShape, this.commit(), this;
+    }
+    target(axis) {
+        if (this.spec.target) {
+            const prevAxis = (0, vutils_1.isString)(this.spec.target) ? this.view.getMarkById(this.spec.target) : this.spec.target;
+            this.detach(prevAxis);
+        }
+        this.spec.target = axis;
+        const nextAxis = (0, vutils_1.isString)(axis) ? this.view.getMarkById(axis) : axis;
+        return this.attach(nextAxis), this._targetAxis = nextAxis, this._gridComponentType = null, 
+        this._updateComponentEncoders(), this.commit(), this;
+    }
+    tickCount(tickCount) {
+        return this.setFunctionSpec(tickCount, "tickCount");
+    }
+    inside(inside) {
+        return this.setFunctionSpec(inside, "inside");
+    }
+    baseValue(baseValue) {
+        return this.setFunctionSpec(baseValue, "baseValue");
+    }
+    addGraphicItem(attrs, groupKey) {
+        const initialAttributes = (0, vutils_1.merge)({
+            x: 0,
+            y: 0,
+            start: {
+                x: 0,
+                y: 0
+            },
+            end: {
+                x: 0,
+                y: 0
+            }
+        }, attrs), graphicItem = factory_1.Factory.createGraphicComponent(this._getGridComponentType(), initialAttributes, this.mode);
+        return super.addGraphicItem(initialAttributes, groupKey, graphicItem);
+    }
+    _updateComponentEncoders() {
+        const encoders = Object.assign({
+            update: {}
+        }, this.spec.encode), componentEncoders = Object.keys(encoders).reduce(((res, state) => {
+            const encoder = encoders[state];
+            return encoder && (res[state] = {
+                callback: (datum, element, parameters) => {
+                    var _a, _b, _c, _d;
+                    const theme = this.view.getCurrentTheme();
+                    let scaleGrammar, addition = (0, encode_1.invokeEncoder)(encoder, datum, element, parameters);
+                    const baseValue = (0, util_1.invokeFunctionType)(this.spec.baseValue, parameters, datum, element);
+                    if (this._targetAxis) {
+                        const targetScale = null === (_a = this._targetAxis.getSpec()) || void 0 === _a ? void 0 : _a.scale;
+                        scaleGrammar = (0, vutils_1.isString)(targetScale) ? this.view.getScaleById(targetScale) : targetScale;
+                        const targetElement = this._targetAxis.elements[0];
+                        if (targetElement) switch (this._getGridComponentType()) {
+                          case graph_1.GridEnum.lineAxisGrid:
+                            addition = Object.assign({
+                                x: targetElement.getGraphicAttribute("x"),
+                                y: targetElement.getGraphicAttribute("y"),
+                                start: targetElement.getGraphicAttribute("start"),
+                                end: targetElement.getGraphicAttribute("end"),
+                                verticalFactor: null !== (_b = targetElement.getGraphicAttribute("verticalFactor")) && void 0 !== _b ? _b : 1
+                            }, addition);
+                            break;
+
+                          case graph_1.GridEnum.circleAxisGrid:
+                            addition = Object.assign({
+                                x: targetElement.getGraphicAttribute("x"),
+                                y: targetElement.getGraphicAttribute("y"),
+                                center: targetElement.getGraphicAttribute("center"),
+                                radius: targetElement.getGraphicAttribute("radius"),
+                                innerRadius: targetElement.getGraphicAttribute("innerRadius"),
+                                inside: targetElement.getGraphicAttribute("inside"),
+                                startAngle: targetElement.getGraphicAttribute("startAngle"),
+                                endAngle: targetElement.getGraphicAttribute("endAngle")
+                            }, addition);
+                        }
+                    } else {
+                        scaleGrammar = (0, vutils_1.isString)(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;
+                        const inside = (0, util_1.invokeFunctionType)(this.spec.inside, parameters, datum, element), coordinate = null === (_c = null == scaleGrammar ? void 0 : scaleGrammar.getCoordinate) || void 0 === _c ? void 0 : _c.call(scaleGrammar);
+                        coordinate && (addition = Object.assign((0, axis_1.generateCoordinateAxisAttribute)(scaleGrammar, coordinate, inside, baseValue, this.spec.layout, !0), addition));
+                    }
+                    this._getGridComponentType() === graph_1.GridEnum.lineAxisGrid && (addition = "line" !== this.spec.gridShape && this.spec.gridShape ? Object.assign({
+                        center: addition.start,
+                        closed: !0
+                    }, addition, {
+                        type: this.spec.gridShape
+                    }) : Object.assign({}, addition, {
+                        type: "line"
+                    }));
+                    const scale = null === (_d = null == scaleGrammar ? void 0 : scaleGrammar.getScale) || void 0 === _d ? void 0 : _d.call(scaleGrammar), tickCount = (0, 
+                    util_1.invokeFunctionType)(this.spec.tickCount, parameters, datum, element);
+                    switch (this._getGridComponentType()) {
+                      case graph_1.GridEnum.lineAxisGrid:
+                        return (0, exports.generateLineAxisGridAttributes)(scale, theme, addition, tickCount);
+
+                      case graph_1.GridEnum.circleAxisGrid:
+                        return (0, exports.generateCircleAxisGridAttributes)(scale, theme, addition, tickCount);
+                    }
+                    return addition;
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+    _getGridComponentType() {
+        var _a;
+        if (this._gridComponentType) return this._gridComponentType;
+        if (this.spec.gridType) if ("circle" === this.spec.gridType) this._gridComponentType = graph_1.GridEnum.circleAxisGrid; else this._gridComponentType = graph_1.GridEnum.lineAxisGrid; else if (this._targetAxis) {
+            switch (this._targetAxis.getAxisComponentType()) {
+              case graph_1.AxisEnum.circleAxis:
+                this._gridComponentType = graph_1.GridEnum.circleAxisGrid;
+                break;
+
+              case graph_1.AxisEnum.lineAxis:
+              default:
+                this._gridComponentType = graph_1.GridEnum.lineAxisGrid;
+            }
+        } else if (this.spec.scale) {
+            const scaleGrammar = (0, vutils_1.isString)(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;
+            this._gridComponentType = (null === (_a = null == scaleGrammar ? void 0 : scaleGrammar.getCoordinate) || void 0 === _a ? void 0 : _a.call(scaleGrammar)) ? scaleGrammar.getCoordinateAxisPoints() ? graph_1.GridEnum.lineAxisGrid : graph_1.GridEnum.circleAxisGrid : graph_1.GridEnum.lineAxisGrid;
+        } else this._gridComponentType = graph_1.GridEnum.lineAxisGrid;
+        return this._gridComponentType;
+    }
+}
+
+exports.Grid = Grid, Grid.componentType = graph_1.ComponentEnum.grid;
+
+const registerGrid = () => {
+    factory_1.Factory.registerGraphicComponent(graph_1.GridEnum.lineAxisGrid, ((attrs, mode) => new vrender_components_1.LineAxisGrid(attrs, mode))), 
+    factory_1.Factory.registerGraphicComponent(graph_1.GridEnum.circleAxisGrid, ((attrs, mode) => new vrender_components_1.CircleAxisGrid(attrs))), 
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.grid, Grid);
+};
+
+exports.registerGrid = registerGrid;
+//# sourceMappingURL=grid.js.map

package/cjs/component/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/grid.ts"],"names":[],"mappings":"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","file":"grid.js","sourcesContent":["import { isString, merge } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender';\nimport type { CircleAxisGridAttributes, LineAxisGridAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { CircleAxisGrid, LineAxisGrid } from '@visactor/vrender-components';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type {\n  BaseSignleEncodeSpec,\n  IElement,\n  IGroupMark,\n  IScale,\n  ITheme,\n  IView,\n  MarkFunctionType,\n  MarkRelativeItemSpec,\n  Nil,\n  RecursivePartial,\n  StateEncodeSpec\n} from '../types';\nimport { AxisEnum, ComponentEnum, GridEnum } from '../graph';\nimport type { GridShape, GridSpec, AxisType, IAxis, IGrid } from '../types/component';\nimport { ScaleComponent } from './scale';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { invokeFunctionType } from '../parse/util';\nimport { generateCoordinateAxisAttribute } from './axis';\nimport { Factory } from '../core/factory';\n\nexport const generateLineAxisGridAttributes = (\n  scale: IBaseScale,\n  theme?: ITheme,\n  addition?: RecursivePartial<LineAxisGridAttributes>,\n  tickCount?: number\n): LineAxisGridAttributes => {\n  const gridTheme = theme?.components?.grid ?? {};\n  if (!scale) {\n    return merge({}, gridTheme, addition ?? {});\n  }\n  const tickData = scale.tickData?.(tickCount) ?? [];\n  const items = tickData.map(tick => ({\n    id: tick.index,\n    label: tick.tick,\n    value: tick.value,\n    rawValue: tick.tick\n  }));\n  return merge({}, gridTheme, { items }, addition ?? {});\n};\n\nexport const generateCircleAxisGridAttributes = (\n  scale: IBaseScale,\n  theme?: ITheme,\n  addition?: RecursivePartial<CircleAxisGridAttributes>,\n  tickCount?: number\n): CircleAxisGridAttributes => {\n  const gridTheme = theme?.components?.circleGrid ?? {};\n  if (!scale) {\n    return merge({}, gridTheme, addition ?? {});\n  }\n  const tickData = scale.tickData?.(tickCount) ?? [];\n  const items = tickData.map(tick => ({\n    id: tick.index,\n    label: tick.tick,\n    value: tick.value,\n    rawValue: tick.tick\n  }));\n  return merge({}, gridTheme, { items }, addition ?? {});\n};\n\nexport class Grid extends ScaleComponent implements IGrid {\n  static readonly componentType: string = ComponentEnum.grid;\n  protected declare spec: GridSpec;\n\n  protected mode?: '2d' | '3d';\n\n  private _gridComponentType: keyof typeof GridEnum;\n  private _targetAxis: IAxis;\n\n  constructor(view: IView, group?: IGroupMark, mode?: '2d' | '3d') {\n    super(view, ComponentEnum.grid, group);\n    this.spec.componentType = ComponentEnum.grid;\n    this.mode = mode;\n  }\n\n  protected parseAddition(spec: GridSpec) {\n    super.parseAddition(spec);\n    this.target(spec.target);\n    this.gridType(spec.gridType);\n    this.gridShape(spec.gridShape);\n    return this;\n  }\n\n  scale(scale?: IScale | string | Nil) {\n    super.scale(scale);\n    this._gridComponentType = null;\n    return this;\n  }\n\n  gridType(gridType: AxisType | Nil) {\n    this.spec.gridType = gridType;\n    this._gridComponentType = null;\n    this._prepareRejoin();\n    this.commit();\n    return this;\n  }\n\n  gridShape(gridShape: GridShape | Nil) {\n    this.spec.gridShape = gridShape;\n    // no need to rejoin when gridShape is updated\n    // this._gridComponentType = null;\n    // this._prepareRejoin();\n    this.commit();\n    return this;\n  }\n\n  target(axis: IAxis | string | Nil) {\n    if (this.spec.target) {\n      const prevAxis = isString(this.spec.target)\n        ? (this.view.getMarkById(this.spec.target) as IAxis)\n        : this.spec.target;\n      this.detach(prevAxis);\n    }\n    this.spec.target = axis;\n    const nextAxis = isString(axis) ? (this.view.getMarkById(axis) as IAxis) : axis;\n    this.attach(nextAxis);\n    this._targetAxis = nextAxis;\n\n    // clear grid type when target is updated\n    this._gridComponentType = null;\n    this._updateComponentEncoders();\n\n    this.commit();\n    return this;\n  }\n\n  tickCount(tickCount: MarkFunctionType<number> | Nil) {\n    return this.setFunctionSpec(tickCount, 'tickCount');\n  }\n\n  inside(inside: MarkFunctionType<boolean> | Nil) {\n    return this.setFunctionSpec(inside, 'inside');\n  }\n\n  baseValue(baseValue: MarkFunctionType<number> | Nil) {\n    return this.setFunctionSpec(baseValue, 'baseValue');\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string) {\n    const defaultAttributes = { x: 0, y: 0, start: { x: 0, y: 0 }, end: { x: 0, y: 0 } };\n    const initialAttributes = merge(defaultAttributes, attrs);\n    const graphicItem = Factory.createGraphicComponent(this._getGridComponentType(), initialAttributes, this.mode);\n    return super.addGraphicItem(initialAttributes, groupKey, graphicItem);\n  }\n\n  protected _updateComponentEncoders() {\n    const encoders = Object.assign({ update: {} }, this.spec.encode);\n    const componentEncoders: StateEncodeSpec = Object.keys(encoders).reduce((res, state) => {\n      const encoder = encoders[state];\n      if (encoder) {\n        res[state] = {\n          callback: (datum: any, element: IElement, parameters: any) => {\n            const theme = this.view.getCurrentTheme();\n            let addition = invokeEncoder(encoder as BaseSignleEncodeSpec, datum, element, parameters);\n            let scaleGrammar: IScale;\n            const baseValue = invokeFunctionType(this.spec.baseValue, parameters, datum, element);\n\n            // get attributes from target axis\n            if (this._targetAxis) {\n              const targetScale = this._targetAxis.getSpec()?.scale as IScale | string | Nil;\n              scaleGrammar = isString(targetScale) ? this.view.getScaleById(targetScale) : targetScale;\n\n              const targetElement = this._targetAxis.elements[0];\n              if (targetElement) {\n                switch (this._getGridComponentType()) {\n                  case GridEnum.lineAxisGrid:\n                    addition = Object.assign(\n                      {\n                        x: targetElement.getGraphicAttribute('x'),\n                        y: targetElement.getGraphicAttribute('y'),\n                        start: targetElement.getGraphicAttribute('start'),\n                        end: targetElement.getGraphicAttribute('end'),\n                        verticalFactor: targetElement.getGraphicAttribute('verticalFactor') ?? 1\n                      },\n                      addition\n                    );\n                    break;\n                  case GridEnum.circleAxisGrid:\n                    addition = Object.assign(\n                      {\n                        x: targetElement.getGraphicAttribute('x'),\n                        y: targetElement.getGraphicAttribute('y'),\n                        center: targetElement.getGraphicAttribute('center'),\n                        radius: targetElement.getGraphicAttribute('radius'),\n                        innerRadius: targetElement.getGraphicAttribute('innerRadius'),\n                        inside: targetElement.getGraphicAttribute('inside'),\n                        startAngle: targetElement.getGraphicAttribute('startAngle'),\n                        endAngle: targetElement.getGraphicAttribute('endAngle')\n                      },\n                      addition\n                    );\n                    break;\n                }\n              }\n            }\n            // compute attribute by spec\n            else {\n              scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n              const inside = invokeFunctionType(this.spec.inside, parameters, datum, element);\n\n              const coordinate = scaleGrammar?.getCoordinate?.();\n              if (coordinate) {\n                addition = Object.assign(\n                  generateCoordinateAxisAttribute(\n                    scaleGrammar,\n                    coordinate,\n                    inside,\n                    baseValue,\n                    this.spec.layout as MarkRelativeItemSpec,\n                    true\n                  ),\n                  addition\n                );\n              }\n            }\n\n            // compute addition shape attributes for line grid\n            if (this._getGridComponentType() === GridEnum.lineAxisGrid) {\n              if (this.spec.gridShape === 'line' || !this.spec.gridShape) {\n                // set axis type\n                addition = Object.assign({}, addition, { type: 'line' });\n              } else {\n                // set addition length & axis type\n                addition = Object.assign(\n                  {\n                    center: addition.start,\n                    closed: true\n                  },\n                  addition,\n                  { type: this.spec.gridShape }\n                );\n              }\n            }\n\n            const scale = scaleGrammar?.getScale?.();\n            const tickCount = invokeFunctionType(this.spec.tickCount, parameters, datum, element);\n            switch (this._getGridComponentType()) {\n              case GridEnum.lineAxisGrid:\n                return generateLineAxisGridAttributes(scale, theme, addition, tickCount);\n              case GridEnum.circleAxisGrid:\n                return generateCircleAxisGridAttributes(scale, theme, addition, tickCount);\n            }\n            return addition;\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n\n  private _getGridComponentType() {\n    if (this._gridComponentType) {\n      return this._gridComponentType;\n    }\n\n    if (this.spec.gridType) {\n      switch (this.spec.gridType) {\n        case 'circle':\n          this._gridComponentType = GridEnum.circleAxisGrid;\n          break;\n        case 'line':\n        default:\n          this._gridComponentType = GridEnum.lineAxisGrid;\n      }\n    } else if (this._targetAxis) {\n      const axisComponentType = this._targetAxis.getAxisComponentType();\n      switch (axisComponentType) {\n        case AxisEnum.circleAxis:\n          this._gridComponentType = GridEnum.circleAxisGrid;\n          break;\n        case AxisEnum.lineAxis:\n        default:\n          this._gridComponentType = GridEnum.lineAxisGrid;\n      }\n    } else if (this.spec.scale) {\n      const scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n      this._gridComponentType = scaleGrammar?.getCoordinate?.()\n        ? scaleGrammar.getCoordinateAxisPoints()\n          ? GridEnum.lineAxisGrid\n          : GridEnum.circleAxisGrid\n        : GridEnum.lineAxisGrid;\n    } else {\n      this._gridComponentType = GridEnum.lineAxisGrid;\n    }\n\n    return this._gridComponentType;\n  }\n}\n\nexport const registerGrid = () => {\n  Factory.registerGraphicComponent(\n    GridEnum.lineAxisGrid,\n    (attrs: LineAxisGridAttributes, mode?: '2d' | '3d') => new LineAxisGrid(attrs, mode) as unknown as IGraphic\n  );\n\n  Factory.registerGraphicComponent(\n    GridEnum.circleAxisGrid,\n    (attrs: CircleAxisGridAttributes, mode?: '2d' | '3d') => new CircleAxisGrid(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.grid, Grid);\n};\n"]}

package/cjs/component/index.d.ts

@@ -0,0 +1,11 @@
+export { registerAxis } from './axis';
+export { registerLegend } from './legend';
+export { registerCrosshair } from './crosshair';
+export { registerSlider } from './slider';
+export { registerLabel } from './label';
+export { registerDataZoom } from './datazoom';
+export { registerPlayer } from './player';
+export { registerTooltip } from './tooltip';
+export { registerTitle } from './title';
+export { registerGrid } from './grid';
+export { registerScrollbar } from './scrollbar';

package/cjs/component/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerScrollbar = exports.registerGrid = exports.registerTitle = exports.registerTooltip = exports.registerPlayer = exports.registerDataZoom = exports.registerLabel = exports.registerSlider = exports.registerCrosshair = exports.registerLegend = exports.registerAxis = void 0;
+
+var axis_1 = require("./axis");
+
+Object.defineProperty(exports, "registerAxis", {
+    enumerable: !0,
+    get: function() {
+        return axis_1.registerAxis;
+    }
+});
+
+var legend_1 = require("./legend");
+
+Object.defineProperty(exports, "registerLegend", {
+    enumerable: !0,
+    get: function() {
+        return legend_1.registerLegend;
+    }
+});
+
+var crosshair_1 = require("./crosshair");
+
+Object.defineProperty(exports, "registerCrosshair", {
+    enumerable: !0,
+    get: function() {
+        return crosshair_1.registerCrosshair;
+    }
+});
+
+var slider_1 = require("./slider");
+
+Object.defineProperty(exports, "registerSlider", {
+    enumerable: !0,
+    get: function() {
+        return slider_1.registerSlider;
+    }
+});
+
+var label_1 = require("./label");
+
+Object.defineProperty(exports, "registerLabel", {
+    enumerable: !0,
+    get: function() {
+        return label_1.registerLabel;
+    }
+});
+
+var datazoom_1 = require("./datazoom");
+
+Object.defineProperty(exports, "registerDataZoom", {
+    enumerable: !0,
+    get: function() {
+        return datazoom_1.registerDataZoom;
+    }
+});
+
+var player_1 = require("./player");
+
+Object.defineProperty(exports, "registerPlayer", {
+    enumerable: !0,
+    get: function() {
+        return player_1.registerPlayer;
+    }
+});
+
+var tooltip_1 = require("./tooltip");
+
+Object.defineProperty(exports, "registerTooltip", {
+    enumerable: !0,
+    get: function() {
+        return tooltip_1.registerTooltip;
+    }
+});
+
+var title_1 = require("./title");
+
+Object.defineProperty(exports, "registerTitle", {
+    enumerable: !0,
+    get: function() {
+        return title_1.registerTitle;
+    }
+});
+
+var grid_1 = require("./grid");
+
+Object.defineProperty(exports, "registerGrid", {
+    enumerable: !0,
+    get: function() {
+        return grid_1.registerGrid;
+    }
+});
+
+var scrollbar_1 = require("./scrollbar");
+
+Object.defineProperty(exports, "registerScrollbar", {
+    enumerable: !0,
+    get: function() {
+        return scrollbar_1.registerScrollbar;
+    }
+});
+//# sourceMappingURL=index.js.map

package/cjs/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/index.ts"],"names":[],"mappings":";;;AAAA,+BAAsC;AAA7B,oGAAA,YAAY,OAAA;AACrB,mCAA0C;AAAjC,wGAAA,cAAc,OAAA;AACvB,yCAAgD;AAAvC,8GAAA,iBAAiB,OAAA;AAC1B,mCAA0C;AAAjC,wGAAA,cAAc,OAAA;AACvB,iCAAwC;AAA/B,sGAAA,aAAa,OAAA;AACtB,uCAA8C;AAArC,4GAAA,gBAAgB,OAAA;AACzB,mCAA0C;AAAjC,wGAAA,cAAc,OAAA;AACvB,qCAA4C;AAAnC,0GAAA,eAAe,OAAA;AACxB,iCAAwC;AAA/B,sGAAA,aAAa,OAAA;AACtB,+BAAsC;AAA7B,oGAAA,YAAY,OAAA;AACrB,yCAAgD;AAAvC,8GAAA,iBAAiB,OAAA","file":"index.js","sourcesContent":["export { registerAxis } from './axis';\nexport { registerLegend } from './legend';\nexport { registerCrosshair } from './crosshair';\nexport { registerSlider } from './slider';\nexport { registerLabel } from './label';\nexport { registerDataZoom } from './datazoom';\nexport { registerPlayer } from './player';\nexport { registerTooltip } from './tooltip';\nexport { registerTitle } from './title';\nexport { registerGrid } from './grid';\nexport { registerScrollbar } from './scrollbar';\n"]}

package/cjs/component/label.d.ts

@@ -0,0 +1,19 @@
+import type { BaseLabelAttrs, DataLabelAttrs } from '@visactor/vrender-components';
+import type { BaseSignleEncodeSpec, IGroupMark, IMark, ITheme, IView, MarkFunctionType, Nil } from '../types';
+import type { ILabel, LabelSpec } from '../types/component';
+import { Component } from '../view/component';
+export declare const generateLabelAttributes: (marks: IMark[], groupSize: {
+    width: number;
+    height: number;
+}, encoder: BaseSignleEncodeSpec, labelStyle: MarkFunctionType<Partial<BaseLabelAttrs>>, parameters: any, theme?: ITheme) => DataLabelAttrs;
+export declare class Label extends Component implements ILabel {
+    static readonly componentType: string;
+    protected spec: LabelSpec;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: LabelSpec): this;
+    labelStyle(style: MarkFunctionType<Partial<BaseLabelAttrs>>): this;
+    size(size: LabelSpec['size']): this;
+    target(mark: IMark | IMark[] | string | string[] | Nil): this;
+    protected _updateComponentEncoders(): void;
+}
+export declare const registerLabel: () => void;

package/cjs/component/label.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerLabel = exports.Label = exports.generateLabelAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_components_1 = require("@visactor/vrender-components"), graph_1 = require("../graph"), component_1 = require("../view/component"), encode_1 = require("../graph/mark/encode"), util_1 = require("../parse/util"), factory_1 = require("../core/factory"), generateLabelAttributes = (marks, groupSize, encoder, labelStyle, parameters, theme) => {
+    var _a;
+    const labelTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.dataLabel, dataLabels = marks.map((mark => {
+        var _a, _b, _c, _d, _e, _f;
+        let currentTheme = {};
+        switch (mark.markType) {
+          case graph_1.GrammarMarkType.line:
+            currentTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.lineLabel;
+            break;
+
+          case graph_1.GrammarMarkType.rect:
+          case graph_1.GrammarMarkType.interval:
+            currentTheme = null === (_b = null == theme ? void 0 : theme.components) || void 0 === _b ? void 0 : _b.rectLabel;
+            break;
+
+          case graph_1.GrammarMarkType.symbol:
+          case graph_1.GrammarMarkType.circle:
+          case graph_1.GrammarMarkType.cell:
+            currentTheme = null === (_c = null == theme ? void 0 : theme.components) || void 0 === _c ? void 0 : _c.symbolLabel;
+            break;
+
+          case graph_1.GrammarMarkType.arc:
+          case graph_1.GrammarMarkType.arc3d:
+            currentTheme = null === (_d = null == theme ? void 0 : theme.components) || void 0 === _d ? void 0 : _d.arcLabel;
+            break;
+
+          case graph_1.GrammarMarkType.polygon:
+          case graph_1.GrammarMarkType.path:
+          default:
+            currentTheme = null === (_e = null == theme ? void 0 : theme.components) || void 0 === _e ? void 0 : _e.pointLabel;
+        }
+        const data = [];
+        mark.elements.forEach((element => {
+            var _a, _b;
+            if ("willRelease" !== element.getGraphicItem().releaseStatus) {
+                const attributes = (0, encode_1.invokeEncoder)(encoder, element.getDatum(), element, parameters), datum = (0, 
+                vutils_1.merge)({}, null !== (_b = null === (_a = null == currentTheme ? void 0 : currentTheme.data) || void 0 === _a ? void 0 : _a[0]) && void 0 !== _b ? _b : {}, attributes);
+                data.push(datum);
+            }
+        }));
+        const addition = (0, util_1.invokeFunctionType)(labelStyle, parameters, mark), graphicItemName = null === (_f = mark.graphicItem) || void 0 === _f ? void 0 : _f.name;
+        return (0, vutils_1.merge)({}, currentTheme, {
+            data: data,
+            baseMarkGroupName: graphicItemName,
+            getBaseMarks: () => mark.elements.map((element => element.getGraphicItem()))
+        }, null != addition ? addition : {});
+    })).filter((label => !(0, vutils_1.isNil)(label)));
+    return (0, vutils_1.merge)({}, labelTheme, {
+        size: groupSize,
+        dataLabels: dataLabels
+    });
+};
+
+exports.generateLabelAttributes = generateLabelAttributes;
+
+class Label extends component_1.Component {
+    constructor(view, group) {
+        super(view, graph_1.ComponentEnum.label, group), this.spec.componentType = graph_1.ComponentEnum.label;
+    }
+    parseAddition(spec) {
+        return super.parseAddition(spec), this.labelStyle(spec.labelStyle), this.size(spec.size), 
+        this.target(spec.target), this;
+    }
+    labelStyle(style) {
+        return this.setFunctionSpec(style, "labelStyle");
+    }
+    size(size) {
+        return this.setFunctionSpec(size, "size");
+    }
+    target(mark) {
+        if (this.spec.target) {
+            const prevMarks = (0, vutils_1.array)(this.spec.target).map((m => (0, vutils_1.isString)(m) ? this.view.getMarkById(m) : m));
+            this.detach(prevMarks);
+        }
+        if (this.spec.target = mark, mark) {
+            const nextMarks = (0, vutils_1.array)(mark).map((m => (0, vutils_1.isString)(m) ? this.view.getMarkById(m) : m));
+            this.attach(nextMarks);
+        }
+        return this.commit(), this;
+    }
+    _updateComponentEncoders() {
+        const encoders = Object.assign({
+            update: {}
+        }, this.spec.encode), componentEncoders = Object.keys(encoders).reduce(((res, state) => {
+            const encoder = encoders[state];
+            return encoder && (res[state] = {
+                callback: (datum, element, parameters) => {
+                    var _a, _b, _c, _d;
+                    const marks = (0, vutils_1.array)(this.spec.target).map((m => (0, vutils_1.isString)(m) ? this.view.getMarkById(m) : m)), groupGraphicItem = null === (_b = null === (_a = this.group) || void 0 === _a ? void 0 : _a.getGroupGraphicItem) || void 0 === _b ? void 0 : _b.call(_a);
+                    let size = (0, util_1.invokeFunctionType)(this.spec.size, parameters);
+                    size || (size = groupGraphicItem ? {
+                        width: null !== (_c = groupGraphicItem.attribute.width) && void 0 !== _c ? _c : groupGraphicItem.AABBBounds.width(),
+                        height: null !== (_d = groupGraphicItem.attribute.height) && void 0 !== _d ? _d : groupGraphicItem.AABBBounds.height()
+                    } : {
+                        width: 1 / 0,
+                        height: 1 / 0
+                    });
+                    const theme = this.view.getCurrentTheme();
+                    return (0, exports.generateLabelAttributes)(marks, size, encoder, this.spec.labelStyle, parameters, theme);
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+}
+
+exports.Label = Label, Label.componentType = graph_1.ComponentEnum.label;
+
+const registerLabel = () => {
+    factory_1.Factory.registerGraphicComponent(graph_1.ComponentEnum.label, (attrs => new vrender_components_1.DataLabel(attrs))), 
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.label, Label);
+};
+
+exports.registerLabel = registerLabel;
+//# sourceMappingURL=label.js.map

package/cjs/component/label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/label.ts"],"names":[],"mappings":"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","file":"label.js","sourcesContent":["import { array, isNil, isString, merge } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender';\nimport type { BaseLabelAttrs, DataLabelAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DataLabel } from '@visactor/vrender-components';\nimport type {\n  BaseSignleEncodeSpec,\n  IElement,\n  IGroupMark,\n  IMark,\n  ITheme,\n  IView,\n  MarkFunctionType,\n  Nil,\n  StateEncodeSpec\n} from '../types';\nimport { ComponentEnum, GrammarMarkType } from '../graph';\nimport type { ILabel, LabelSpec } from '../types/component';\nimport { Component } from '../view/component';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { invokeFunctionType } from '../parse/util';\nimport { Factory } from '../core/factory';\n\nexport const generateLabelAttributes = (\n  marks: IMark[],\n  groupSize: { width: number; height: number },\n  encoder: BaseSignleEncodeSpec,\n  labelStyle: MarkFunctionType<Partial<BaseLabelAttrs>>,\n  parameters: any,\n  theme?: ITheme\n): DataLabelAttrs => {\n  const labelTheme = theme?.components?.dataLabel;\n\n  const dataLabels = marks\n    .map(mark => {\n      let currentTheme: any = {};\n      switch (mark.markType) {\n        case GrammarMarkType.line:\n          currentTheme = theme?.components?.lineLabel;\n          break;\n        case GrammarMarkType.rect:\n        case GrammarMarkType.interval:\n          currentTheme = theme?.components?.rectLabel;\n          break;\n        case GrammarMarkType.symbol:\n        case GrammarMarkType.circle:\n        case GrammarMarkType.cell:\n          currentTheme = theme?.components?.symbolLabel;\n          break;\n        case GrammarMarkType.arc:\n        case GrammarMarkType.arc3d:\n          currentTheme = theme?.components?.arcLabel;\n          break;\n        case GrammarMarkType.polygon:\n        case GrammarMarkType.path:\n        default:\n          currentTheme = theme?.components?.pointLabel;\n          break;\n      }\n      const data: any[] = [];\n      // process by order of elements\n      mark.elements.forEach(element => {\n        const graphicItem = element.getGraphicItem();\n        if ((graphicItem as any).releaseStatus !== 'willRelease') {\n          const attributes = invokeEncoder(encoder, element.getDatum(), element, parameters);\n          const datum = merge({}, currentTheme?.data?.[0] ?? {}, attributes);\n          data.push(datum);\n        }\n      });\n      const addition = invokeFunctionType(labelStyle, parameters, mark);\n      const graphicItemName = mark.graphicItem?.name;\n      return merge(\n        {},\n        currentTheme,\n        {\n          data,\n          baseMarkGroupName: graphicItemName,\n          // FIXME: hack\n          // 标签是对数据顺序有强要求的场景，因为顺序会影响标签躲避结果；而目前没有机制保证 vrender 图元顺序与数据顺序一致。\n          // 这里目前只能通过自定义方法来 hack\n          getBaseMarks: () => mark.elements.map(element => element.getGraphicItem())\n        },\n        addition ?? {}\n      );\n    })\n    .filter(label => !isNil(label));\n  return merge({}, labelTheme, { size: groupSize, dataLabels });\n};\n\nexport class Label extends Component implements ILabel {\n  static readonly componentType: string = ComponentEnum.label;\n  protected declare spec: LabelSpec;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.label, group);\n    this.spec.componentType = ComponentEnum.label;\n  }\n\n  protected parseAddition(spec: LabelSpec) {\n    super.parseAddition(spec);\n    this.labelStyle(spec.labelStyle);\n    this.size(spec.size);\n    this.target(spec.target);\n    return this;\n  }\n\n  labelStyle(style: MarkFunctionType<Partial<BaseLabelAttrs>>) {\n    return this.setFunctionSpec(style, 'labelStyle');\n  }\n\n  size(size: LabelSpec['size']) {\n    return this.setFunctionSpec(size, 'size');\n  }\n\n  target(mark: IMark | IMark[] | string | string[] | Nil): this {\n    if (this.spec.target) {\n      const prevMarks = array(this.spec.target).map(m => (isString(m) ? this.view.getMarkById(m) : m));\n      this.detach(prevMarks);\n    }\n    this.spec.target = mark;\n    if (mark) {\n      const nextMarks = array(mark).map(m => (isString(m) ? this.view.getMarkById(m) : m));\n      this.attach(nextMarks);\n    }\n    this.commit();\n    return this;\n  }\n\n  protected _updateComponentEncoders() {\n    const encoders = Object.assign({ update: {} }, this.spec.encode);\n    const componentEncoders: StateEncodeSpec = Object.keys(encoders).reduce((res, state) => {\n      const encoder = encoders[state];\n      if (encoder) {\n        res[state] = {\n          callback: (datum: any, element: IElement, parameters: any) => {\n            const marks = array(this.spec.target).map(m => (isString(m) ? this.view.getMarkById(m) : m));\n            const groupGraphicItem = this.group?.getGroupGraphicItem?.();\n            let size = invokeFunctionType(this.spec.size, parameters);\n            if (!size) {\n              size = groupGraphicItem\n                ? {\n                    width: groupGraphicItem.attribute.width ?? groupGraphicItem.AABBBounds.width(),\n                    height: groupGraphicItem.attribute.height ?? groupGraphicItem.AABBBounds.height()\n                  }\n                : { width: Infinity, height: Infinity };\n            }\n            const theme = this.view.getCurrentTheme();\n\n            return generateLabelAttributes(\n              marks,\n              size,\n              encoder as BaseSignleEncodeSpec,\n              this.spec.labelStyle,\n              parameters,\n              theme\n            );\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n}\n\nexport const registerLabel = () => {\n  Factory.registerGraphicComponent(\n    ComponentEnum.label,\n    (attrs: DataLabelAttrs) => new DataLabel(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.label, Label);\n};\n"]}

package/cjs/component/legend.d.ts

@@ -0,0 +1,26 @@
+import type { IBaseScale } from '@visactor/vscale';
+import type { DiscreteLegendAttrs, ColorLegendAttributes, SizeLegendAttributes } from '@visactor/vrender-components';
+import type { IData, IGroupMark, IScale, ITheme, IView, Nil, RecursivePartial } from '../types';
+import type { ILegend, LegendSpec, LegendType } from '../types/component';
+import { ScaleComponent } from './scale';
+export declare const generateDiscreteLegendAttributes: (scale: IBaseScale, theme?: ITheme, addition?: RecursivePartial<DiscreteLegendAttrs>, shapeScale?: IBaseScale) => DiscreteLegendAttrs;
+export declare const generateColorLegendAttributes: (scale: IBaseScale, theme?: ITheme, addition?: RecursivePartial<ColorLegendAttributes>) => ColorLegendAttributes;
+export declare const generateSizeLegendAttributes: (scale: IBaseScale, theme?: ITheme, addition?: RecursivePartial<SizeLegendAttributes>) => SizeLegendAttributes;
+export declare class Legend extends ScaleComponent implements ILegend {
+    static readonly componentType: string;
+    protected spec: LegendSpec;
+    private _legendComponentType;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: LegendSpec): this;
+    scale(scale?: IScale | string | Nil): this;
+    shapeScale(shapeScale: LegendSpec['shapeScale']): this;
+    legendType(legendType: LegendType | Nil): this;
+    isContinuousLegend(): boolean;
+    target(data: IData | string | Nil, filter: string | ((datum: any, legendValues: any) => boolean) | Nil): this;
+    setSelected(selectedValues: any[]): this;
+    addGraphicItem(attrs: any, groupKey?: string): any;
+    release(): void;
+    protected _updateComponentEncoders(): void;
+    private _getLegendComponentType;
+}
+export declare const registerLegend: () => void;