@visactor/vgrammar-core 0.7.0

package/cjs/component/legend.js

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerLegend = exports.Legend = exports.generateSizeLegendAttributes = exports.generateColorLegendAttributes = exports.generateDiscreteLegendAttributes = void 0;
+
+const vscale_1 = require("@visactor/vscale"), vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), graph_1 = require("../graph"), util_1 = require("../parse/util"), scale_1 = require("./scale"), encode_1 = require("../graph/mark/encode"), factory_1 = require("../core/factory"), generateDiscreteLegendAttributes = (scale, theme, addition, shapeScale) => {
+    var _a;
+    const legendTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.discreteLegend;
+    if (!scale) return (0, vutils_1.merge)({}, legendTheme, null != addition ? addition : {});
+    const items = Array.from(new Set((0, vutils_1.array)(scale.domain()))).map(((item, index) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const value = scale.scale(item), color = (0, util_1.parseColor)(value), shape = color ? Object.assign(Object.assign({}, null !== (_e = null === (_d = null === (_c = null === (_b = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.discreteLegend) || void 0 === _b ? void 0 : _b.items) || void 0 === _c ? void 0 : _c[0]) || void 0 === _d ? void 0 : _d.shape) && void 0 !== _e ? _e : {}), {
+            fill: color,
+            stroke: color
+        }) : null !== (_k = null === (_j = null === (_h = null === (_g = null === (_f = null == theme ? void 0 : theme.components) || void 0 === _f ? void 0 : _f.discreteLegend) || void 0 === _g ? void 0 : _g.items) || void 0 === _h ? void 0 : _h[0]) || void 0 === _j ? void 0 : _j.shape) && void 0 !== _k ? _k : {};
+        return shapeScale && Object.assign(shape, {
+            symbolType: shapeScale.scale(item)
+        }), {
+            label: item.toString(),
+            id: item,
+            shape: shape,
+            index: index
+        };
+    }));
+    return (0, vutils_1.merge)({}, legendTheme, {
+        items: items
+    }, null != addition ? addition : {});
+};
+
+exports.generateDiscreteLegendAttributes = generateDiscreteLegendAttributes;
+
+const generateColorLegendAttributes = (scale, theme, addition) => {
+    var _a;
+    const legendTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.colorLegend;
+    if (!scale) return (0, vutils_1.merge)({}, legendTheme, null != addition ? addition : {});
+    const domain = scale.domain();
+    return (0, vutils_1.merge)({}, legendTheme, {
+        colors: scale.range().slice(),
+        min: domain[0],
+        max: (0, vutils_1.last)(domain)
+    }, null != addition ? addition : {});
+};
+
+exports.generateColorLegendAttributes = generateColorLegendAttributes;
+
+const generateSizeLegendAttributes = (scale, theme, addition) => {
+    var _a;
+    const legendTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.sizeLegend;
+    if (!scale) return (0, vutils_1.merge)({}, legendTheme, null != addition ? addition : {});
+    const domain = scale.domain(), attributes = {
+        min: domain[0],
+        max: domain[domain.length - 1],
+        value: [ domain[0], domain[domain.length - 1] ]
+    };
+    return (0, vutils_1.merge)({}, legendTheme, attributes, null != addition ? addition : {});
+};
+
+exports.generateSizeLegendAttributes = generateSizeLegendAttributes;
+
+class Legend extends scale_1.ScaleComponent {
+    constructor(view, group) {
+        super(view, graph_1.ComponentEnum.legend, group), this.spec.componentType = graph_1.ComponentEnum.legend, 
+        this.spec.legendType = "auto";
+    }
+    parseAddition(spec) {
+        var _a, _b;
+        return this.shapeScale(spec.shapeScale), super.parseAddition(spec), this.target(null === (_a = spec.target) || void 0 === _a ? void 0 : _a.data, null === (_b = spec.target) || void 0 === _b ? void 0 : _b.filter), 
+        this.legendType(spec.legendType), this;
+    }
+    scale(scale) {
+        return super.scale(scale), this._legendComponentType = null, this;
+    }
+    shapeScale(shapeScale) {
+        if (this.spec.shapeScale) {
+            const lastScaleGrammar = (0, vutils_1.isString)(this.spec.shapeScale) ? this.view.getScaleById(this.spec.shapeScale) : this.spec.shapeScale;
+            this.detach(lastScaleGrammar), this.spec.shapeScale = void 0;
+        }
+        const scaleGrammar = (0, vutils_1.isString)(shapeScale) ? this.view.getScaleById(shapeScale) : shapeScale;
+        return this.spec.shapeScale = scaleGrammar, this.attach(scaleGrammar), this.commit(), 
+        this;
+    }
+    legendType(legendType) {
+        return this.spec.legendType = legendType, this._legendComponentType = null, this._prepareRejoin(), 
+        this.commit(), this;
+    }
+    isContinuousLegend() {
+        return this._getLegendComponentType() !== graph_1.LegendEnum.discreteLegend;
+    }
+    target(data, filter) {
+        var _a;
+        const isContinuous = this.isContinuousLegend(), eventName = isContinuous ? "change" : vrender_components_1.LegendEvent.legendItemClick, lastData = null === (_a = this.spec.target) || void 0 === _a ? void 0 : _a.data, lastDataGrammar = (0, 
+        vutils_1.isString)(lastData) ? this.view.getDataById(lastData) : lastData;
+        lastDataGrammar && this.view.removeEventListener(eventName, this._filterCallback), 
+        this.spec.target = void 0;
+        const dataGrammar = (0, vutils_1.isString)(data) ? this.view.getDataById(data) : data, dataFilter = (0, 
+        vutils_1.isString)(filter) ? isContinuous ? (datum, filterValue) => datum[filter] >= filterValue.start && datum[filter] <= filterValue.end : (datum, filterValue) => filterValue.includes(datum[filter]) : filter;
+        return this._filterData(lastDataGrammar, dataGrammar, graph_1.ComponentDataRank.legend, (event => isContinuous ? {
+            start: event.detail.value[0],
+            end: event.detail.value[1]
+        } : event.detail.currentSelected), dataFilter), dataGrammar && (this.view.addEventListener(eventName, this._filterCallback), 
+        this.spec.target = {
+            data: dataGrammar,
+            filter: filter
+        }), this;
+    }
+    setSelected(selectedValues) {
+        var _a, _b;
+        return (null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a)).setSelected(selectedValues), 
+        this;
+    }
+    addGraphicItem(attrs, groupKey) {
+        const graphicItem = factory_1.Factory.createGraphicComponent(this._getLegendComponentType(), attrs);
+        return super.addGraphicItem(attrs, groupKey, graphicItem);
+    }
+    release() {
+        this._filterCallback && this.view.removeEventListener("change", this._filterCallback), 
+        super.release();
+    }
+    _updateComponentEncoders() {
+        const scaleGrammar = (0, vutils_1.isString)(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale, shapeScaleGrammar = (0, 
+        vutils_1.isString)(this.spec.shapeScale) ? this.view.getScaleById(this.spec.shapeScale) : this.spec.shapeScale, 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;
+                    const theme = this.view.getCurrentTheme(), addition = (0, encode_1.invokeEncoder)(encoder, datum, element, parameters), scale = null === (_a = null == scaleGrammar ? void 0 : scaleGrammar.getScale) || void 0 === _a ? void 0 : _a.call(scaleGrammar);
+                    switch (this._getLegendComponentType()) {
+                      case graph_1.LegendEnum.discreteLegend:
+                        return (0, exports.generateDiscreteLegendAttributes)(scale, theme, addition, null === (_b = null == shapeScaleGrammar ? void 0 : shapeScaleGrammar.getScale) || void 0 === _b ? void 0 : _b.call(shapeScaleGrammar));
+
+                      case graph_1.LegendEnum.colorLegend:
+                        return (0, exports.generateColorLegendAttributes)(scale, theme, addition);
+
+                      case graph_1.LegendEnum.sizeLegend:
+                        return (0, exports.generateSizeLegendAttributes)(scale, theme, addition);
+                    }
+                    return addition;
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+    _getLegendComponentType() {
+        var _a;
+        if (this._legendComponentType) return this._legendComponentType;
+        if (this.spec.legendType && "auto" !== this.spec.legendType) this._legendComponentType = "color" === this.spec.legendType ? "colorLegend" : "size" === this.spec.legendType ? "sizeLegend" : "discreteLegend"; else {
+            const scaleGrammar = (0, vutils_1.isString)(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale, scaleType = null === (_a = null == scaleGrammar ? void 0 : scaleGrammar.getScaleType) || void 0 === _a ? void 0 : _a.call(scaleGrammar);
+            if (scaleType && (0, vscale_1.isContinuous)(scaleType)) {
+                const range = scaleGrammar.getScale().range();
+                (0, util_1.parseColor)(null == range ? void 0 : range[0]) ? this._legendComponentType = graph_1.LegendEnum.colorLegend : this._legendComponentType = graph_1.LegendEnum.sizeLegend;
+            } else this._legendComponentType = graph_1.LegendEnum.discreteLegend;
+        }
+        return this._legendComponentType;
+    }
+}
+
+exports.Legend = Legend, Legend.componentType = graph_1.ComponentEnum.legend;
+
+const registerLegend = () => {
+    factory_1.Factory.registerGraphicComponent(graph_1.LegendEnum.discreteLegend, (attrs => new vrender_components_1.DiscreteLegend(attrs))), 
+    factory_1.Factory.registerGraphicComponent(graph_1.LegendEnum.colorLegend, (attrs => new vrender_components_1.ColorContinuousLegend(attrs))), 
+    factory_1.Factory.registerGraphicComponent(graph_1.LegendEnum.sizeLegend, (attrs => new vrender_components_1.SizeContinuousLegend(attrs))), 
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.legend, Legend);
+};
+
+exports.registerLegend = registerLegend;
+//# sourceMappingURL=legend.js.map

package/cjs/component/legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender';\nimport type { IBaseScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { isContinuous } from '@visactor/vscale';\nimport type { DiscreteLegendAttrs, ColorLegendAttributes, SizeLegendAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DiscreteLegend, ColorContinuousLegend, SizeContinuousLegend, LegendEvent } from '@visactor/vrender-components';\nimport { array, isString, merge, last } from '@visactor/vutils';\nimport { ComponentDataRank, ComponentEnum, LegendEnum } from '../graph';\nimport type {\n  BaseSignleEncodeSpec,\n  IData,\n  IElement,\n  IGroupMark,\n  IScale,\n  ITheme,\n  IView,\n  Nil,\n  RecursivePartial,\n  StateEncodeSpec\n} from '../types';\nimport type { ILegend, LegendSpec, LegendType } from '../types/component';\nimport { parseColor } from '../parse/util';\nimport { ScaleComponent } from './scale';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { Factory } from '../core/factory';\n\nexport const generateDiscreteLegendAttributes = (\n  scale: IBaseScale,\n  theme?: ITheme,\n  addition?: RecursivePartial<DiscreteLegendAttrs>,\n  shapeScale?: IBaseScale\n): DiscreteLegendAttrs => {\n  const legendTheme = theme?.components?.discreteLegend;\n  if (!scale) {\n    return merge({}, legendTheme, addition ?? {});\n  }\n  // get domain items without repetitions\n  const domainItems = Array.from(new Set(array(scale.domain())));\n  const items = domainItems.map((item, index) => {\n    const value = scale.scale(item);\n    const color = parseColor(value);\n    const shape = color\n      ? {\n          ...(theme?.components?.discreteLegend?.items?.[0]?.shape ?? {}),\n          fill: color,\n          stroke: color\n        }\n      : theme?.components?.discreteLegend?.items?.[0]?.shape ?? {};\n\n    if (shapeScale) {\n      Object.assign(shape, { symbolType: shapeScale.scale(item) });\n    }\n\n    return {\n      label: item.toString(),\n      id: item,\n      shape,\n      index\n    };\n  });\n  return merge({}, legendTheme, { items }, addition ?? {});\n};\n\nexport const generateColorLegendAttributes = (\n  scale: IBaseScale,\n  theme?: ITheme,\n  addition?: RecursivePartial<ColorLegendAttributes>\n): ColorLegendAttributes => {\n  const legendTheme = theme?.components?.colorLegend;\n  if (!scale) {\n    return merge({}, legendTheme, addition ?? {});\n  }\n  const domain = scale.domain();\n  return merge({}, legendTheme, { colors: scale.range().slice(), min: domain[0], max: last(domain) }, addition ?? {});\n};\n\nexport const generateSizeLegendAttributes = (\n  scale: IBaseScale,\n  theme?: ITheme,\n  addition?: RecursivePartial<SizeLegendAttributes>\n): SizeLegendAttributes => {\n  const legendTheme = theme?.components?.sizeLegend;\n  if (!scale) {\n    return merge({}, legendTheme, addition ?? {});\n  }\n  const domain = scale.domain();\n  const attributes = {\n    min: domain[0],\n    max: domain[domain.length - 1],\n    value: [domain[0], domain[domain.length - 1]]\n  };\n  return merge({}, legendTheme, attributes, addition ?? {});\n};\n\nexport class Legend extends ScaleComponent implements ILegend {\n  static readonly componentType: string = ComponentEnum.legend;\n  protected declare spec: LegendSpec;\n\n  private _legendComponentType: keyof typeof LegendEnum;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.legend, group);\n    this.spec.componentType = ComponentEnum.legend;\n    this.spec.legendType = 'auto';\n  }\n\n  protected parseAddition(spec: LegendSpec) {\n    this.shapeScale(spec.shapeScale);\n    super.parseAddition(spec);\n    this.target(spec.target?.data, spec.target?.filter);\n    this.legendType(spec.legendType);\n    return this;\n  }\n\n  scale(scale?: IScale | string | Nil) {\n    super.scale(scale);\n    this._legendComponentType = null;\n    return this;\n  }\n\n  shapeScale(shapeScale: LegendSpec['shapeScale']) {\n    if (this.spec.shapeScale) {\n      const lastScaleGrammar = isString(this.spec.shapeScale)\n        ? this.view.getScaleById(this.spec.shapeScale)\n        : this.spec.shapeScale;\n      this.detach(lastScaleGrammar);\n      this.spec.shapeScale = undefined;\n    }\n    const scaleGrammar = isString(shapeScale) ? this.view.getScaleById(shapeScale) : shapeScale;\n    this.spec.shapeScale = scaleGrammar;\n    this.attach(scaleGrammar);\n\n    this.commit();\n    return this;\n  }\n\n  legendType(legendType: LegendType | Nil) {\n    this.spec.legendType = legendType;\n    // clear legend type when spec is changed\n    this._legendComponentType = null;\n    this._prepareRejoin();\n    this.commit();\n    return this;\n  }\n\n  isContinuousLegend() {\n    return this._getLegendComponentType() !== LegendEnum.discreteLegend;\n  }\n\n  target(data: IData | string | Nil, filter: string | ((datum: any, legendValues: any) => boolean) | Nil) {\n    const isContinuous = this.isContinuousLegend();\n    const eventName = isContinuous ? 'change' : LegendEvent.legendItemClick;\n    const lastData = this.spec.target?.data;\n    const lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;\n    if (lastDataGrammar) {\n      this.view.removeEventListener(eventName, this._filterCallback);\n    }\n    this.spec.target = undefined;\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n    const getFilterValue = (event: any) =>\n      isContinuous ? { start: event.detail.value[0], end: event.detail.value[1] } : event.detail.currentSelected;\n    const dataFilter = isString(filter)\n      ? isContinuous\n        ? (datum: any, filterValue: { start: number; end: number }) =>\n            datum[filter] >= filterValue.start && datum[filter] <= filterValue.end\n        : (datum: any, filterValue: any[]) => filterValue.includes(datum[filter])\n      : filter;\n    this._filterData(lastDataGrammar, dataGrammar, ComponentDataRank.legend, getFilterValue, dataFilter);\n    if (dataGrammar) {\n      this.view.addEventListener(eventName, this._filterCallback);\n      this.spec.target = { data: dataGrammar, filter };\n    }\n    return this;\n  }\n\n  setSelected(selectedValues: any[]) {\n    // FIXME: provide ILegend interface in vis-component\n    const legend = this.elements[0]?.getGraphicItem?.() as unknown as DiscreteLegend;\n    legend.setSelected(selectedValues);\n    return this;\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string) {\n    const graphicItem = Factory.createGraphicComponent(this._getLegendComponentType(), attrs);\n    return super.addGraphicItem(attrs, groupKey, graphicItem);\n  }\n\n  release() {\n    if (this._filterCallback) {\n      this.view.removeEventListener('change', this._filterCallback);\n    }\n    super.release();\n  }\n\n  protected _updateComponentEncoders() {\n    const scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n    const shapeScaleGrammar = isString(this.spec.shapeScale)\n      ? this.view.getScaleById(this.spec.shapeScale)\n      : this.spec.shapeScale;\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            const addition = invokeEncoder(encoder as BaseSignleEncodeSpec, datum, element, parameters);\n            const scale = scaleGrammar?.getScale?.();\n            switch (this._getLegendComponentType()) {\n              case LegendEnum.discreteLegend:\n                return generateDiscreteLegendAttributes(scale, theme, addition, shapeScaleGrammar?.getScale?.());\n              case LegendEnum.colorLegend:\n                return generateColorLegendAttributes(scale, theme, addition);\n              case LegendEnum.sizeLegend:\n                return generateSizeLegendAttributes(scale, theme, addition);\n            }\n            return addition;\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n\n  private _getLegendComponentType() {\n    if (this._legendComponentType) {\n      return this._legendComponentType;\n    }\n\n    // compute legend component type when needed\n    if (!this.spec.legendType || this.spec.legendType === 'auto') {\n      const scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n      const scaleType = scaleGrammar?.getScaleType?.();\n      if (scaleType && isContinuous(scaleType)) {\n        const range: any[] = scaleGrammar.getScale().range();\n        if (parseColor(range?.[0])) {\n          this._legendComponentType = LegendEnum.colorLegend;\n        } else {\n          this._legendComponentType = LegendEnum.sizeLegend;\n        }\n      } else {\n        this._legendComponentType = LegendEnum.discreteLegend;\n      }\n    } else {\n      this._legendComponentType =\n        this.spec.legendType === 'color'\n          ? 'colorLegend'\n          : this.spec.legendType === 'size'\n          ? 'sizeLegend'\n          : 'discreteLegend';\n    }\n    return this._legendComponentType;\n  }\n}\n\nexport const registerLegend = () => {\n  Factory.registerGraphicComponent(\n    LegendEnum.discreteLegend,\n    (attrs: DiscreteLegendAttrs) => new DiscreteLegend(attrs) as unknown as IGraphic\n  );\n  Factory.registerGraphicComponent(\n    LegendEnum.colorLegend,\n    (attrs: ColorLegendAttributes) => new ColorContinuousLegend(attrs) as unknown as IGraphic\n  );\n  Factory.registerGraphicComponent(\n    LegendEnum.sizeLegend,\n    (attrs: SizeLegendAttributes) => new SizeContinuousLegend(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.legend, Legend);\n};\n"]}

package/cjs/component/player.d.ts

@@ -0,0 +1,25 @@
+import type { ContinuousPlayerAttributes, DiscretePlayerAttributes } from '@visactor/vrender-components';
+import type { IData, IGroupMark, ITheme, IView, Nil, RecursivePartial } from '../types';
+import type { IPlayer, PlayerFilterValue, PlayerSpec, PlayerType } from '../types/component';
+import { Component } from '../view/component';
+export declare const generateContinuousPlayerAttributes: (data: any[], theme?: ITheme, addition?: RecursivePartial<ContinuousPlayerAttributes>) => ContinuousPlayerAttributes;
+export declare const generateDiscretePlayerAttributes: (data: any[], theme?: ITheme, addition?: RecursivePartial<DiscretePlayerAttributes>) => DiscretePlayerAttributes;
+export declare class Player extends Component implements IPlayer {
+    static readonly componentType: string;
+    protected spec: PlayerSpec;
+    protected _filterValue: PlayerFilterValue;
+    private _playerComponentType;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: PlayerSpec): this;
+    playerType(playerType: PlayerType): this;
+    target(data: IData | string | Nil, source: IData | string | any[] | Nil): this;
+    play(): this;
+    pause(): this;
+    backward(): this;
+    forward(): this;
+    addGraphicItem(attrs: any, groupKey?: string, newGraphicItem?: any): any;
+    release(): void;
+    protected _updateComponentEncoders(): void;
+    private _getPlayerComponentType;
+}
+export declare const registerPlayer: () => void;

package/cjs/component/player.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerPlayer = exports.Player = exports.generateDiscretePlayerAttributes = exports.generateContinuousPlayerAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_components_1 = require("@visactor/vrender-components"), vrender_components_2 = require("@visactor/vrender-components"), graph_1 = require("../graph"), component_1 = require("../view/component"), encode_1 = require("../graph/mark/encode"), factory_1 = require("../core/factory"), generateContinuousPlayerAttributes = (data, theme, addition) => {
+    var _a;
+    const playerTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.continuousPlayer;
+    return (0, vutils_1.merge)({}, playerTheme, {
+        data: data,
+        dataIndex: 0
+    }, null != addition ? addition : {});
+};
+
+exports.generateContinuousPlayerAttributes = generateContinuousPlayerAttributes;
+
+const generateDiscretePlayerAttributes = (data, theme, addition) => {
+    var _a;
+    const playerTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.discretePlayer;
+    return (0, vutils_1.merge)({}, playerTheme, {
+        data: data,
+        dataIndex: 0
+    }, null != addition ? addition : {});
+};
+
+exports.generateDiscretePlayerAttributes = generateDiscretePlayerAttributes;
+
+class Player extends component_1.Component {
+    constructor(view, group) {
+        super(view, graph_1.ComponentEnum.player, group), this.spec.componentType = graph_1.ComponentEnum.player, 
+        this.spec.playerType = "auto";
+    }
+    parseAddition(spec) {
+        var _a, _b;
+        return super.parseAddition(spec), this.playerType(spec.playerType), this.target(null === (_a = spec.target) || void 0 === _a ? void 0 : _a.data, null === (_b = spec.target) || void 0 === _b ? void 0 : _b.source), 
+        this;
+    }
+    playerType(playerType) {
+        return this.spec.playerType = playerType, this._playerComponentType = null, this._prepareRejoin(), 
+        this.commit(), this;
+    }
+    target(data, source) {
+        var _a, _b, _c;
+        if (null === (_a = this.spec.target) || void 0 === _a ? void 0 : _a.source) {
+            const lastSource = null === (_b = this.spec.target) || void 0 === _b ? void 0 : _b.source, lastSourceDataGrammar = (0, 
+            vutils_1.isArray)(lastSource) ? null : (0, vutils_1.isString)(lastSource) ? this.view.getDataById(lastSource) : lastSource;
+            this.detach(lastSourceDataGrammar);
+        }
+        const sourceDataGrammar = (0, vutils_1.isArray)(source) ? null : (0, vutils_1.isString)(source) ? this.view.getDataById(source) : source;
+        this.attach(sourceDataGrammar);
+        const lastData = null === (_c = this.spec.target) || void 0 === _c ? void 0 : _c.data, lastDataGrammar = (0, 
+        vutils_1.isString)(lastData) ? this.view.getDataById(lastData) : lastData;
+        lastDataGrammar && this.view.removeEventListener(vrender_components_1.PlayerEventEnum.OnChange, this._filterCallback), 
+        this.spec.target = void 0;
+        const dataGrammar = (0, vutils_1.isString)(data) ? this.view.getDataById(data) : data;
+        return this._filterData(lastDataGrammar, dataGrammar, graph_1.ComponentDataRank.player, (event => ({
+            index: event.detail.index,
+            value: event.detail.value
+        })), void 0, ((data, filterValue) => filterValue.value)), dataGrammar && (this.view.addEventListener(vrender_components_1.PlayerEventEnum.OnChange, this._filterCallback), 
+        this.spec.target = {
+            data: dataGrammar,
+            source: source
+        }), this;
+    }
+    play() {
+        var _a, _b;
+        return (null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a)).play(), 
+        this;
+    }
+    pause() {
+        var _a, _b;
+        return (null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a)).pause(), 
+        this;
+    }
+    backward() {
+        var _a, _b;
+        return (null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a)).backward(), 
+        this;
+    }
+    forward() {
+        var _a, _b;
+        return (null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a)).forward(), 
+        this;
+    }
+    addGraphicItem(attrs, groupKey, newGraphicItem) {
+        const initialAttributes = (0, vutils_1.merge)({
+            slider: {
+                handlerStyle: {
+                    size: 16
+                }
+            }
+        }, attrs), graphicItem = null != newGraphicItem ? newGraphicItem : factory_1.Factory.createGraphicComponent(this._getPlayerComponentType(), initialAttributes);
+        return super.addGraphicItem(initialAttributes, groupKey, graphicItem);
+    }
+    release() {
+        this._filterCallback && this.view.removeEventListener("change", this._filterCallback), 
+        super.release();
+    }
+    _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;
+                    const theme = this.view.getCurrentTheme(), addition = (0, encode_1.invokeEncoder)(encoder, datum, element, parameters), source = null === (_a = this.spec.target) || void 0 === _a ? void 0 : _a.source, sourceDataGrammar = (0, 
+                    vutils_1.isArray)(source) ? null : (0, vutils_1.isString)(source) ? this.view.getDataById(source) : source, sourceData = (0, 
+                    vutils_1.isArray)(source) ? source : null !== (_b = null == sourceDataGrammar ? void 0 : sourceDataGrammar.getValue()) && void 0 !== _b ? _b : [];
+                    switch (this._getPlayerComponentType()) {
+                      case "continuousPlayer":
+                        return (0, exports.generateContinuousPlayerAttributes)(sourceData, theme, addition);
+
+                      case "discretePlayer":
+                        return (0, exports.generateDiscretePlayerAttributes)(sourceData, theme, addition);
+                    }
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+    _getPlayerComponentType() {
+        return this._playerComponentType || (this.spec.playerType && "auto" !== this.spec.playerType ? this._playerComponentType = "discrete" === this.spec.playerType ? "discretePlayer" : "continuous" === this.spec.playerType ? "continuousPlayer" : "discretePlayer" : this._playerComponentType = "discretePlayer"), 
+        this._playerComponentType;
+    }
+}
+
+exports.Player = Player, Player.componentType = graph_1.ComponentEnum.player;
+
+const registerPlayer = () => {
+    factory_1.Factory.registerGraphicComponent(graph_1.PlayerEnum.continuousPlayer, (attrs => new vrender_components_2.ContinuousPlayer(attrs))), 
+    factory_1.Factory.registerGraphicComponent(graph_1.PlayerEnum.discretePlayer, (attrs => new vrender_components_2.DiscretePlayer(attrs))), 
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.player, Player);
+};
+
+exports.registerPlayer = registerPlayer;
+//# sourceMappingURL=player.js.map

package/cjs/component/player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/player.ts"],"names":[],"mappings":"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","file":"player.js","sourcesContent":["import { isArray, isString, merge } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender';\nimport type {\n  ContinuousPlayerAttributes,\n  DiscretePlayerAttributes,\n  IDiscretePlayer\n} from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { PlayerEventEnum } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { ContinuousPlayer, DiscretePlayer } from '@visactor/vrender-components';\nimport type {\n  BaseSignleEncodeSpec,\n  IData,\n  IElement,\n  IGroupMark,\n  ITheme,\n  IView,\n  Nil,\n  RecursivePartial,\n  StateEncodeSpec\n} from '../types';\nimport { ComponentDataRank, ComponentEnum, PlayerEnum } from '../graph';\nimport type { IPlayer, PlayerFilterValue, PlayerSpec, PlayerType } from '../types/component';\nimport { Component } from '../view/component';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { Factory } from '../core/factory';\n\nexport const generateContinuousPlayerAttributes = (\n  data: any[],\n  theme?: ITheme,\n  addition?: RecursivePartial<ContinuousPlayerAttributes>\n): ContinuousPlayerAttributes => {\n  const playerTheme = theme?.components?.continuousPlayer;\n  return merge({}, playerTheme, { data, dataIndex: 0 }, addition ?? {});\n};\n\nexport const generateDiscretePlayerAttributes = (\n  data: any[],\n  theme?: ITheme,\n  addition?: RecursivePartial<DiscretePlayerAttributes>\n): DiscretePlayerAttributes => {\n  const playerTheme = theme?.components?.discretePlayer;\n  return merge({}, playerTheme, { data, dataIndex: 0 }, addition ?? {});\n};\n\nexport class Player extends Component implements IPlayer {\n  static readonly componentType: string = ComponentEnum.player;\n  protected declare spec: PlayerSpec;\n  protected declare _filterValue: PlayerFilterValue;\n\n  private _playerComponentType: keyof typeof PlayerEnum;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.player, group);\n    this.spec.componentType = ComponentEnum.player;\n    this.spec.playerType = 'auto';\n  }\n\n  protected parseAddition(spec: PlayerSpec) {\n    super.parseAddition(spec);\n    this.playerType(spec.playerType);\n    this.target(spec.target?.data, spec.target?.source);\n    return this;\n  }\n\n  playerType(playerType: PlayerType) {\n    this.spec.playerType = playerType;\n    // clear legend type when spec is changed\n    this._playerComponentType = null;\n    this._prepareRejoin();\n    this.commit();\n    return this;\n  }\n\n  target(data: IData | string | Nil, source: IData | string | any[] | Nil) {\n    if (this.spec.target?.source) {\n      const lastSource = this.spec.target?.source;\n      const lastSourceDataGrammar = isArray(lastSource)\n        ? null\n        : isString(lastSource)\n        ? this.view.getDataById(lastSource)\n        : lastSource;\n      this.detach(lastSourceDataGrammar);\n    }\n    const sourceDataGrammar = isArray(source) ? null : isString(source) ? this.view.getDataById(source) : source;\n    this.attach(sourceDataGrammar);\n\n    const lastData = this.spec.target?.data;\n    const lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;\n    if (lastDataGrammar) {\n      this.view.removeEventListener(PlayerEventEnum.OnChange, this._filterCallback);\n    }\n    this.spec.target = undefined;\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n    const getFilterValue = (event: any) => ({ index: event.detail.index, value: event.detail.value });\n    const dataTransform = (data: any[], filterValue: PlayerFilterValue) => filterValue.value;\n    this._filterData(lastDataGrammar, dataGrammar, ComponentDataRank.player, getFilterValue, undefined, dataTransform);\n    if (dataGrammar) {\n      this.view.addEventListener(PlayerEventEnum.OnChange, this._filterCallback);\n      this.spec.target = { data: dataGrammar, source };\n    }\n    return this;\n  }\n\n  play() {\n    // FIXME: unite IDiscretePlayer and IContinuousPlayer interface in vis-component\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as IDiscretePlayer;\n    datazoom.play();\n    return this;\n  }\n\n  pause() {\n    // FIXME: unite IDiscretePlayer and IContinuousPlayer interface in vis-component\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as IDiscretePlayer;\n    datazoom.pause();\n    return this;\n  }\n\n  backward() {\n    // FIXME: unite IDiscretePlayer and IContinuousPlayer interface in vis-component\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as IDiscretePlayer;\n    datazoom.backward();\n    return this;\n  }\n\n  forward() {\n    // FIXME: unite IDiscretePlayer and IContinuousPlayer interface in vis-component\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as IDiscretePlayer;\n    datazoom.forward();\n    return this;\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string, newGraphicItem?: any) {\n    // FIXME: vis-component should handle the situation when handlerStyle is not set\n    const defaultAttributes = { slider: { handlerStyle: { size: 16 } } };\n    const initialAttributes = merge(defaultAttributes, attrs);\n    const graphicItem =\n      newGraphicItem ?? Factory.createGraphicComponent(this._getPlayerComponentType(), initialAttributes);\n    return super.addGraphicItem(initialAttributes, groupKey, graphicItem);\n  }\n\n  release() {\n    if (this._filterCallback) {\n      this.view.removeEventListener('change', this._filterCallback);\n    }\n    super.release();\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            const addition = invokeEncoder(encoder as BaseSignleEncodeSpec, datum, element, parameters);\n            const source = this.spec.target?.source;\n            const sourceDataGrammar = isArray(source)\n              ? null\n              : isString(source)\n              ? this.view.getDataById(source)\n              : source;\n            const sourceData = isArray(source) ? source : sourceDataGrammar?.getValue() ?? [];\n            switch (this._getPlayerComponentType()) {\n              case 'continuousPlayer':\n                return generateContinuousPlayerAttributes(sourceData, theme, addition);\n              case 'discretePlayer':\n                return generateDiscretePlayerAttributes(sourceData, theme, addition);\n            }\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n\n  private _getPlayerComponentType() {\n    if (this._playerComponentType) {\n      return this._playerComponentType;\n    }\n\n    // compute legend component type when needed\n    if (!this.spec.playerType || this.spec.playerType === 'auto') {\n      // const scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n      // const scaleType = scaleGrammar?.getScaleType?.();\n      // if (scaleType && isContinuous(scaleType)) {\n      //   const range: any[] = scaleGrammar.getScale().range();\n      //   if (parseColor(range?.[0])) {\n      //     this._legendComponentType = LegendEnum.colorLegend;\n      //   } else {\n      //     this._legendComponentType = LegendEnum.sizeLegend;\n      //   }\n      // } else {\n      //   this._legendComponentType = LegendEnum.discreteLegend;\n      // }\n      this._playerComponentType = 'discretePlayer';\n    } else {\n      this._playerComponentType =\n        this.spec.playerType === 'discrete'\n          ? 'discretePlayer'\n          : this.spec.playerType === 'continuous'\n          ? 'continuousPlayer'\n          : 'discretePlayer';\n    }\n    return this._playerComponentType;\n  }\n}\n\nexport const registerPlayer = () => {\n  Factory.registerGraphicComponent(\n    PlayerEnum.continuousPlayer,\n    (attrs: ContinuousPlayerAttributes) => new ContinuousPlayer(attrs) as unknown as IGraphic\n  );\n  Factory.registerGraphicComponent(\n    PlayerEnum.discretePlayer,\n    (attrs: DiscretePlayerAttributes) => new DiscretePlayer(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.player, Player);\n};\n"]}

package/cjs/component/scale.d.ts

@@ -0,0 +1,8 @@
+import type { IScale, Nil } from '../types';
+import type { IScaleComponent, ScaleComponentSpec } from '../types/component';
+import { Component } from '../view/component';
+export declare abstract class ScaleComponent extends Component implements IScaleComponent {
+    protected spec: ScaleComponentSpec;
+    protected parseAddition(spec: ScaleComponentSpec): this;
+    scale(scale?: IScale | string | Nil): this;
+}

package/cjs/component/scale.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ScaleComponent = void 0;
+
+const vutils_1 = require("@visactor/vutils"), component_1 = require("../view/component");
+
+class ScaleComponent extends component_1.Component {
+    parseAddition(spec) {
+        return super.parseAddition(spec), this.scale(spec.scale), this;
+    }
+    scale(scale) {
+        if (this.spec.scale) {
+            const lastScaleGrammar = (0, vutils_1.isString)(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;
+            this.detach(lastScaleGrammar), this.spec.scale = void 0;
+        }
+        const scaleGrammar = (0, vutils_1.isString)(scale) ? this.view.getScaleById(scale) : scale;
+        return this.spec.scale = scaleGrammar, this.attach(scaleGrammar), this._updateComponentEncoders(), 
+        this.commit(), this;
+    }
+}
+
+exports.ScaleComponent = ScaleComponent;
+//# sourceMappingURL=scale.js.map

package/cjs/component/scale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/scale.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAG5C,iDAA8C;AAE9C,MAAsB,cAAe,SAAQ,qBAAS;IAG1C,aAAa,CAAC,IAAwB;QAC9C,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK,CAAC,KAA6B;QACjC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACnB,MAAM,gBAAgB,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;YAC/G,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;SAC7B;QACD,MAAM,YAAY,GAAG,IAAA,iBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC7E,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;QAC/B,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAE1B,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAEhC,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAxBD,wCAwBC","file":"scale.js","sourcesContent":["import { isString } from '@visactor/vutils';\nimport type { IScale, Nil } from '../types';\nimport type { IScaleComponent, ScaleComponentSpec } from '../types/component';\nimport { Component } from '../view/component';\n\nexport abstract class ScaleComponent extends Component implements IScaleComponent {\n  protected declare spec: ScaleComponentSpec;\n\n  protected parseAddition(spec: ScaleComponentSpec) {\n    super.parseAddition(spec);\n    this.scale(spec.scale);\n    return this;\n  }\n\n  scale(scale?: IScale | string | Nil) {\n    if (this.spec.scale) {\n      const lastScaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n      this.detach(lastScaleGrammar);\n      this.spec.scale = undefined;\n    }\n    const scaleGrammar = isString(scale) ? this.view.getScaleById(scale) : scale;\n    this.spec.scale = scaleGrammar;\n    this.attach(scaleGrammar);\n\n    this._updateComponentEncoders();\n\n    this.commit();\n    return this;\n  }\n}\n"]}

package/cjs/component/scrollbar.d.ts

@@ -0,0 +1,23 @@
+import type { Direction, OrientType, ScrollBarAttributes } from '@visactor/vrender-components';
+import type { IData, IGroupMark, ITheme, IView, MarkFunctionType, Nil, RecursivePartial } from '../types';
+import type { IScrollbar, ScrollbarFilterValue, ScrollbarSpec } from '../types/component';
+import { ScaleComponent } from './scale';
+export declare const generateScrollbarAttributes: (groupSize: {
+    width: number;
+    height: number;
+}, direction?: Direction, position?: OrientType, theme?: ITheme, addition?: RecursivePartial<ScrollBarAttributes>) => ScrollBarAttributes;
+export declare class Scrollbar extends ScaleComponent implements IScrollbar {
+    static readonly componentType: string;
+    protected spec: ScrollbarSpec;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: ScrollbarSpec): this;
+    target(data: IData | string | Nil, filter: string | ((datum: any, value: ScrollbarFilterValue) => boolean) | Nil): this;
+    container(container: IGroupMark | string | Nil): this;
+    direction(direction: MarkFunctionType<Direction> | Nil): this;
+    position(position: MarkFunctionType<OrientType> | Nil): this;
+    setScrollStart(start: number): this;
+    addGraphicItem(attrs: any, groupKey?: string): any;
+    release(): void;
+    protected _updateComponentEncoders(): void;
+}
+export declare const registerScrollbar: () => void;