@visactor/vgrammar-core 0.7.7-alpha.2 → 0.8.0-alpha.0

package/cjs/component/datazoom.d.ts

@@ -1,6 +1,6 @@
 import type { DataZoomAttributes } from '@visactor/vrender-components';
 import type { ChannelEncodeType, IData, IGroupMark, ITheme, IView, Nil, RecursivePartial, ScaleEncodeType } from '../types';
-import type { DatazoomFilterValue, DatazoomSpec, IDatazoom } from '../types/component';
+import type { DatazoomSpec, IDatazoom } from '../types/component';
 import { Component } from '../view/component';
 export declare const generateDatazoomAttributes: (data: any[], theme?: ITheme, addition?: RecursivePartial<DataZoomAttributes>) => DataZoomAttributes;
 export declare class Datazoom extends Component implements IDatazoom {
@@ -9,11 +9,14 @@ export declare class Datazoom extends Component implements IDatazoom {
     constructor(view: IView, group?: IGroupMark);
     protected parseAddition(spec: DatazoomSpec): this;
     preview(data: IData | string | Nil, x: ScaleEncodeType | Nil, y: ScaleEncodeType | Nil, x1?: ChannelEncodeType | Nil, y1?: ChannelEncodeType | Nil): this;
-    target(data: IData | string | Nil, filter: string | ((datum: any, value: DatazoomFilterValue) => boolean) | Nil): this;
     setStartEndValue(start?: number, end?: number): this;
+    getStartEndValue(): {
+        start: number;
+        end: number;
+    };
     addGraphicItem(attrs: any, groupKey?: string): any;
     protected _updateComponentEncoders(): void;
-    private _invertDatazoomRatio;
-    private _getDatazoomMainScale;
+    invertDatazoomRatio(ratio: number): any;
+    getDatazoomMainScale(): import("@visactor/vscale").IBaseScale;
 }
 export declare const registerDataZoom: () => void;

package/cjs/component/datazoom.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerDataZoom = exports.Datazoom = exports.generateDatazoomAttributes = void 0;
 
-const vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), graph_1 = require("../graph"), encode_1 = require("../graph/mark/encode"), component_1 = require("../view/component"), mark_1 = require("../parse/mark"), factory_1 = require("../core/factory"), generateDatazoomAttributes = (data, theme, addition) => {
+const vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), graph_1 = require("../graph"), encode_1 = require("../graph/mark/encode"), component_1 = require("../view/component"), mark_1 = require("../parse/mark"), factory_1 = require("../core/factory"), datazoom_filter_1 = require("../interactions/datazoom-filter"), filter_1 = require("../interactions/filter"), generateDatazoomAttributes = (data, theme, addition) => {
     var _a;
     const datazoomTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.datazoom;
     return data ? (0, vutils_1.merge)({}, datazoomTheme, {
@@ -19,9 +19,8 @@ class Datazoom extends component_1.Component {
         super(view, graph_1.ComponentEnum.datazoom, group), this.spec.componentType = graph_1.ComponentEnum.datazoom;
     }
     parseAddition(spec) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e;
         return super.parseAddition(spec), this.preview(null === (_a = spec.preview) || void 0 === _a ? void 0 : _a.data, null === (_b = spec.preview) || void 0 === _b ? void 0 : _b.x, null === (_c = spec.preview) || void 0 === _c ? void 0 : _c.y, null === (_d = spec.preview) || void 0 === _d ? void 0 : _d.x1, null === (_e = spec.preview) || void 0 === _e ? void 0 : _e.y1), 
-        this.target(null === (_f = spec.target) || void 0 === _f ? void 0 : _f.data, null === (_g = spec.target) || void 0 === _g ? void 0 : _g.filter), 
         this._updateComponentEncoders(), this;
     }
     preview(data, x, y, x1, y1) {
@@ -46,52 +45,30 @@ class Datazoom extends component_1.Component {
         }
         return this._updateComponentEncoders(), this.commit(), this;
     }
-    target(data, filter) {
-        var _a, _b, _c;
-        const lastData = null === (_a = this.spec.target) || void 0 === _a ? void 0 : _a.data, lastDataGrammar = (0, 
-        vutils_1.isString)(lastData) ? this.view.getDataById(lastData) : lastData, datazoom = null === (_c = null === (_b = this.elements[0]) || void 0 === _b ? void 0 : _b.getGraphicItem) || void 0 === _c ? void 0 : _c.call(_b);
-        lastDataGrammar && datazoom && datazoom.setUpdateStateCallback(null), this.spec.target = void 0;
-        const dataGrammar = (0, vutils_1.isString)(data) ? this.view.getDataById(data) : data, dataFilter = (0, 
-        vutils_1.isString)(filter) ? (datum, filterValue) => {
-            if ((0, vutils_1.isNil)(filterValue.start) || (0, vutils_1.isNil)(filterValue.end)) return !0;
-            const scale = this._getDatazoomMainScale(), range = scale.range(), datumRatio = (scale.scale(datum[filter]) - range[0]) / (range[range.length - 1] - range[0]);
-            return filterValue.startRatio <= datumRatio && filterValue.endRatio >= datumRatio;
-        } : filter;
-        return this._filterData(lastDataGrammar, dataGrammar, graph_1.ComponentDataRank.datazoom, (event => {
-            const startRatio = event.start, endRatio = event.end;
-            return {
-                startRatio: startRatio,
-                endRatio: endRatio,
-                start: this._invertDatazoomRatio(startRatio),
-                end: this._invertDatazoomRatio(endRatio)
-            };
-        }), dataFilter), dataGrammar && datazoom && (datazoom.setUpdateStateCallback(((start, end) => {
-            this._filterCallback({
-                start: start,
-                end: end
-            }, this.elements[0]);
-        })), this.spec.target = {
-            data: dataGrammar,
-            filter: filter
-        }), this;
-    }
     setStartEndValue(start, end) {
         var _a, _b, _c;
         const datazoom = null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a);
         return null === (_c = null == datazoom ? void 0 : datazoom.setStartAndEnd) || void 0 === _c || _c.call(datazoom, start, end), 
         this;
     }
+    getStartEndValue() {
+        var _a, _b;
+        const datazoom = null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a);
+        if (datazoom) {
+            const state = datazoom.state;
+            return {
+                start: state.start,
+                end: state.end
+            };
+        }
+        return null;
+    }
     addGraphicItem(attrs, groupKey) {
         var _a;
         const theme = this.view.getCurrentTheme(), initialAttributes = Object.assign({}, null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.datazoom, attrs), graphicItem = factory_1.Factory.createGraphicComponent(this.componentType, initialAttributes), datazoom = graphicItem;
-        return this._filterCallback && datazoom.setUpdateStateCallback(((start, end) => {
-            this._filterCallback({
-                start: start,
-                end: end
-            }, this.elements[0]);
-        })), datazoom.setStatePointToData((state => {
+        return datazoom.setStatePointToData((state => {
             var _a;
-            return this.spec.preview && null !== (_a = this._invertDatazoomRatio(state)) && void 0 !== _a ? _a : state;
+            return this.spec.preview && null !== (_a = this.invertDatazoomRatio(state)) && void 0 !== _a ? _a : state;
         })), datazoom.setPreviewCallbackX((datum => {
             var _a, _b;
             if ((null === (_a = this.spec.preview) || void 0 === _a ? void 0 : _a.x) && (null === (_b = this.spec.preview) || void 0 === _b ? void 0 : _b.data)) return (0, 
@@ -135,15 +112,15 @@ class Datazoom extends component_1.Component {
         }), {});
         this._encoders = componentEncoders;
     }
-    _invertDatazoomRatio(ratio) {
-        const scale = this._getDatazoomMainScale();
+    invertDatazoomRatio(ratio) {
+        const scale = this.getDatazoomMainScale();
         if (scale) {
             const range = scale.range(), scaledValue = (range[range.length - 1] - range[0]) * ratio + range[0];
             return scale.invert(scaledValue);
         }
         return null;
     }
-    _getDatazoomMainScale() {
+    getDatazoomMainScale() {
         var _a, _b, _c, _d;
         const datazoom = null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a);
         if (datazoom && this.spec.preview) {
@@ -159,7 +136,8 @@ exports.Datazoom = Datazoom, Datazoom.componentType = graph_1.ComponentEnum.data
 
 const registerDataZoom = () => {
     factory_1.Factory.registerGraphicComponent(graph_1.ComponentEnum.datazoom, (attrs => new vrender_components_1.DataZoom(attrs))), 
-    factory_1.Factory.registerComponent(graph_1.ComponentEnum.datazoom, Datazoom);
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.datazoom, Datazoom), (0, 
+    vutils_1.mixin)(filter_1.Filter, filter_1.FilterMixin), factory_1.Factory.registerInteraction(datazoom_filter_1.DatazoomFilter.type, datazoom_filter_1.DatazoomFilter);
 };
 
 exports.registerDataZoom = registerDataZoom;

package/cjs/component/datazoom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/datazoom.ts"],"names":[],"mappings":"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","file":"datazoom.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { DataZoomAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DataZoom as DatazoomComponent } from '@visactor/vrender-components';\nimport { isNil, isString, merge } from '@visactor/vutils';\nimport { ComponentDataRank, ComponentEnum } from '../graph';\nimport type {\n  BaseSignleEncodeSpec,\n  ChannelEncodeType,\n  IData,\n  IElement,\n  IGroupMark,\n  ITheme,\n  IView,\n  Nil,\n  RecursivePartial,\n  ScaleEncodeType,\n  StateEncodeSpec\n} from '../types';\nimport type { DatazoomFilterValue, DatazoomSpec, IDatazoom } from '../types/component';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { Component } from '../view/component';\nimport { parseEncodeType } from '../parse/mark';\nimport { Factory } from '../core/factory';\n\nexport const generateDatazoomAttributes = (\n  data: any[],\n  theme?: ITheme,\n  addition?: RecursivePartial<DataZoomAttributes>\n): DataZoomAttributes => {\n  const datazoomTheme = theme?.components?.datazoom;\n  if (!data) {\n    return merge({}, datazoomTheme, addition ?? {});\n  }\n\n  return merge({}, datazoomTheme, { previewData: data }, addition ?? {});\n};\n\nexport class Datazoom extends Component implements IDatazoom {\n  static readonly componentType: string = ComponentEnum.datazoom;\n  protected declare spec: DatazoomSpec;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.datazoom, group);\n    this.spec.componentType = ComponentEnum.datazoom;\n  }\n\n  protected parseAddition(spec: DatazoomSpec) {\n    super.parseAddition(spec);\n    this.preview(spec.preview?.data, spec.preview?.x, spec.preview?.y, spec.preview?.x1, spec.preview?.y1);\n    this.target(spec.target?.data, spec.target?.filter);\n    this._updateComponentEncoders();\n    return this;\n  }\n\n  preview(\n    data: IData | string | Nil,\n    x: ScaleEncodeType | Nil,\n    y: ScaleEncodeType | Nil,\n    x1?: ChannelEncodeType | Nil,\n    y1?: ChannelEncodeType | Nil\n  ) {\n    if (!isNil(this.spec.preview)) {\n      const lastData = this.spec.preview.data;\n      const lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;\n      this.detach(lastDataGrammar);\n      this.detach(parseEncodeType(this.spec.preview.x, this.view));\n      this.detach(parseEncodeType(this.spec.preview.y, this.view));\n      this.detach(parseEncodeType(this.spec.preview.x1, this.view));\n      this.detach(parseEncodeType(this.spec.preview.y1, this.view));\n    }\n    this.spec.preview = undefined;\n    if (data) {\n      this.spec.preview = { data, x, y, x1, y1 };\n      const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n      this.attach(dataGrammar);\n      this.attach(parseEncodeType(x, this.view));\n      this.attach(parseEncodeType(y, this.view));\n      this.attach(parseEncodeType(x1, this.view));\n      this.attach(parseEncodeType(y1, this.view));\n    }\n    this._updateComponentEncoders();\n    this.commit();\n    return this;\n  }\n\n  target(data: IData | string | Nil, filter: string | ((datum: any, value: DatazoomFilterValue) => boolean) | Nil) {\n    const lastData = this.spec.target?.data;\n    const lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;\n    // FIXME: datazoom should emit change event\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as DatazoomComponent;\n    if (lastDataGrammar && datazoom) {\n      datazoom.setUpdateStateCallback(null);\n    }\n    this.spec.target = undefined;\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n    const getFilterValue = (event: any): DatazoomFilterValue => {\n      const startRatio = event.start;\n      const endRatio = event.end;\n      return {\n        startRatio,\n        endRatio,\n        start: this._invertDatazoomRatio(startRatio),\n        end: this._invertDatazoomRatio(endRatio)\n      };\n    };\n    const dataFilter = isString(filter)\n      ? (datum: any, filterValue: DatazoomFilterValue) => {\n          if (isNil(filterValue.start) || isNil(filterValue.end)) {\n            return true;\n          }\n          const scale = this._getDatazoomMainScale();\n          const range = scale.range();\n          const datumRatio = (scale.scale(datum[filter]) - range[0]) / (range[range.length - 1] - range[0]);\n          return filterValue.startRatio <= datumRatio && filterValue.endRatio >= datumRatio;\n        }\n      : filter;\n    this._filterData(lastDataGrammar, dataGrammar, ComponentDataRank.datazoom, getFilterValue, dataFilter);\n    if (dataGrammar && datazoom) {\n      datazoom.setUpdateStateCallback((start: number, end: number) => {\n        this._filterCallback({ start, end }, this.elements[0]);\n      });\n      this.spec.target = { data: dataGrammar, filter };\n    }\n    return this;\n  }\n\n  setStartEndValue(start?: number, end?: number) {\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as DatazoomComponent;\n    datazoom?.setStartAndEnd?.(start, end);\n    return this;\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string) {\n    const theme = this.view.getCurrentTheme();\n    const initialAttributes = Object.assign({}, theme?.components?.datazoom, attrs);\n    const graphicItem = Factory.createGraphicComponent(this.componentType, initialAttributes);\n    const datazoom = graphicItem as unknown as DatazoomComponent;\n    // FIXME: remove this logic when datazoom provides update event.\n    if (this._filterCallback) {\n      datazoom.setUpdateStateCallback((start: number, end: number) => {\n        this._filterCallback({ start, end }, this.elements[0]);\n      });\n    }\n    datazoom.setStatePointToData(state => {\n      if (this.spec.preview) {\n        return this._invertDatazoomRatio(state) ?? state;\n      }\n      return state;\n    });\n\n    datazoom.setPreviewCallbackX((datum: any) => {\n      if (this.spec.preview?.x && this.spec.preview?.data) {\n        return invokeEncoder({ x: this.spec.preview.x }, datum, this.elements[0], this.parameters()).x;\n      }\n\n      return undefined;\n    });\n    datazoom.setPreviewCallbackY((datum: any) => {\n      if (this.spec.preview?.y && this.spec.preview?.data) {\n        return invokeEncoder({ y: this.spec.preview.y }, datum, this.elements[0], this.parameters()).y;\n      }\n\n      return undefined;\n    });\n\n    datazoom.setPreviewCallbackX1((datum: any) => {\n      if (this.spec.preview?.x1 && this.spec.preview?.data) {\n        return invokeEncoder({ x1: this.spec.preview.x1 }, datum, this.elements[0], this.parameters()).x1;\n      }\n\n      return undefined;\n    });\n    datazoom.setPreviewCallbackY1((datum: any) => {\n      if (this.spec.preview?.y1 && this.spec.preview?.data) {\n        return invokeEncoder({ y1: this.spec.preview.y1 }, datum, this.elements[0], this.parameters()).y1;\n      }\n\n      return undefined;\n    });\n    return super.addGraphicItem(initialAttributes, groupKey, graphicItem);\n  }\n\n  protected _updateComponentEncoders() {\n    const data = this.spec.preview?.data;\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\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            return generateDatazoomAttributes(dataGrammar?.getValue?.(), theme, addition);\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n\n  private _invertDatazoomRatio(ratio: number): any {\n    const scale = this._getDatazoomMainScale();\n    if (scale) {\n      const range = scale.range();\n      const scaledValue = (range[range.length - 1] - range[0]) * ratio + range[0];\n      return scale.invert(scaledValue);\n    }\n    return null;\n  }\n\n  private _getDatazoomMainScale() {\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as DatazoomComponent;\n    if (datazoom && this.spec.preview) {\n      const isHorizontal = datazoom.attribute.orient === 'top' || datazoom.attribute.orient === 'bottom';\n      const scale = isHorizontal ? this.spec.preview.x?.scale : this.spec.preview.y?.scale;\n      const scaleGrammar = isString(scale) ? this.view.getScaleById(scale) : scale;\n      return scaleGrammar?.getScale();\n    }\n    return null;\n  }\n}\n\nexport const registerDataZoom = () => {\n  Factory.registerGraphicComponent(\n    ComponentEnum.datazoom,\n    (attrs: DataZoomAttributes) => new DatazoomComponent(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.datazoom, Datazoom);\n};\n"]}
+{"version":3,"sources":["../src/component/datazoom.ts"],"names":[],"mappings":"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","file":"datazoom.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { DataZoomAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DataZoom as DatazoomComponent } from '@visactor/vrender-components';\nimport { isNil, isString, merge, mixin } from '@visactor/vutils';\nimport { ComponentEnum } from '../graph';\nimport type {\n  BaseSignleEncodeSpec,\n  ChannelEncodeType,\n  IData,\n  IElement,\n  IGroupMark,\n  ITheme,\n  IView,\n  Nil,\n  RecursivePartial,\n  ScaleEncodeType,\n  StateEncodeSpec\n} from '../types';\nimport type { DatazoomSpec, IDatazoom } from '../types/component';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { Component } from '../view/component';\nimport { parseEncodeType } from '../parse/mark';\nimport { Factory } from '../core/factory';\nimport { DatazoomFilter } from '../interactions/datazoom-filter';\nimport { Filter, FilterMixin } from '../interactions/filter';\n\nexport const generateDatazoomAttributes = (\n  data: any[],\n  theme?: ITheme,\n  addition?: RecursivePartial<DataZoomAttributes>\n): DataZoomAttributes => {\n  const datazoomTheme = theme?.components?.datazoom;\n  if (!data) {\n    return merge({}, datazoomTheme, addition ?? {});\n  }\n\n  return merge({}, datazoomTheme, { previewData: data }, addition ?? {});\n};\n\nexport class Datazoom extends Component implements IDatazoom {\n  static readonly componentType: string = ComponentEnum.datazoom;\n  protected declare spec: DatazoomSpec;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.datazoom, group);\n    this.spec.componentType = ComponentEnum.datazoom;\n  }\n\n  protected parseAddition(spec: DatazoomSpec) {\n    super.parseAddition(spec);\n    this.preview(spec.preview?.data, spec.preview?.x, spec.preview?.y, spec.preview?.x1, spec.preview?.y1);\n    this._updateComponentEncoders();\n    return this;\n  }\n\n  preview(\n    data: IData | string | Nil,\n    x: ScaleEncodeType | Nil,\n    y: ScaleEncodeType | Nil,\n    x1?: ChannelEncodeType | Nil,\n    y1?: ChannelEncodeType | Nil\n  ) {\n    if (!isNil(this.spec.preview)) {\n      const lastData = this.spec.preview.data;\n      const lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;\n      this.detach(lastDataGrammar);\n      this.detach(parseEncodeType(this.spec.preview.x, this.view));\n      this.detach(parseEncodeType(this.spec.preview.y, this.view));\n      this.detach(parseEncodeType(this.spec.preview.x1, this.view));\n      this.detach(parseEncodeType(this.spec.preview.y1, this.view));\n    }\n    this.spec.preview = undefined;\n    if (data) {\n      this.spec.preview = { data, x, y, x1, y1 };\n      const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n      this.attach(dataGrammar);\n      this.attach(parseEncodeType(x, this.view));\n      this.attach(parseEncodeType(y, this.view));\n      this.attach(parseEncodeType(x1, this.view));\n      this.attach(parseEncodeType(y1, this.view));\n    }\n    this._updateComponentEncoders();\n    this.commit();\n    return this;\n  }\n\n  setStartEndValue(start?: number, end?: number) {\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as DatazoomComponent;\n    datazoom?.setStartAndEnd?.(start, end);\n    return this;\n  }\n\n  getStartEndValue() {\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as DatazoomComponent;\n\n    if (datazoom) {\n      const state = datazoom.state;\n      return {\n        start: state.start,\n        end: state.end\n      };\n    }\n\n    return null;\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string) {\n    const theme = this.view.getCurrentTheme();\n    const initialAttributes = Object.assign({}, theme?.components?.datazoom, attrs);\n    const graphicItem = Factory.createGraphicComponent(this.componentType, initialAttributes);\n    const datazoom = graphicItem as unknown as DatazoomComponent;\n    datazoom.setStatePointToData(state => {\n      if (this.spec.preview) {\n        return this.invertDatazoomRatio(state) ?? state;\n      }\n      return state;\n    });\n\n    datazoom.setPreviewCallbackX((datum: any) => {\n      if (this.spec.preview?.x && this.spec.preview?.data) {\n        return invokeEncoder({ x: this.spec.preview.x }, datum, this.elements[0], this.parameters()).x;\n      }\n\n      return undefined;\n    });\n    datazoom.setPreviewCallbackY((datum: any) => {\n      if (this.spec.preview?.y && this.spec.preview?.data) {\n        return invokeEncoder({ y: this.spec.preview.y }, datum, this.elements[0], this.parameters()).y;\n      }\n\n      return undefined;\n    });\n\n    datazoom.setPreviewCallbackX1((datum: any) => {\n      if (this.spec.preview?.x1 && this.spec.preview?.data) {\n        return invokeEncoder({ x1: this.spec.preview.x1 }, datum, this.elements[0], this.parameters()).x1;\n      }\n\n      return undefined;\n    });\n    datazoom.setPreviewCallbackY1((datum: any) => {\n      if (this.spec.preview?.y1 && this.spec.preview?.data) {\n        return invokeEncoder({ y1: this.spec.preview.y1 }, datum, this.elements[0], this.parameters()).y1;\n      }\n\n      return undefined;\n    });\n    return super.addGraphicItem(initialAttributes, groupKey, graphicItem);\n  }\n\n  protected _updateComponentEncoders() {\n    const data = this.spec.preview?.data;\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\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            return generateDatazoomAttributes(dataGrammar?.getValue?.(), theme, addition);\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n\n  invertDatazoomRatio(ratio: number): any {\n    const scale = this.getDatazoomMainScale();\n    if (scale) {\n      const range = scale.range();\n      const scaledValue = (range[range.length - 1] - range[0]) * ratio + range[0];\n      return scale.invert(scaledValue);\n    }\n    return null;\n  }\n\n  getDatazoomMainScale() {\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as DatazoomComponent;\n    if (datazoom && this.spec.preview) {\n      const isHorizontal = datazoom.attribute.orient === 'top' || datazoom.attribute.orient === 'bottom';\n      const scale = isHorizontal ? this.spec.preview.x?.scale : this.spec.preview.y?.scale;\n      const scaleGrammar = isString(scale) ? this.view.getScaleById(scale) : scale;\n      return scaleGrammar?.getScale();\n    }\n    return null;\n  }\n}\n\nexport const registerDataZoom = () => {\n  Factory.registerGraphicComponent(\n    ComponentEnum.datazoom,\n    (attrs: DataZoomAttributes) => new DatazoomComponent(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.datazoom, Datazoom);\n\n  mixin(Filter, FilterMixin);\n  Factory.registerInteraction(DatazoomFilter.type, DatazoomFilter);\n};\n"]}

package/cjs/component/index.d.ts

@@ -1,11 +1,9 @@
 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

@@ -2,7 +2,7 @@
 
 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;
+}), exports.registerScrollbar = exports.registerGrid = exports.registerTitle = exports.registerPlayer = exports.registerDataZoom = exports.registerLabel = exports.registerSlider = exports.registerLegend = exports.registerAxis = void 0;
 
 var axis_1 = require("./axis");
 
@@ -22,15 +22,6 @@ Object.defineProperty(exports, "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", {
@@ -67,15 +58,6 @@ Object.defineProperty(exports, "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", {

package/cjs/component/index.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../src/component/index.ts"],"names":[],"mappings":";;;AAAA,+BAAsC;AAA7B,oGAAA,YAAY,OAAA;AACrB,mCAA0C;AAAjC,wGAAA,cAAc,OAAA;AACvB,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,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 { registerSlider } from './slider';\nexport { registerLabel } from './label';\nexport { registerDataZoom } from './datazoom';\nexport { registerPlayer } from './player';\nexport { registerTitle } from './title';\nexport { registerGrid } from './grid';\nexport { registerScrollbar } from './scrollbar';\n"]}

package/cjs/component/legend.d.ts

@@ -1,6 +1,6 @@
 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 { 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;
@@ -16,10 +16,8 @@ export declare class Legend extends ScaleComponent implements ILegend {
     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;
 }

package/cjs/component/legend.js

@@ -4,7 +4,7 @@ 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) => {
+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"), legend_filter_1 = require("../interactions/legend-filter"), filter_1 = require("../interactions/filter"), 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 : {});
@@ -64,9 +64,8 @@ class Legend extends scale_1.ScaleComponent {
         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;
+        return this.shapeScale(spec.shapeScale), super.parseAddition(spec), this.legendType(spec.legendType), 
+        this;
     }
     scale(scale) {
         return super.scale(scale), this._legendComponentType = null, this;
@@ -87,23 +86,6 @@ class Legend extends scale_1.ScaleComponent {
     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), 
@@ -113,10 +95,6 @@ class Legend extends scale_1.ScaleComponent {
         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({
@@ -163,7 +141,8 @@ 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);
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.legend, Legend), (0, vutils_1.mixin)(filter_1.Filter, filter_1.FilterMixin), 
+    factory_1.Factory.registerInteraction(legend_filter_1.LegendFilter.type, legend_filter_1.LegendFilter);
 };
 
 exports.registerLegend = registerLegend;

package/cjs/component/legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\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"]}
+{"version":3,"sources":["../src/component/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\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 } from '@visactor/vrender-components';\nimport { array, isString, merge, last, mixin } from '@visactor/vutils';\nimport { ComponentEnum, LegendEnum } from '../graph';\nimport type {\n  BaseSignleEncodeSpec,\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';\nimport { LegendFilter } from '../interactions/legend-filter';\nimport { Filter, FilterMixin } from '../interactions/filter';\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.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  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  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  mixin(Filter, FilterMixin);\n  Factory.registerInteraction(LegendFilter.type, LegendFilter);\n};\n"]}

package/cjs/component/player.d.ts

@@ -12,13 +12,12 @@ export declare class Player extends Component implements IPlayer {
     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;
+    source(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;
 }

package/cjs/component/player.js

@@ -4,7 +4,7 @@ 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) => {
+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"), factory_1 = require("../core/factory"), player_filter_1 = require("../interactions/player-filter"), filter_1 = require("../interactions/filter"), 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, {
@@ -32,36 +32,23 @@ class Player extends component_1.Component {
         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), 
+        return super.parseAddition(spec), this.playerType(spec.playerType), this.source(spec.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, 
+    source(source) {
+        var _a;
+        if (this.spec.source) {
+            const lastSource = null === (_a = this.spec) || void 0 === _a ? void 0 : _a.source, lastSourceDataGrammar = (0, 
             vutils_1.isArray)(lastSource) ? null : (0, vutils_1.isString)(lastSource) ? this.view.getDataById(lastSource) : lastSource;
             this.detach(lastSourceDataGrammar);
         }
+        this.spec.source = source;
         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;
+        return this.attach(sourceDataGrammar), this.commit(), this;
     }
     play() {
         var _a, _b;
@@ -93,10 +80,6 @@ class Player extends component_1.Component {
         }, 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: {}
@@ -104,10 +87,10 @@ class Player extends component_1.Component {
             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, 
+                    var _a;
+                    const theme = this.view.getCurrentTheme(), addition = (0, encode_1.invokeEncoder)(encoder, datum, element, parameters), source = this.spec.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 : [];
+                    vutils_1.isArray)(source) ? source : null !== (_a = null == sourceDataGrammar ? void 0 : sourceDataGrammar.getValue()) && void 0 !== _a ? _a : [];
                     switch (this._getPlayerComponentType()) {
                       case "continuousPlayer":
                         return (0, exports.generateContinuousPlayerAttributes)(sourceData, theme, addition);
@@ -129,9 +112,10 @@ class Player extends component_1.Component {
 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);
+    factory_1.Factory.registerGraphicComponent(graph_1.PlayerEnum.continuousPlayer, (attrs => new vrender_components_1.ContinuousPlayer(attrs))), 
+    factory_1.Factory.registerGraphicComponent(graph_1.PlayerEnum.discretePlayer, (attrs => new vrender_components_1.DiscretePlayer(attrs))), 
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.player, Player), (0, vutils_1.mixin)(filter_1.Filter, filter_1.FilterMixin), 
+    factory_1.Factory.registerInteraction(player_filter_1.PlayerFilter.type, player_filter_1.PlayerFilter);
 };
 
 exports.registerPlayer = registerPlayer;