@visactor/vgrammar-core 0.7.0

package/cjs/component/scrollbar.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerScrollbar = exports.Scrollbar = exports.generateScrollbarAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_components_1 = require("@visactor/vrender-components"), graph_1 = require("../graph"), encode_1 = require("../graph/mark/encode"), util_1 = require("../parse/util"), factory_1 = require("../core/factory"), scale_1 = require("./scale");
+
+function isValidDirection(direction) {
+    return "vertical" === direction || "horizontal" === direction;
+}
+
+function isValidPosition(position) {
+    return "top" === position || "bottom" === position || "left" === position || "right" === position;
+}
+
+function isHorizontalPosition(position) {
+    return "top" === position || "bottom" === position;
+}
+
+const generateScrollbarAttributes = (groupSize, direction, position, theme, addition) => {
+    var _a, _b, _c, _d, _e;
+    const scrollbarTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.scrollbar;
+    let finalDirection = "horizontal", finalPosition = "bottom";
+    isValidDirection(direction) || isValidPosition(position) ? !isValidDirection(direction) && isValidPosition(position) ? (finalDirection = isHorizontalPosition(position) ? "horizontal" : "vertical", 
+    finalPosition = position) : isValidDirection(direction) && !isValidPosition(position) ? (finalDirection = direction, 
+    finalPosition = "horizontal" === direction ? "bottom" : "right") : (finalDirection = direction, 
+    finalPosition = "horizontal" !== direction || isHorizontalPosition(position) ? "vertical" === direction && isHorizontalPosition(position) ? "right" : position : "bottom") : (finalDirection = "horizontal", 
+    finalPosition = "bottom");
+    const attributes = {
+        direction: finalDirection
+    };
+    if ("horizontal" === finalDirection) {
+        const size = null !== (_c = null !== (_b = addition.height) && void 0 !== _b ? _b : null == scrollbarTheme ? void 0 : scrollbarTheme.height) && void 0 !== _c ? _c : 12;
+        "top" === finalPosition ? Object.assign(attributes, {
+            width: groupSize.width,
+            height: size,
+            x: 0,
+            y: 0
+        }) : Object.assign(attributes, {
+            width: groupSize.width,
+            height: size,
+            x: 0,
+            y: groupSize.height - size
+        });
+    } else {
+        const size = null !== (_e = null !== (_d = addition.width) && void 0 !== _d ? _d : null == scrollbarTheme ? void 0 : scrollbarTheme.width) && void 0 !== _e ? _e : 12;
+        "left" === finalPosition ? Object.assign(attributes, {
+            width: size,
+            height: groupSize.height,
+            x: 0,
+            y: 0
+        }) : Object.assign(attributes, {
+            width: size,
+            height: groupSize.height,
+            x: groupSize.width - size,
+            y: 0
+        });
+    }
+    return (0, vutils_1.merge)({}, scrollbarTheme, attributes, null != addition ? addition : {});
+};
+
+exports.generateScrollbarAttributes = generateScrollbarAttributes;
+
+class Scrollbar extends scale_1.ScaleComponent {
+    constructor(view, group) {
+        super(view, graph_1.ComponentEnum.scrollbar, group), this.spec.componentType = graph_1.ComponentEnum.scrollbar;
+    }
+    parseAddition(spec) {
+        var _a, _b;
+        return 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.container(spec.container), this.direction(spec.direction), this.position(spec.position), 
+        this;
+    }
+    target(data, filter) {
+        var _a;
+        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;
+        lastDataGrammar && this.view.removeEventListener("scroll", 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) ? (datum, filterValue) => {
+            const scale = ((0, vutils_1.isString)(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale).getScale(), 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.scrollbar, (event => {
+            if ((0, vutils_1.isString)(filter)) {
+                const range = event.detail.value, scaleGrammar = (0, vutils_1.isString)(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;
+                if (scaleGrammar) {
+                    const scale = scaleGrammar.getScale(), scaleRange = scale.range();
+                    return {
+                        start: scale.invert(range[0] * (scaleRange[1] - scaleRange[0]) + scaleRange[0]),
+                        end: scale.invert(range[1] * (scaleRange[1] - scaleRange[0]) + scaleRange[0]),
+                        startRatio: range[0],
+                        endRatio: range[1]
+                    };
+                }
+                return {
+                    startRatio: range[0],
+                    endRatio: range[1]
+                };
+            }
+            return {
+                startRatio: event.detail.value[0],
+                endRatio: event.detail.value[1]
+            };
+        }), dataFilter), dataGrammar && (this.view.addEventListener("scroll", this._filterCallback), 
+        this.spec.target = {
+            data: dataGrammar,
+            filter: filter
+        }), this;
+    }
+    container(container) {
+        if (this.spec.container) {
+            const prevContainer = (0, vutils_1.isString)(this.spec.container) ? this.view.getMarkById(this.spec.container) : this.spec.container;
+            this.detach(prevContainer);
+        }
+        if (this.spec.container = container, container) {
+            const nextContainer = (0, vutils_1.isString)(container) ? this.view.getMarkById(container) : container;
+            this.attach(nextContainer);
+        }
+        return this.commit(), this;
+    }
+    direction(direction) {
+        return this.setFunctionSpec(direction, "direction");
+    }
+    position(position) {
+        return this.setFunctionSpec(position, "position");
+    }
+    setScrollStart(start) {
+        var _a, _b, _c;
+        const scrollbar = null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a), range = null === (_c = null == scrollbar ? void 0 : scrollbar.attribute) || void 0 === _c ? void 0 : _c.range;
+        if (scrollbar && range) {
+            const nextRange = [ start, range[1] - range[0] + start ];
+            scrollbar.setScrollRange(nextRange);
+        }
+        return this;
+    }
+    addGraphicItem(attrs, groupKey) {
+        const initialAttributes = (0, vutils_1.merge)({
+            range: [ 0, 1 ]
+        }, attrs), graphicItem = factory_1.Factory.createGraphicComponent(graph_1.ComponentEnum.scrollbar, initialAttributes), range = initialAttributes.range;
+        return range && this._filterCallback && setTimeout((() => this._filterCallback({
+            detail: {
+                value: range
+            }
+        }, this.elements[0]))), super.addGraphicItem(initialAttributes, groupKey, graphicItem);
+    }
+    release() {
+        this._filterCallback && this.view.removeEventListener("scroll", 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(), direction = (0, util_1.invokeFunctionType)(this.spec.direction, parameters, datum, element), position = (0, 
+                    util_1.invokeFunctionType)(this.spec.position, parameters, datum, element), addition = (0, 
+                    encode_1.invokeEncoder)(encoder, datum, element, parameters), targetMark = this.spec.container ? (0, 
+                    vutils_1.isString)(this.spec.container) ? this.view.getMarkById(this.spec.container) : this.spec.container : null, groupGraphicItem = (targetMark && targetMark.markType === graph_1.GrammarMarkType.group ? targetMark : this.group).getGroupGraphicItem(), size = groupGraphicItem ? {
+                        width: null !== (_a = groupGraphicItem.attribute.width) && void 0 !== _a ? _a : groupGraphicItem.AABBBounds.width(),
+                        height: null !== (_b = groupGraphicItem.attribute.height) && void 0 !== _b ? _b : groupGraphicItem.AABBBounds.height()
+                    } : {
+                        width: this.view.width(),
+                        height: this.view.height()
+                    };
+                    return (0, exports.generateScrollbarAttributes)(size, direction, position, theme, addition);
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+}
+
+exports.Scrollbar = Scrollbar, Scrollbar.componentType = graph_1.ComponentEnum.scrollbar;
+
+const registerScrollbar = () => {
+    factory_1.Factory.registerGraphicComponent(graph_1.ComponentEnum.scrollbar, (attrs => new vrender_components_1.ScrollBar(attrs))), 
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.scrollbar, Scrollbar);
+};
+
+exports.registerScrollbar = registerScrollbar;
+//# sourceMappingURL=scrollbar.js.map

package/cjs/component/scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/scrollbar.ts"],"names":[],"mappings":"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","file":"scrollbar.js","sourcesContent":["import { isString, merge } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender';\nimport type { Direction, OrientType, ScrollBarAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { ScrollBar as ScrollbarComponent } from '@visactor/vrender-components';\nimport type {\n  BaseSignleEncodeSpec,\n  IData,\n  IElement,\n  IGroupMark,\n  ITheme,\n  IView,\n  MarkFunctionType,\n  Nil,\n  RecursivePartial,\n  StateEncodeSpec\n} from '../types';\nimport { ComponentDataRank, ComponentEnum, GrammarMarkType } from '../graph';\nimport type { IScrollbar, ScrollbarFilterValue, ScrollbarSpec } from '../types/component';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { invokeFunctionType } from '../parse/util';\nimport { Factory } from '../core/factory';\nimport { ScaleComponent } from './scale';\n\nfunction isValidDirection(direction: Direction) {\n  return direction === 'vertical' || direction === 'horizontal';\n}\n\nfunction isValidPosition(position: OrientType) {\n  return position === 'top' || position === 'bottom' || position === 'left' || position === 'right';\n}\n\nfunction isHorizontalPosition(position: OrientType) {\n  return position === 'top' || position === 'bottom';\n}\n\nexport const generateScrollbarAttributes = (\n  groupSize: { width: number; height: number },\n  direction?: Direction,\n  position?: OrientType,\n  theme?: ITheme,\n  addition?: RecursivePartial<ScrollBarAttributes>\n): ScrollBarAttributes => {\n  const scrollbarTheme = theme?.components?.scrollbar;\n\n  let finalDirection: Direction = 'horizontal';\n  let finalPosition: OrientType = 'bottom';\n  if (!isValidDirection(direction) && !isValidPosition(position)) {\n    finalDirection = 'horizontal';\n    finalPosition = 'bottom';\n  } else if (!isValidDirection(direction) && isValidPosition(position)) {\n    finalDirection = isHorizontalPosition(position) ? 'horizontal' : 'vertical';\n    finalPosition = position;\n  } else if (isValidDirection(direction) && !isValidPosition(position)) {\n    finalDirection = direction;\n    finalPosition = direction === 'horizontal' ? 'bottom' : 'right';\n  } else {\n    finalDirection = direction;\n    finalPosition =\n      direction === 'horizontal' && !isHorizontalPosition(position)\n        ? 'bottom'\n        : direction === 'vertical' && isHorizontalPosition(position)\n        ? 'right'\n        : position;\n  }\n\n  const attributes: RecursivePartial<ScrollBarAttributes> = { direction: finalDirection };\n  if (finalDirection === 'horizontal') {\n    const size = addition.height ?? scrollbarTheme?.height ?? 12;\n\n    // top or bottom\n    if (finalPosition === 'top') {\n      Object.assign(attributes, {\n        width: groupSize.width,\n        height: size,\n        x: 0,\n        y: 0\n      });\n    } else {\n      Object.assign(attributes, {\n        width: groupSize.width,\n        height: size,\n        x: 0,\n        y: groupSize.height - size\n      });\n    }\n  } else {\n    const size = addition.width ?? scrollbarTheme?.width ?? 12;\n\n    // left or right\n    if (finalPosition === 'left') {\n      Object.assign(attributes, {\n        width: size,\n        height: groupSize.height,\n        x: 0,\n        y: 0\n      });\n    } else {\n      Object.assign(attributes, {\n        width: size,\n        height: groupSize.height,\n        x: groupSize.width - size,\n        y: 0\n      });\n    }\n  }\n\n  return merge({}, scrollbarTheme, attributes, addition ?? {});\n};\n\nexport class Scrollbar extends ScaleComponent implements IScrollbar {\n  static readonly componentType: string = ComponentEnum.scrollbar;\n  protected declare spec: ScrollbarSpec;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.scrollbar, group);\n    this.spec.componentType = ComponentEnum.scrollbar;\n  }\n\n  protected parseAddition(spec: ScrollbarSpec) {\n    super.parseAddition(spec);\n    this.target(spec.target?.data, spec.target?.filter);\n    this.container(spec.container);\n    this.direction(spec.direction);\n    this.position(spec.position);\n    return this;\n  }\n\n  target(data: IData | string | Nil, filter: string | ((datum: any, value: ScrollbarFilterValue) => boolean) | Nil) {\n    const lastData = this.spec.target?.data;\n    const lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;\n    if (lastDataGrammar) {\n      this.view.removeEventListener('scroll', this._filterCallback);\n    }\n    this.spec.target = undefined;\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n    const getFilterValue = (event: any) => {\n      if (isString(filter)) {\n        const range = event.detail.value;\n        const scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n        if (scaleGrammar) {\n          const scale = scaleGrammar.getScale();\n          const scaleRange = scale.range();\n          const start = scale.invert(range[0] * (scaleRange[1] - scaleRange[0]) + scaleRange[0]);\n          const end = scale.invert(range[1] * (scaleRange[1] - scaleRange[0]) + scaleRange[0]);\n          return { start, end, startRatio: range[0], endRatio: range[1] };\n        }\n        return { startRatio: range[0], endRatio: range[1] };\n      }\n      return { startRatio: event.detail.value[0], endRatio: event.detail.value[1] };\n    };\n    const dataFilter = isString(filter)\n      ? (datum: any, filterValue: ScrollbarFilterValue) => {\n          const scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n          const scale = scaleGrammar.getScale();\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.scrollbar, getFilterValue, dataFilter);\n    if (dataGrammar) {\n      this.view.addEventListener('scroll', this._filterCallback);\n      this.spec.target = { data: dataGrammar, filter };\n    }\n    return this;\n  }\n\n  container(container: IGroupMark | string | Nil): this {\n    if (this.spec.container) {\n      const prevContainer = isString(this.spec.container)\n        ? this.view.getMarkById(this.spec.container)\n        : this.spec.container;\n      this.detach(prevContainer);\n    }\n    this.spec.container = container;\n    if (container) {\n      const nextContainer = isString(container) ? this.view.getMarkById(container) : container;\n      this.attach(nextContainer);\n    }\n    this.commit();\n    return this;\n  }\n\n  direction(direction: MarkFunctionType<Direction> | Nil) {\n    return this.setFunctionSpec(direction, 'direction');\n  }\n\n  position(position: MarkFunctionType<OrientType> | Nil) {\n    return this.setFunctionSpec(position, 'position');\n  }\n\n  setScrollStart(start: number) {\n    const scrollbar = this.elements[0]?.getGraphicItem?.() as unknown as ScrollbarComponent;\n    const range = scrollbar?.attribute?.range;\n    if (scrollbar && range) {\n      const nextRange: [number, number] = [start, range[1] - range[0] + start];\n      scrollbar.setScrollRange(nextRange);\n    }\n    return this;\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string) {\n    const defaultAttributes = { range: [0, 1] };\n    const initialAttributes = merge(defaultAttributes, attrs);\n    const graphicItem = Factory.createGraphicComponent(ComponentEnum.scrollbar, initialAttributes);\n    const range = initialAttributes.range;\n    // Hack for the first evaluation, waiting for components to fix\n    if (range && this._filterCallback) {\n      setTimeout(() => this._filterCallback({ detail: { value: range } }, this.elements[0]));\n    }\n    return super.addGraphicItem(initialAttributes, groupKey, graphicItem);\n  }\n\n  release() {\n    if (this._filterCallback) {\n      this.view.removeEventListener('scroll', 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 direction = invokeFunctionType(this.spec.direction, parameters, datum, element);\n            const position = invokeFunctionType(this.spec.position, parameters, datum, element);\n            const addition = invokeEncoder(encoder as BaseSignleEncodeSpec, datum, element, parameters);\n            const targetMark = this.spec.container\n              ? isString(this.spec.container)\n                ? this.view.getMarkById(this.spec.container)\n                : this.spec.container\n              : null;\n            const groupMark = targetMark && targetMark.markType === GrammarMarkType.group ? targetMark : this.group;\n            const groupGraphicItem = groupMark.getGroupGraphicItem();\n            const size = groupGraphicItem\n              ? {\n                  width: groupGraphicItem.attribute.width ?? groupGraphicItem.AABBBounds.width(),\n                  height: groupGraphicItem.attribute.height ?? groupGraphicItem.AABBBounds.height()\n                }\n              : { width: this.view.width(), height: this.view.height() };\n            return generateScrollbarAttributes(size, direction, position, theme, addition);\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n}\n\nexport const registerScrollbar = () => {\n  Factory.registerGraphicComponent(\n    ComponentEnum.scrollbar,\n    (attrs: ScrollBarAttributes) => new ScrollbarComponent(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.scrollbar, Scrollbar);\n};\n"]}

package/cjs/component/slider.d.ts

@@ -0,0 +1,19 @@
+import type { SliderAttributes } from '@visactor/vrender-components';
+import type { IData, IGroupMark, ITheme, IView, MarkFunctionType, Nil, RecursivePartial } from '../types';
+import type { ISlider, SliderFilterValue, SliderSpec } from '../types/component';
+import { Component } from '../view/component';
+export declare const generateSliderAttributes: (min: number, max: number, theme?: ITheme, addition?: RecursivePartial<SliderAttributes>) => SliderAttributes;
+export declare class Slider extends Component implements ISlider {
+    static readonly componentType: string;
+    protected spec: SliderSpec;
+    protected _filterValue: SliderFilterValue;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: SliderSpec): this;
+    min(min: MarkFunctionType<number> | Nil): this;
+    max(max: MarkFunctionType<number> | Nil): this;
+    target(data: IData | string | Nil, filter: string | ((datum: any, value: SliderFilterValue) => boolean) | Nil): this;
+    setStartEndValue(start?: number, end?: number): this;
+    release(): void;
+    protected _updateComponentEncoders(): void;
+}
+export declare const registerSlider: () => void;

package/cjs/component/slider.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerSlider = exports.Slider = exports.generateSliderAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_components_1 = require("@visactor/vrender-components"), graph_1 = require("../graph"), component_1 = require("../view/component"), encode_1 = require("../graph/mark/encode"), util_1 = require("../parse/util"), factory_1 = require("../core/factory"), generateSliderAttributes = (min, max, theme, addition) => {
+    var _a;
+    const sliderTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.slider;
+    return (0, vutils_1.merge)({}, sliderTheme, {
+        min: min,
+        max: max,
+        value: [ min, max ]
+    }, null != addition ? addition : {});
+};
+
+exports.generateSliderAttributes = generateSliderAttributes;
+
+class Slider extends component_1.Component {
+    constructor(view, group) {
+        super(view, graph_1.ComponentEnum.slider, group), this.spec.componentType = graph_1.ComponentEnum.slider;
+    }
+    parseAddition(spec) {
+        var _a, _b;
+        return 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.min(spec.min), this.max(spec.max), this;
+    }
+    min(min) {
+        return this.setFunctionSpec(min, "min");
+    }
+    max(max) {
+        return this.setFunctionSpec(max, "max");
+    }
+    target(data, filter) {
+        var _a;
+        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;
+        lastDataGrammar && this.view.removeEventListener("change", 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) ? (datum, filterValue) => datum[filter] >= filterValue.start && datum[filter] <= filterValue.end : filter;
+        return this._filterData(lastDataGrammar, dataGrammar, graph_1.ComponentDataRank.slider, (event => ({
+            start: event.detail.value[0],
+            end: event.detail.value[1]
+        })), dataFilter), dataGrammar && (this.view.addEventListener("change", this._filterCallback), 
+        this.spec.target = {
+            data: dataGrammar,
+            filter: filter
+        }), this;
+    }
+    setStartEndValue(start, end) {
+        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)).setValue([ start, end ]), 
+        this;
+    }
+    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) => {
+                    const min = (0, vutils_1.isNil)(this.spec.min) ? 0 : (0, util_1.invokeFunctionType)(this.spec.min, parameters, datum, element), max = (0, 
+                    vutils_1.isNil)(this.spec.max) ? 1 : (0, util_1.invokeFunctionType)(this.spec.max, parameters, datum, element), theme = this.view.getCurrentTheme(), addition = (0, 
+                    encode_1.invokeEncoder)(encoder, datum, element, parameters);
+                    return (0, exports.generateSliderAttributes)(min, max, theme, addition);
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+}
+
+exports.Slider = Slider, Slider.componentType = graph_1.ComponentEnum.slider;
+
+const registerSlider = () => {
+    factory_1.Factory.registerGraphicComponent(graph_1.ComponentEnum.slider, (attrs => new vrender_components_1.Slider(attrs))), 
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.slider, Slider);
+};
+
+exports.registerSlider = registerSlider;
+//# sourceMappingURL=slider.js.map

package/cjs/component/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/slider.ts"],"names":[],"mappings":"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","file":"slider.js","sourcesContent":["import { isNil, isString, merge } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender';\nimport type { SliderAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { Slider as SliderComponent } from '@visactor/vrender-components';\nimport type {\n  BaseSignleEncodeSpec,\n  IData,\n  IElement,\n  IGroupMark,\n  ITheme,\n  IView,\n  MarkFunctionType,\n  Nil,\n  RecursivePartial,\n  StateEncodeSpec\n} from '../types';\nimport { ComponentDataRank, ComponentEnum } from '../graph';\nimport type { ISlider, SliderFilterValue, SliderSpec } from '../types/component';\nimport { Component } from '../view/component';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { invokeFunctionType } from '../parse/util';\nimport { Factory } from '../core/factory';\n\nexport const generateSliderAttributes = (\n  min: number,\n  max: number,\n  theme?: ITheme,\n  addition?: RecursivePartial<SliderAttributes>\n): SliderAttributes => {\n  const sliderTheme = theme?.components?.slider;\n  return merge({}, sliderTheme, { min, max, value: [min, max] }, addition ?? {});\n};\n\nexport class Slider extends Component implements ISlider {\n  static readonly componentType: string = ComponentEnum.slider;\n  protected declare spec: SliderSpec;\n  protected declare _filterValue: SliderFilterValue;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.slider, group);\n    this.spec.componentType = ComponentEnum.slider;\n  }\n\n  protected parseAddition(spec: SliderSpec) {\n    super.parseAddition(spec);\n    this.target(spec.target?.data, spec.target?.filter);\n    this.min(spec.min);\n    this.max(spec.max);\n    return this;\n  }\n\n  min(min: MarkFunctionType<number> | Nil) {\n    return this.setFunctionSpec(min, 'min');\n  }\n\n  max(max: MarkFunctionType<number> | Nil) {\n    return this.setFunctionSpec(max, 'max');\n  }\n\n  target(data: IData | string | Nil, filter: string | ((datum: any, value: SliderFilterValue) => boolean) | Nil) {\n    const lastData = this.spec.target?.data;\n    const lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;\n    if (lastDataGrammar) {\n      this.view.removeEventListener('change', this._filterCallback);\n    }\n    this.spec.target = undefined;\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n    const getFilterValue = (event: any) => ({ start: event.detail.value[0], end: event.detail.value[1] });\n    const dataFilter = isString(filter)\n      ? (datum: any, filterValue: SliderFilterValue) =>\n          datum[filter] >= filterValue.start && datum[filter] <= filterValue.end\n      : filter;\n    this._filterData(lastDataGrammar, dataGrammar, ComponentDataRank.slider, getFilterValue, dataFilter);\n    if (dataGrammar) {\n      this.view.addEventListener('change', this._filterCallback);\n      this.spec.target = { data: dataGrammar, filter };\n    }\n    return this;\n  }\n\n  setStartEndValue(start?: number, end?: number) {\n    const slider = this.elements[0]?.getGraphicItem?.() as unknown as SliderComponent;\n    slider.setValue([start, end]);\n    return this;\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 min = !isNil(this.spec.min) ? invokeFunctionType(this.spec.min, parameters, datum, element) : 0;\n            const max = !isNil(this.spec.max) ? invokeFunctionType(this.spec.max, parameters, datum, element) : 1;\n            const theme = this.view.getCurrentTheme();\n            const addition = invokeEncoder(encoder as BaseSignleEncodeSpec, datum, element, parameters);\n            return generateSliderAttributes(min, max, theme, addition);\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n}\n\nexport const registerSlider = () => {\n  Factory.registerGraphicComponent(\n    ComponentEnum.slider,\n    (attrs: SliderAttributes) => new SliderComponent(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.slider, Slider);\n};\n"]}

package/cjs/component/title.d.ts

@@ -0,0 +1,15 @@
+import type { TitleAttrs } from '@visactor/vrender-components';
+import type { IGroupMark, ITheme, IView, MarkFunctionType, Nil, RecursivePartial } from '../types';
+import type { ITitle, TitleSpec } from '../types/component';
+import { Component } from '../view/component';
+export declare const generateTitleAttributes: (title?: string | number | number[] | string[], subTitle?: string | number | number[] | string[], theme?: ITheme, addition?: RecursivePartial<TitleAttrs>) => TitleAttrs;
+export declare class Title extends Component implements ITitle {
+    static readonly componentType: string;
+    protected spec: TitleSpec;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: TitleSpec): this;
+    title(text: MarkFunctionType<string | number | number[] | string[]> | Nil): this;
+    subTitle(text: MarkFunctionType<string | number | number[] | string[]> | Nil): this;
+    protected _updateComponentEncoders(): void;
+}
+export declare const registerTitle: () => void;

package/cjs/component/title.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerTitle = exports.Title = exports.generateTitleAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_components_1 = require("@visactor/vrender-components"), graph_1 = require("../graph"), component_1 = require("../view/component"), encode_1 = require("../graph/mark/encode"), util_1 = require("../parse/util"), factory_1 = require("../core/factory"), generateTitleAttributes = (title, subTitle, theme, addition) => {
+    var _a;
+    const titleTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.title, attributes = {};
+    return (0, vutils_1.isValid)(title) && (attributes.text = title), (0, vutils_1.isValid)(subTitle) && (attributes.subtext = subTitle), 
+    (0, vutils_1.merge)({}, titleTheme, attributes, null != addition ? addition : {});
+};
+
+exports.generateTitleAttributes = generateTitleAttributes;
+
+class Title extends component_1.Component {
+    constructor(view, group) {
+        super(view, graph_1.ComponentEnum.title, group), this.spec.componentType = graph_1.ComponentEnum.title;
+    }
+    parseAddition(spec) {
+        return super.parseAddition(spec), this.title(spec.title), this.subTitle(spec.subTitle), 
+        this;
+    }
+    title(text) {
+        return this.setFunctionSpec(text, "title");
+    }
+    subTitle(text) {
+        return this.setFunctionSpec(text, "subTitle");
+    }
+    _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) => {
+                    const theme = this.view.getCurrentTheme(), title = (0, util_1.invokeFunctionType)(this.spec.title, parameters, datum, element), subTitle = (0, 
+                    util_1.invokeFunctionType)(this.spec.subTitle, parameters, datum, element), addition = (0, 
+                    encode_1.invokeEncoder)(encoder, datum, element, parameters);
+                    return (0, exports.generateTitleAttributes)(title, subTitle, theme, addition);
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+}
+
+exports.Title = Title, Title.componentType = graph_1.ComponentEnum.title;
+
+const registerTitle = () => {
+    factory_1.Factory.registerGraphicComponent(graph_1.ComponentEnum.title, (attrs => new vrender_components_1.Title(attrs))), 
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.title, Title);
+};
+
+exports.registerTitle = registerTitle;
+//# sourceMappingURL=title.js.map

package/cjs/component/title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { isValid, merge } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender';\nimport type { TitleAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { Title as TitleComponent } from '@visactor/vrender-components';\nimport type {\n  BaseSignleEncodeSpec,\n  IElement,\n  IGroupMark,\n  ITheme,\n  IView,\n  MarkFunctionType,\n  Nil,\n  RecursivePartial,\n  StateEncodeSpec\n} from '../types';\nimport { ComponentEnum } from '../graph';\nimport type { ITitle, TitleSpec } from '../types/component';\nimport { Component } from '../view/component';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { invokeFunctionType } from '../parse/util';\nimport { Factory } from '../core/factory';\n\nexport const generateTitleAttributes = (\n  title?: string | number | number[] | string[],\n  subTitle?: string | number | number[] | string[],\n  theme?: ITheme,\n  addition?: RecursivePartial<TitleAttrs>\n): TitleAttrs => {\n  const titleTheme = theme?.components?.title;\n  const attributes: RecursivePartial<TitleAttrs> = {};\n  if (isValid(title)) {\n    attributes.text = title;\n  }\n  if (isValid(subTitle)) {\n    attributes.subtext = subTitle;\n  }\n  return merge({}, titleTheme, attributes, addition ?? {});\n};\n\nexport class Title extends Component implements ITitle {\n  static readonly componentType: string = ComponentEnum.title;\n  protected declare spec: TitleSpec;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.title, group);\n    this.spec.componentType = ComponentEnum.title;\n  }\n\n  protected parseAddition(spec: TitleSpec) {\n    super.parseAddition(spec);\n    this.title(spec.title);\n    this.subTitle(spec.subTitle);\n    return this;\n  }\n\n  title(text: MarkFunctionType<string | number | number[] | string[]> | Nil) {\n    return this.setFunctionSpec(text, 'title');\n  }\n\n  subTitle(text: MarkFunctionType<string | number | number[] | string[]> | Nil) {\n    return this.setFunctionSpec(text, 'subTitle');\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 title = invokeFunctionType(this.spec.title, parameters, datum, element);\n            const subTitle = invokeFunctionType(this.spec.subTitle, parameters, datum, element);\n            const addition = invokeEncoder(encoder as BaseSignleEncodeSpec, datum, element, parameters);\n            return generateTitleAttributes(title, subTitle, theme, addition);\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n}\n\nexport const registerTitle = () => {\n  Factory.registerGraphicComponent(\n    ComponentEnum.title,\n    (attrs: TitleAttrs) => new TitleComponent(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.title, Title);\n};\n"]}

package/cjs/component/tooltip.d.ts

@@ -0,0 +1,62 @@
+import type { IBounds, IPointLike } from '@visactor/vutils';
+import type { TooltipAttributes, TooltipRowAttrs } from '@visactor/vrender-components';
+import type { IData, IGrammarBase, IGroupMark, IMark, IScale, ITheme, IView, Nil, RecursivePartial } from '../types';
+import type { BaseTooltipSpec, CustomTooltipCallback, DimensionTooltipSpec, IDimensionTooltip, ITooltip, ITooltipRow, TooltipSpec, TooltipType } from '../types/component';
+import { Component } from '../view/component';
+export declare const generateTooltipAttributes: (point: IPointLike, title: TooltipRowAttrs, content: TooltipRowAttrs[], bounds: IBounds, theme?: ITheme, addition?: RecursivePartial<TooltipAttributes>) => TooltipAttributes;
+export declare abstract class BaseTooltip extends Component {
+    static readonly componentType: string;
+    protected spec: BaseTooltipSpec;
+    protected _additionalEncodeResult: any;
+    protected parseAddition(spec: BaseTooltipSpec): this;
+    title(title: ITooltipRow | string | CustomTooltipCallback | Nil): this;
+    content(content: ITooltipRow | ITooltipRow[] | CustomTooltipCallback | Nil): this;
+    configureComponent(config: any): this;
+    protected _updateComponentEncoders(): void;
+    protected _parseTooltipRow(tooltipRow: ITooltipRow | ITooltipRow[] | Nil): IGrammarBase[];
+    protected _computeTooltipRow(row: ITooltipRow, datum: any, parameters: any): {
+        visible: boolean;
+        key: object;
+        value: object;
+        shape: object;
+    };
+    protected _computeTitleContent(datum: any): {
+        title: TooltipRowAttrs | {
+            visible: boolean;
+            key: object;
+            value: object;
+            shape: object;
+        };
+        content: any;
+    };
+}
+export declare class Tooltip extends BaseTooltip implements ITooltip {
+    protected spec: TooltipSpec;
+    private _targetMarks;
+    private _lastElement;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: TooltipSpec): this;
+    target(mark: IMark | IMark[] | string | string[] | Nil): this;
+    release(): void;
+    protected init(stage: any, parameters: any): void;
+    protected _onTooltipShow: (...args: any[]) => void;
+    protected _onTooltipHide: (event: any) => void;
+}
+export declare class DimensionTooltip extends BaseTooltip implements IDimensionTooltip {
+    protected spec: DimensionTooltipSpec;
+    private _lastGroup;
+    private _lastDatum;
+    private _avoidMarks;
+    private _tooltipDataFilter;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: DimensionTooltipSpec): this;
+    scale(scale?: IScale | string | Nil): this;
+    tooltipType(tooltipType: TooltipType | Nil): this;
+    target(data: IData | string | Nil, filter: string | ((datum: any, tooltipValue: any) => boolean) | Nil): this;
+    avoidMark(mark: IMark | IMark[] | string | string[] | Nil): this;
+    release(): void;
+    protected init(stage: any, parameters: any): void;
+    protected _onTooltipShow: (...args: any[]) => void;
+    protected _onTooltipHide: (event: any) => void;
+}
+export declare const registerTooltip: () => void;