@visactor/vgrammar-core 0.7.7 → 0.8.0

package/es/interactions/view-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/view-utils.ts"],"names":[],"mappings":"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","file":"view-utils.js","sourcesContent":["import { isContinuous, type IBaseScale } from '@visactor/vscale';\nimport { ComponentEnum } from '../graph/enums';\nimport type { IDatazoom, IScrollbar, ViewNavigationRange, ViewStateByDim } from '../types';\n\nexport const getRangeOfLinkedComponent = (comp: IDatazoom | IScrollbar): [number, number] => {\n  if (comp.componentType === ComponentEnum.datazoom) {\n    const res = (comp as IDatazoom).getStartEndValue();\n    return res ? [res.start, res.end] : null;\n  }\n\n  return (comp as IScrollbar).getScrollRange();\n};\n\nexport const getBoundsRangeOfLinkedComponent = (comp: IDatazoom | IScrollbar, dim: 'x' | 'y'): [number, number] => {\n  const bounds = comp.getBounds();\n\n  if (bounds && !bounds.empty()) {\n    return dim === 'y' ? [bounds.y1, bounds.y2] : [bounds.x1, bounds.x2];\n  }\n};\n\nexport const getFilteredValuesFromScale = (scale: IBaseScale, range: [number, number]) => {\n  const scaleRange = scale.range();\n  const startPos = scaleRange[0] + (scaleRange[1] - scaleRange[0]) * range[0];\n  const endPos = scaleRange[0] + (scaleRange[1] - scaleRange[0]) * range[1];\n\n  if (isContinuous(scale.type)) {\n    const startValue = scale.invert(startPos);\n    const endValue = scale.invert(endPos);\n\n    return [Math.min(startValue, endValue), Math.max(startValue, endValue)];\n  }\n  const domain = scale.domain();\n\n  return domain.filter((entry: any) => {\n    const val = scale.scale(entry);\n    return val >= startPos && val <= endPos;\n  });\n};\n\nexport const updateScrollRange = (\n  rangeFactor: [number, number] = [0, 1],\n  range: [number, number],\n  scrollValue: number = 0,\n  scrollOptions?: { reversed?: boolean }\n) => {\n  if (Math.abs(scrollValue) < 1e-3) {\n    return;\n  }\n  const rangeDelta = Math.abs(rangeFactor[1] - rangeFactor[0]);\n\n  if (rangeDelta >= 1) {\n    return;\n  }\n  const size = Math.abs(range[range.length - 1] - range[0]);\n\n  if (size <= 0 || Number.isNaN(size)) {\n    return;\n  }\n\n  const value = (scrollOptions.reversed ? -1 : 1) * scrollValue;\n\n  if (value > 0 && rangeFactor[1] < 1) {\n    const delta = Math.min(1 - rangeFactor[1], value / size);\n\n    return [rangeFactor[0] + delta, rangeFactor[1] + delta] as [number, number];\n  } else if (value < 0 && rangeFactor[0] > 0) {\n    const delta = Math.max(-rangeFactor[0], value / size);\n\n    return [rangeFactor[0] + delta, rangeFactor[1] + delta] as [number, number];\n  }\n};\n\nexport const handleScrolling = (\n  scrollPos: { x?: number; y?: number },\n  navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n  scrollOptions?: { reversed?: boolean }\n): ViewNavigationRange => {\n  const res: ViewNavigationRange = { needUpdate: false };\n  if (!navState) {\n    return res;\n  }\n\n  Object.keys(navState).forEach(dim => {\n    const { scale, data, linkedComponent, rangeFactor, wholeScale } = navState[dim];\n\n    if (linkedComponent) {\n      res[dim] = updateScrollRange(\n        getRangeOfLinkedComponent(linkedComponent),\n        getBoundsRangeOfLinkedComponent(linkedComponent, dim as 'x' | 'y'),\n        scrollPos[dim],\n        scrollOptions\n      );\n    } else if (scale) {\n      const innerScale = scale.getScale();\n      const newRange = updateScrollRange(rangeFactor, innerScale.range(), scrollPos[dim], scrollOptions);\n\n      if (newRange) {\n        navState[dim].rangeFactor = newRange;\n\n        if (data) {\n          navState[dim].filterValue = rangeFactor;\n\n          data.commit();\n        } else {\n          scale.setRangeFactor(newRange);\n          scale.commit();\n        }\n        res.needUpdate = true;\n        res[dim] = newRange;\n      }\n    }\n  });\n  return res;\n};\n"]}

package/es/interactions/view-zoom-mixin.d.ts

@@ -0,0 +1,29 @@
+import type { IViewZoomMixin, InteractionEvent, ViewNavigationRange, ViewStateByDim, ViewZoomSimpleOptions } from '../types';
+export declare class ViewZoomMixin implements IViewZoomMixin {
+    protected _state: Partial<Record<'x' | 'y', ViewStateByDim>>;
+    protected _lastScale: number;
+    protected _zoomPos: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    };
+    protected _formatPinchZoom(e: InteractionEvent): InteractionEvent;
+    protected _formatWheelZoom(e: InteractionEvent): InteractionEvent;
+    formatZoomEvent(e: InteractionEvent): InteractionEvent;
+    updateZoomRange(rangeFactor: [number, number], range: [number, number], zoomEvent: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, zoomOptions?: {
+        rate?: number;
+        focus?: boolean;
+    }): [number, number];
+    protected _handleZooming(zoomPos: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, zoomOptions?: ViewZoomSimpleOptions): ViewNavigationRange;
+    handleZoomStart(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, zoomOptions?: ViewZoomSimpleOptions): ViewNavigationRange;
+    handleZoomEnd(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, zoomOptions?: ViewZoomSimpleOptions): ViewNavigationRange;
+    handleZoomReset(e: InteractionEvent, navState: Partial<Record<'x' | 'y', ViewStateByDim>>, zoomOptions?: ViewZoomSimpleOptions): ViewNavigationRange;
+}

package/es/interactions/view-zoom-mixin.js

@@ -0,0 +1,68 @@
+import { clamp, isNil } from "@visactor/vutils";
+
+import { getRangeOfLinkedComponent } from "./view-utils";
+
+export class ViewZoomMixin {
+    _formatPinchZoom(e) {
+        const scale = e.scale;
+        if (isNil(this._lastScale)) return this._lastScale = scale, e;
+        const zoomDelta = scale / this._lastScale;
+        this._lastScale = scale;
+        const center = e.center;
+        return e.zoomDelta = zoomDelta, e.zoomX = center.x, e.zoomY = center.y, e;
+    }
+    _formatWheelZoom(e) {
+        if (!e.ctrlKey) return e.zoomDelta = null, e.zoomX = null, e.zoomY = null, e;
+        const zoomDelta = Math.pow(1.0005, -e.deltaY * Math.pow(16, e.deltaMode));
+        return e.zoomDelta = zoomDelta, e.zoomX = e.canvasX, e.zoomY = e.canvasY, e;
+    }
+    formatZoomEvent(e) {
+        return e ? "pinch" === e.type ? this._formatPinchZoom(e) : this._formatWheelZoom(e) : e;
+    }
+    updateZoomRange(rangeFactor = [ 0, 1 ], range, zoomEvent, zoomOptions) {
+        var _a;
+        const {zoomDelta: zoomDelta} = zoomEvent, rangeDelta = Math.abs(rangeFactor[1] - rangeFactor[0]);
+        if (rangeDelta >= 1 && zoomDelta >= 1) return;
+        if (rangeDelta <= .001 && zoomDelta <= 1) return;
+        const value = rangeDelta * (zoomDelta - 1) * (null !== (_a = zoomOptions.rate) && void 0 !== _a ? _a : 1) / 2, start = clamp(rangeFactor[0] - value, 0, 1), end = clamp(rangeFactor[1] + value, 0, 1);
+        return [ Math.min(start, end), Math.max(start, end) ];
+    }
+    _handleZooming(zoomPos, navState, zoomOptions) {
+        const res = {
+            needUpdate: !1
+        };
+        return navState ? (Object.keys(navState).forEach((dim => {
+            const {scale: scale, data: data, linkedComponent: linkedComponent, rangeFactor: rangeFactor} = navState[dim];
+            if (linkedComponent) res[dim] = this.updateZoomRange(getRangeOfLinkedComponent(linkedComponent), null, zoomPos, zoomOptions); else if (scale) {
+                const innerScale = scale.getScale(), newRange = this.updateZoomRange(rangeFactor, innerScale, zoomPos, zoomOptions);
+                newRange && (navState[dim].rangeFactor = newRange, data ? (navState[dim].filterValue = newRange, 
+                data.commit()) : (scale.setRangeFactor(newRange), scale.commit()), res.needUpdate = !0, 
+                res[dim] = newRange);
+            }
+        })), res) : res;
+    }
+    handleZoomStart(e, navState, zoomOptions) {
+        if (!isNil(e.zoomDelta)) return e.stopPropagation(), e.preventDefault(), (null == zoomOptions ? void 0 : zoomOptions.realtime) ? this._handleZooming(e, navState, zoomOptions) : (isNil(this._zoomPos) ? this._zoomPos = {
+            zoomDelta: e.zoomDelta,
+            zoomX: e.zoomX,
+            zoomY: e.zoomY
+        } : this._zoomPos.zoomDelta *= e.zoomDelta, null);
+    }
+    handleZoomEnd(e, navState, zoomOptions) {
+        this._lastScale = null;
+        const res = !1 === (null == zoomOptions ? void 0 : zoomOptions.realtime) && this._zoomPos ? this._handleZooming(this._zoomPos, navState, zoomOptions) : null;
+        return this._zoomPos = null, res;
+    }
+    handleZoomReset(e, navState, zoomOptions) {
+        const res = {
+            needUpdate: !1
+        };
+        return navState ? (Object.keys(navState).forEach((dim => {
+            const {scale: scale, data: data, linkedComponent: linkedComponent} = navState[dim], newRange = [ 0, 1 ];
+            linkedComponent ? res[dim] = newRange : scale && (navState[dim].rangeFactor = null, 
+            data ? (navState[dim].filterValue = null, data.commit()) : (scale.setRangeFactor(newRange), 
+            scale.commit()), res.needUpdate = !0, res[dim] = newRange);
+        })), res) : res;
+    }
+}
+//# sourceMappingURL=view-zoom-mixin.js.map

package/es/interactions/view-zoom-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/view-zoom-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAQhD,OAAO,EAA8B,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAErF,MAAM,OAAO,aAAa;IAUd,gBAAgB,CAAC,CAAmB;QAC5C,MAAM,KAAK,GAAI,CAAS,CAAC,KAAK,CAAC;QAC/B,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YAC1B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,OAAO,CAAC,CAAC;SACV;QACD,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;QAE1C,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,MAAM,MAAM,GAAI,CAAS,CAAC,MAAM,CAAC;QAEhC,CAAS,CAAC,SAAS,GAAG,SAAS,CAAC;QAChC,CAAS,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;QAC3B,CAAS,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;QAE5B,OAAO,CAAC,CAAC;IACX,CAAC;IAES,gBAAgB,CAAC,CAAmB;QAM5C,IAAI,CAAE,CAAS,CAAC,OAAO,EAAE;YACtB,CAAS,CAAC,SAAS,GAAG,IAAI,CAAC;YAC3B,CAAS,CAAC,KAAK,GAAG,IAAI,CAAC;YACvB,CAAS,CAAC,KAAK,GAAG,IAAI,CAAC;YACxB,OAAO,CAAC,CAAC;SACV;QAGD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAE,CAAS,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAG,CAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QAE3F,CAAS,CAAC,SAAS,GAAG,SAAS,CAAC;QAChC,CAAS,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC;QAC5B,CAAS,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC;QAC7B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,eAAe,CAAC,CAAmB;QACjC,IAAI,CAAC,CAAC,EAAE;YACN,OAAO,CAAC,CAAC;SACV;QAED,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;YACtB,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;SACjC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC;IAED,eAAe,CACb,cAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,EACtC,KAAuB,EACvB,SAA8D,EAC9D,WAAgD;;QAEhD,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;QAEhC,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAE7D,IAAI,UAAU,IAAI,CAAC,IAAI,SAAS,IAAI,CAAC,EAAE;YACrC,OAAO;SACR;QACD,IAAI,UAAU,IAAI,IAAI,IAAI,SAAS,IAAI,CAAC,EAAE;YACxC,OAAO;SACR;QACD,MAAM,KAAK,GAAG,CAAC,UAAU,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,MAAA,WAAW,CAAC,IAAI,mCAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAE3E,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAClD,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAEhD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAqB,CAAC;IAC1E,CAAC;IAES,cAAc,CACtB,OAA4D,EAC5D,QAAoD,EACpD,WAAmC;QAEnC,MAAM,GAAG,GAAwB,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;QACvD,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,GAAG,CAAC;SACZ;QAED,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAClC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;YAEpE,IAAI,eAAe,EAAE;gBACnB,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,yBAAyB,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;aACzG;iBAAM,IAAI,KAAK,EAAE;gBAChB,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;gBAErF,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAC;oBAErC,IAAI,IAAI,EAAE;wBACR,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAC;wBAErC,IAAI,CAAC,MAAM,EAAE,CAAC;qBACf;yBAAM;wBACL,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;wBAC/B,KAAK,CAAC,MAAM,EAAE,CAAC;qBAChB;oBACD,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC;oBACtB,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;iBACrB;aACF;QACH,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,CAAC;IACb,CAAC;IAED,eAAe,CACb,CAAmB,EACnB,QAAoD,EACpD,WAAmC;QAEnC,IAAI,KAAK,CAAE,CAAS,CAAC,SAAS,CAAC,EAAE;YAC/B,OAAO;SACR;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,EAAE;YACzB,OAAO,IAAI,CAAC,cAAc,CACxB,CAAmE,EACnE,QAAQ,EACR,WAAW,CACZ,CAAC;SACH;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACxB,IAAI,CAAC,QAAQ,GAAG;gBACd,SAAS,EAAG,CAAS,CAAC,SAAS;gBAC/B,KAAK,EAAG,CAAS,CAAC,KAAK;gBACvB,KAAK,EAAG,CAAS,CAAC,KAAK;aACxB,CAAC;SACH;aAAM;YACL,IAAI,CAAC,QAAQ,CAAC,SAAS,IAAK,CAAS,CAAC,SAAS,CAAC;SACjD;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,aAAa,CACX,CAAmB,EACnB,QAAoD,EACpD,WAAmC;QAEnC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,MAAM,GAAG,GACP,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,MAAK,KAAK,IAAI,IAAI,CAAC,QAAQ;YAC9C,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC;YAC3D,CAAC,CAAC,IAAI,CAAC;QAEX,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,OAAO,GAAG,CAAC;IACb,CAAC;IAED,eAAe,CACb,CAAmB,EACnB,QAAoD,EACpD,WAAmC;QAEnC,MAAM,GAAG,GAAwB,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;QACvD,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,GAAG,CAAC;SACZ;QAED,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAClC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;YACvD,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAExB,IAAI,eAAe,EAAE;gBACnB,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;aACrB;iBAAM,IAAI,KAAK,EAAE;gBAChB,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC;gBAEjC,IAAI,IAAI,EAAE;oBACR,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC;oBAEjC,IAAI,CAAC,MAAM,EAAE,CAAC;iBACf;qBAAM;oBACL,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;oBAC/B,KAAK,CAAC,MAAM,EAAE,CAAC;iBAChB;gBACD,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC;gBACtB,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;aACrB;QACH,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,CAAC;IACb,CAAC;CACF","file":"view-zoom-mixin.js","sourcesContent":["import { clamp, isNil } from '@visactor/vutils';\nimport type {\n  IViewZoomMixin,\n  InteractionEvent,\n  ViewNavigationRange,\n  ViewStateByDim,\n  ViewZoomSimpleOptions\n} from '../types';\nimport { getFilteredValuesFromScale, getRangeOfLinkedComponent } from './view-utils';\n\nexport class ViewZoomMixin implements IViewZoomMixin {\n  protected declare _state: Partial<Record<'x' | 'y', ViewStateByDim>>;\n\n  protected _lastScale: number;\n  protected _zoomPos: {\n    zoomDelta: number;\n    zoomX: number;\n    zoomY: number;\n  };\n\n  protected _formatPinchZoom(e: InteractionEvent) {\n    const scale = (e as any).scale;\n    if (isNil(this._lastScale)) {\n      this._lastScale = scale;\n      return e;\n    }\n    const zoomDelta = scale / this._lastScale;\n\n    this._lastScale = scale;\n    const center = (e as any).center;\n\n    (e as any).zoomDelta = zoomDelta;\n    (e as any).zoomX = center.x;\n    (e as any).zoomY = center.y;\n\n    return e;\n  }\n\n  protected _formatWheelZoom(e: InteractionEvent) {\n    /**\n     * @see https://vega.github.io/vega/examples/zoomable-world-map/\n     * After testing, the ctrlKey field will only be true when the directions of the two fingers are inconsistent.\n     * Based on this, determine whether to trigger the scroll event.\n     */\n    if (!(e as any).ctrlKey) {\n      (e as any).zoomDelta = null;\n      (e as any).zoomX = null;\n      (e as any).zoomY = null;\n      return e;\n    }\n\n    // @see https://vega.github.io/vega/examples/zoomable-world-map/\n    const zoomDelta = Math.pow(1.0005, -(e as any).deltaY * Math.pow(16, (e as any).deltaMode));\n\n    (e as any).zoomDelta = zoomDelta;\n    (e as any).zoomX = e.canvasX;\n    (e as any).zoomY = e.canvasY;\n    return e;\n  }\n\n  formatZoomEvent(e: InteractionEvent) {\n    if (!e) {\n      return e;\n    }\n\n    if (e.type === 'pinch') {\n      return this._formatPinchZoom(e);\n    }\n\n    return this._formatWheelZoom(e);\n  }\n\n  updateZoomRange(\n    rangeFactor: [number, number] = [0, 1],\n    range: [number, number],\n    zoomEvent: { zoomDelta: number; zoomX: number; zoomY: number },\n    zoomOptions?: { rate?: number; focus?: boolean }\n  ) {\n    const { zoomDelta } = zoomEvent;\n\n    const rangeDelta = Math.abs(rangeFactor[1] - rangeFactor[0]);\n\n    if (rangeDelta >= 1 && zoomDelta >= 1) {\n      return;\n    }\n    if (rangeDelta <= 1e-3 && zoomDelta <= 1) {\n      return;\n    }\n    const value = (rangeDelta * (zoomDelta - 1) * (zoomOptions.rate ?? 1)) / 2;\n\n    const start = clamp(rangeFactor[0] - value, 0, 1);\n    const end = clamp(rangeFactor[1] + value, 0, 1);\n\n    return [Math.min(start, end), Math.max(start, end)] as [number, number];\n  }\n\n  protected _handleZooming(\n    zoomPos: { zoomDelta: number; zoomX: number; zoomY: number },\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ): ViewNavigationRange {\n    const res: ViewNavigationRange = { needUpdate: false };\n    if (!navState) {\n      return res;\n    }\n\n    Object.keys(navState).forEach(dim => {\n      const { scale, data, linkedComponent, rangeFactor } = navState[dim];\n\n      if (linkedComponent) {\n        res[dim] = this.updateZoomRange(getRangeOfLinkedComponent(linkedComponent), null, zoomPos, zoomOptions);\n      } else if (scale) {\n        const innerScale = scale.getScale();\n        const newRange = this.updateZoomRange(rangeFactor, innerScale, zoomPos, zoomOptions);\n\n        if (newRange) {\n          navState[dim].rangeFactor = newRange;\n\n          if (data) {\n            navState[dim].filterValue = newRange;\n\n            data.commit();\n          } else {\n            scale.setRangeFactor(newRange);\n            scale.commit();\n          }\n          res.needUpdate = true;\n          res[dim] = newRange;\n        }\n      }\n    });\n    return res;\n  }\n\n  handleZoomStart(\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ): ViewNavigationRange {\n    if (isNil((e as any).zoomDelta)) {\n      return;\n    }\n    e.stopPropagation();\n    e.preventDefault();\n\n    if (zoomOptions?.realtime) {\n      return this._handleZooming(\n        e as unknown as { zoomDelta: number; zoomX: number; zoomY: number },\n        navState,\n        zoomOptions\n      );\n    }\n\n    if (isNil(this._zoomPos)) {\n      this._zoomPos = {\n        zoomDelta: (e as any).zoomDelta,\n        zoomX: (e as any).zoomX,\n        zoomY: (e as any).zoomY\n      };\n    } else {\n      this._zoomPos.zoomDelta *= (e as any).zoomDelta;\n    }\n\n    return null;\n  }\n\n  handleZoomEnd(\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ): ViewNavigationRange {\n    this._lastScale = null;\n    const res =\n      zoomOptions?.realtime === false && this._zoomPos\n        ? this._handleZooming(this._zoomPos, navState, zoomOptions)\n        : null;\n\n    this._zoomPos = null;\n\n    return res;\n  }\n\n  handleZoomReset(\n    e: InteractionEvent,\n    navState: Partial<Record<'x' | 'y', ViewStateByDim>>,\n    zoomOptions?: ViewZoomSimpleOptions\n  ): ViewNavigationRange {\n    const res: ViewNavigationRange = { needUpdate: false };\n    if (!navState) {\n      return res;\n    }\n\n    Object.keys(navState).forEach(dim => {\n      const { scale, data, linkedComponent } = navState[dim];\n      const newRange = [0, 1];\n\n      if (linkedComponent) {\n        res[dim] = newRange;\n      } else if (scale) {\n        navState[dim].rangeFactor = null;\n\n        if (data) {\n          navState[dim].filterValue = null;\n\n          data.commit();\n        } else {\n          scale.setRangeFactor(newRange);\n          scale.commit();\n        }\n        res.needUpdate = true;\n        res[dim] = newRange;\n      }\n    });\n    return res;\n  }\n}\n"]}

package/es/interactions/view-zoom.d.ts

@@ -0,0 +1,23 @@
+import type { ViewZoomOptions, IView, InteractionEvent, IScale, IData, IViewZoomMixin } from '../types';
+import { ViewNavigationBase } from './view-navigation-base';
+export interface ViewZoom extends Pick<IViewZoomMixin, 'formatZoomEvent' | 'handleZoomStart' | 'handleZoomEnd' | 'handleZoomReset' | 'updateZoomRange'>, ViewNavigationBase<ViewZoomOptions> {
+}
+export declare class ViewZoom extends ViewNavigationBase<ViewZoomOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: ViewZoomOptions;
+    protected _inited?: boolean;
+    protected _lastScale: number;
+    protected _scaleX: IScale;
+    protected _scaleY: IScale;
+    protected _data: IData;
+    protected handleStart: (e: InteractionEvent) => void;
+    constructor(view: IView, option?: ViewZoomOptions);
+    protected getEvents(): {
+        type: import("../types").EventType;
+        handler: (e: InteractionEvent) => void;
+    }[];
+    handleStartInner: (e: InteractionEvent) => void;
+    handleEnd: (e: InteractionEvent) => void;
+    handleReset: (e: InteractionEvent) => void;
+}

package/es/interactions/view-zoom.js

@@ -0,0 +1,51 @@
+import { throttle } from "@visactor/vutils";
+
+import { ViewNavigationBase } from "./view-navigation-base";
+
+import { InteractionEventEnum } from "../graph/enums";
+
+export class ViewZoom extends ViewNavigationBase {
+    constructor(view, option) {
+        super(view, Object.assign({}, ViewZoom.defaultOptions, option)), this.type = ViewZoom.type, 
+        this.handleStartInner = e => {
+            this.formatZoomEvent(e), !e || this.options.shouldStart && !this.options.shouldStart(e) || (this._inited || this._initGrammars(), 
+            this.updateView(InteractionEventEnum.viewZoomStart, this.handleZoomStart(e, this._state, {
+                rate: this.options.rate,
+                focus: this.options.focus
+            })));
+        }, this.handleEnd = e => {
+            this.formatZoomEvent(e), !e || this.options.shouldEnd && !this.options.shouldEnd(e) || this.updateView(InteractionEventEnum.viewZoomEnd, this.handleZoomEnd(e, this._state, {
+                rate: this.options.rate,
+                focus: this.options.focus
+            }), e);
+        }, this.handleReset = e => {
+            !e || this.options.shouldReset && !this.options.shouldReset(e) || this.updateView(InteractionEventEnum.viewZoomReset, this.handleZoomReset(e, this._state, {
+                rate: this.options.rate,
+                focus: this.options.focus
+            }), e);
+        }, this.handleStart = throttle(this.handleStartInner, this.options.throttle);
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        }, {
+            type: this.options.endTrigger,
+            handler: this.handleEnd
+        }, {
+            type: this.options.resetTrigger,
+            handler: this.handleReset
+        } ];
+    }
+}
+
+ViewZoom.type = "view-zoom", ViewZoom.defaultOptions = {
+    realtime: !0,
+    focus: !0,
+    trigger: "wheel",
+    endTrigger: "pointerup",
+    resetTrigger: "dblclick",
+    rate: 1,
+    throttle: 100
+};
+//# sourceMappingURL=view-zoom.js.map

package/es/interactions/view-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/view-zoom.ts"],"names":[],"mappings":"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","file":"view-zoom.js","sourcesContent":["import { throttle } from '@visactor/vutils';\nimport type { ViewZoomOptions, IView, InteractionEvent, IScale, IData, IViewZoomMixin } from '../types';\nimport { ViewNavigationBase } from './view-navigation-base';\nimport { InteractionEventEnum } from '../graph/enums';\n\nexport interface ViewZoom\n  extends Pick<\n      IViewZoomMixin,\n      'formatZoomEvent' | 'handleZoomStart' | 'handleZoomEnd' | 'handleZoomReset' | 'updateZoomRange'\n    >,\n    ViewNavigationBase<ViewZoomOptions> {}\nexport class ViewZoom extends ViewNavigationBase<ViewZoomOptions> {\n  static type: string = 'view-zoom';\n  type: string = ViewZoom.type;\n\n  static defaultOptions: ViewZoomOptions = {\n    realtime: true,\n    focus: true,\n    trigger: 'wheel',\n    endTrigger: 'pointerup',\n    resetTrigger: 'dblclick',\n    rate: 1,\n    throttle: 100\n  };\n\n  protected _inited?: boolean;\n  protected _lastScale: number;\n  protected _scaleX: IScale;\n  protected _scaleY: IScale;\n  protected _data: IData;\n  protected handleStart: (e: InteractionEvent) => void;\n\n  constructor(view: IView, option?: ViewZoomOptions) {\n    super(view, Object.assign({}, ViewZoom.defaultOptions, option));\n    this.handleStart = throttle(this.handleStartInner, this.options.throttle);\n  }\n\n  protected getEvents() {\n    return [\n      { type: this.options.trigger, handler: this.handleStart },\n      { type: this.options.endTrigger, handler: this.handleEnd },\n      { type: this.options.resetTrigger, handler: this.handleReset }\n    ];\n  }\n\n  handleStartInner = (e: InteractionEvent) => {\n    (this as unknown as IViewZoomMixin).formatZoomEvent(e);\n    if (!e || (this.options.shouldStart && !this.options.shouldStart(e))) {\n      return;\n    }\n\n    if (!this._inited) {\n      this._initGrammars();\n    }\n\n    this.updateView(\n      InteractionEventEnum.viewZoomStart,\n      (this as unknown as IViewZoomMixin).handleZoomStart(e, this._state, {\n        rate: this.options.rate,\n        focus: this.options.focus\n      })\n    );\n  };\n\n  handleEnd = (e: InteractionEvent) => {\n    (this as unknown as IViewZoomMixin).formatZoomEvent(e);\n    if (!e || (this.options.shouldEnd && !this.options.shouldEnd(e))) {\n      return;\n    }\n\n    this.updateView(\n      InteractionEventEnum.viewZoomEnd,\n      (this as unknown as IViewZoomMixin).handleZoomEnd(e, this._state, {\n        rate: this.options.rate,\n        focus: this.options.focus\n      }),\n      e\n    );\n  };\n\n  handleReset = (e: InteractionEvent) => {\n    if (!e || (this.options.shouldReset && !this.options.shouldReset(e))) {\n      return;\n    }\n    this.updateView(\n      InteractionEventEnum.viewZoomReset,\n      (this as unknown as IViewZoomMixin).handleZoomReset(e, this._state, {\n        rate: this.options.rate,\n        focus: this.options.focus\n      }),\n      e\n    );\n  };\n}\n"]}

package/es/parse/event.d.ts

@@ -5,4 +5,6 @@ export declare const parseHandler: (callback: EventCallback, config: {
     debounce?: number;
     throttle?: number;
 }) => (...args: any[]) => any;
+export declare const NAME_PREFIX = "@";
+export declare const ID_PREFIX = "#";
 export declare const parseEventSelector: (selector: string, source?: EventSourceType) => Partial<ParsedViewEventSpec | ParsedWindowEventSpec>;

package/es/parse/event.js

@@ -8,7 +8,11 @@ export const generateFilterByMark = evtSpec => isNil(evtSpec.markId) ? el => el
 
 export const parseHandler = (callback, config) => (null == config ? void 0 : config.debounce) ? debounce(callback, config.debounce) : (null == config ? void 0 : config.throttle) ? throttle(callback, config.throttle) : callback;
 
-const JOIN_SYMBOL = ":", NAME_PREFIX = "@", ID_PREFIX = "#";
+const JOIN_SYMBOL = ":";
+
+export const NAME_PREFIX = "@";
+
+export const ID_PREFIX = "#";
 
 export const parseEventSelector = (selector, source = EVENT_SOURCE_VIEW) => {
     const spec = {}, splitArr = selector.split(":");

package/es/parse/event.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/parse/event.ts"],"names":[],"mappings":"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","file":"event.js","sourcesContent":["import { debounce, isNil, throttle } from '@visactor/vutils';\nimport type {\n  EventSourceType,\n  ParsedViewEventSpec,\n  ParsedWindowEventSpec,\n  EventCallback,\n  MarkType,\n  IElement\n} from '../types';\nimport { isMarkType } from '../graph/util/graphic';\nimport { EVENT_SOURCE_VIEW, EVENT_SOURCE_WINDOW } from '../view/constants';\n\nexport const generateFilterByMark = (evtSpec: Partial<ParsedViewEventSpec | ParsedWindowEventSpec>) => {\n  if (isNil(evtSpec.markId)) {\n    return (el: IElement) => {\n      return el && el.mark.id() === evtSpec.markId;\n    };\n  }\n\n  if (isNil(evtSpec.markName)) {\n    return (el: IElement) => {\n      return el && el.mark.name() === evtSpec.markName;\n    };\n  }\n\n  if (isNil(evtSpec.type)) {\n    return (el: IElement) => {\n      return el && el.mark.markType === evtSpec.type;\n    };\n  }\n\n  return () => true;\n};\n\nexport const parseHandler = (callback: EventCallback, config: { debounce?: number; throttle?: number }) => {\n  if (config?.debounce) {\n    return debounce(callback, config.debounce);\n  }\n\n  if (config?.throttle) {\n    return throttle(callback, config.throttle);\n  }\n\n  return callback;\n};\n\nconst JOIN_SYMBOL = ':';\nconst NAME_PREFIX = '@';\nconst ID_PREFIX = '#';\n\n/**\n * Parse an event selector string.\n * Supported rules:\n * 1. mousedown\n * 2. rect:mousedown\n * 3. window:mousemove\n * 4. @foo:mousedown\n * Returns an event stream definitions.\n */\nexport const parseEventSelector = (\n  selector: string,\n  source: EventSourceType = EVENT_SOURCE_VIEW\n): Partial<ParsedViewEventSpec | ParsedWindowEventSpec> => {\n  const spec: Partial<ParsedViewEventSpec | ParsedWindowEventSpec> = {};\n\n  const splitArr = selector.split(JOIN_SYMBOL);\n\n  if (splitArr.length === 2) {\n    const [space, eventType] = splitArr;\n\n    if (space[0] === ID_PREFIX) {\n      // events on marks id\n      spec.markId = space.slice(1);\n      spec.source = source;\n    } else if (space[0] === NAME_PREFIX) {\n      // events on marks name\n      spec.markName = space.slice(1);\n      spec.source = source;\n    } else if (isMarkType(space)) {\n      spec.markType = space as MarkType;\n      spec.source = source;\n    } else if (space === EVENT_SOURCE_WINDOW) {\n      spec.source = EVENT_SOURCE_WINDOW;\n    } else {\n      spec.source = source;\n    }\n\n    spec.type = eventType;\n  } else if (splitArr.length === 1) {\n    spec.type = selector;\n    spec.source = source;\n  }\n\n  return spec;\n};\n"]}
+{"version":3,"sources":["../src/parse/event.ts"],"names":[],"mappings":"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","file":"event.js","sourcesContent":["import { debounce, isNil, throttle } from '@visactor/vutils';\nimport type {\n  EventSourceType,\n  ParsedViewEventSpec,\n  ParsedWindowEventSpec,\n  EventCallback,\n  MarkType,\n  IElement\n} from '../types';\nimport { isMarkType } from '../graph/util/graphic';\nimport { EVENT_SOURCE_VIEW, EVENT_SOURCE_WINDOW } from '../view/constants';\n\nexport const generateFilterByMark = (evtSpec: Partial<ParsedViewEventSpec | ParsedWindowEventSpec>) => {\n  if (isNil(evtSpec.markId)) {\n    return (el: IElement) => {\n      return el && el.mark.id() === evtSpec.markId;\n    };\n  }\n\n  if (isNil(evtSpec.markName)) {\n    return (el: IElement) => {\n      return el && el.mark.name() === evtSpec.markName;\n    };\n  }\n\n  if (isNil(evtSpec.type)) {\n    return (el: IElement) => {\n      return el && el.mark.markType === evtSpec.type;\n    };\n  }\n\n  return () => true;\n};\n\nexport const parseHandler = (callback: EventCallback, config: { debounce?: number; throttle?: number }) => {\n  if (config?.debounce) {\n    return debounce(callback, config.debounce);\n  }\n\n  if (config?.throttle) {\n    return throttle(callback, config.throttle);\n  }\n\n  return callback;\n};\n\nconst JOIN_SYMBOL = ':';\nexport const NAME_PREFIX = '@';\nexport const ID_PREFIX = '#';\n\n/**\n * Parse an event selector string.\n * Supported rules:\n * 1. mousedown\n * 2. rect:mousedown\n * 3. window:mousemove\n * 4. @foo:mousedown\n * Returns an event stream definitions.\n */\nexport const parseEventSelector = (\n  selector: string,\n  source: EventSourceType = EVENT_SOURCE_VIEW\n): Partial<ParsedViewEventSpec | ParsedWindowEventSpec> => {\n  const spec: Partial<ParsedViewEventSpec | ParsedWindowEventSpec> = {};\n\n  const splitArr = selector.split(JOIN_SYMBOL);\n\n  if (splitArr.length === 2) {\n    const [space, eventType] = splitArr;\n\n    if (space[0] === ID_PREFIX) {\n      // events on marks id\n      spec.markId = space.slice(1);\n      spec.source = source;\n    } else if (space[0] === NAME_PREFIX) {\n      // events on marks name\n      spec.markName = space.slice(1);\n      spec.source = source;\n    } else if (isMarkType(space)) {\n      spec.markType = space as MarkType;\n      spec.source = source;\n    } else if (space === EVENT_SOURCE_WINDOW) {\n      spec.source = EVENT_SOURCE_WINDOW;\n    } else {\n      spec.source = source;\n    }\n\n    spec.type = eventType;\n  } else if (splitArr.length === 1) {\n    spec.type = selector;\n    spec.source = source;\n  }\n\n  return spec;\n};\n"]}

package/es/parse/option.js

@@ -7,4 +7,5 @@ export const parseOptionValue = (value, params) => isGrammar(value) ? value.outp
 export const parseOptions = (options, params) => options ? isObject(options) ? Object.keys(options).reduce(((res, key) => {
     const option = options[key];
     return res[key] = parseOptionValue(option, params), res;
-}), {}) : options.map((option => parseOptionValue(option, params))) : options;
+}), {}) : options.map((option => parseOptionValue(option, params))) : options;
+//# sourceMappingURL=option.js.map

package/es/parse/scale.js

@@ -342,5 +342,4 @@ export function configureScale(spec, scale, parameters) {
       case "quantile":
         scale.rescale();
     }
-}
-//# sourceMappingURL=scale.js.map
+}

package/es/semantic-marks/cell.d.ts

@@ -7,7 +7,7 @@ export declare class Cell extends Mark {
     protected _encoders: StateEncodeSpec | null;
     encodeState(state: string, channel: string | BaseSignleEncodeSpec, value?: MarkFunctionType<any>): this;
     protected _updateComponentEncoders(state: string): void;
-    protected _getEncoders(): StateEncodeSpec<Partial<Omit<import("@visactor/vrender").IGraphicAttribute, "strokeSeg" | "boundsPadding" | "pickMode" | "boundsMode" | "customPickShape" | "pickable" | "childrenPickable" | "visible" | "zIndex" | "layout" | "keepDirIn3d" | "postMatrix" | "anchor" | "anchor3d">>>;
+    protected _getEncoders(): StateEncodeSpec<Partial<Omit<import("@visactor/vrender-core").IGraphicAttribute, "strokeSeg" | "boundsPadding" | "pickMode" | "boundsMode" | "customPickShape" | "pickable" | "childrenPickable" | "visible" | "zIndex" | "layout" | "keepDirIn3d" | "postMatrix" | "anchor" | "anchor3d">>>;
     getAttributeTransforms(): AttributeTransform[];
     release(): void;
 }

package/es/semantic-marks/cell.js

@@ -1,4 +1,4 @@
-import { getBandWidthOfScale, invokeEncoder } from "../graph/mark/encode";
+import { invokeEncoder } from "../graph/mark/encode";
 
 import { isScaleEncode } from "../parse/mark";
 
@@ -10,6 +10,8 @@ import { isArray, isNil, isNumber } from "@visactor/vutils";
 
 import { transformsByType } from "../graph/attributes";
 
+import { getBandWidthOfScale } from "../util/scale";
+
 export class Cell extends Mark {
     encodeState(state, channel, value) {
         return super.encodeState(state, channel, value), this._updateComponentEncoders(state), 
@@ -54,4 +56,4 @@ export class Cell extends Mark {
         super.release(), this._encoders = null;
     }
 }
-//# sourceMappingURL=cell.js.map
+//# sourceMappingURL=cell.js.map

package/es/semantic-marks/cell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/semantic-marks/cell.ts"],"names":[],"mappings":"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","file":"cell.js","sourcesContent":["import type { IBaseScale } from '@visactor/vscale';\nimport type { GrammarMarkType } from '../graph/enums';\nimport { getBandWidthOfScale, invokeEncoder } from '../graph/mark/encode';\nimport { isScaleEncode } from '../parse/mark';\nimport { getGrammarOutput, isFunctionType } from '../parse/util';\nimport type {\n  StateEncodeSpec,\n  MarkSpec,\n  IElement,\n  MarkFunctionType,\n  AttributeTransform,\n  GetSignleEncodeSpecByType,\n  BaseSignleEncodeSpec\n} from '../types';\nimport { Mark } from '../view/mark';\nimport { isArray, isNil, isNumber } from '@visactor/vutils';\nimport { transformsByType } from '../graph/attributes';\n\nexport class Cell extends Mark {\n  declare markType: GrammarMarkType.cell;\n  protected declare spec: MarkSpec;\n\n  protected _encoders: StateEncodeSpec | null;\n\n  encodeState(state: string, channel: string | BaseSignleEncodeSpec, value?: MarkFunctionType<any>) {\n    super.encodeState(state, channel, value);\n\n    this._updateComponentEncoders(state);\n\n    return this;\n  }\n\n  protected _updateComponentEncoders(state: string) {\n    if (!this._encoders) {\n      this._encoders = {};\n    }\n\n    const userEncoder = this.spec.encode[state] as GetSignleEncodeSpecByType<'cell'>;\n\n    if (userEncoder && state === 'update') {\n      const params = this.parameters();\n      const scales: Record<string, IBaseScale> = isFunctionType(userEncoder)\n        ? null\n        : Object.keys(userEncoder).reduce((res, channel) => {\n            if (isScaleEncode(userEncoder[channel])) {\n              res[channel] = getGrammarOutput(userEncoder[channel].scale, params);\n            }\n            return res;\n          }, {});\n\n      this._encoders[state] = {\n        callback: (datum: any, element: IElement, parameters: any) => {\n          const userEncodeRes = invokeEncoder(userEncoder, datum, element, parameters);\n\n          if (isNil(userEncodeRes.size)) {\n            const sizeX = scales.x ? getBandWidthOfScale(scales.x) : undefined;\n            const sizeY = scales.y ? getBandWidthOfScale(scales.y) : undefined;\n\n            if (isNil(sizeX) && isNil(sizeY)) {\n              userEncodeRes.size = 10;\n            } else if (isNil(sizeX)) {\n              userEncodeRes.size = sizeY;\n            } else if (isNil(sizeY)) {\n              userEncodeRes.size = sizeX;\n            }\n\n            userEncodeRes.size = [sizeX, sizeY];\n          }\n\n          if (isNil(userEncodeRes.shape)) {\n            userEncodeRes.shape = 'rect';\n          }\n\n          return userEncodeRes;\n        }\n      } as GetSignleEncodeSpecByType<'cell'>;\n    } else {\n      this._encoders[state] = userEncoder;\n    }\n  }\n\n  protected _getEncoders() {\n    return this._encoders ?? {};\n  }\n\n  getAttributeTransforms() {\n    return (\n      [\n        {\n          channels: ['size', 'padding'],\n          transform: (graphicAttributes: any, nextAttrs: any, storedAttrs: any) => {\n            if (isNumber(storedAttrs.padding) && storedAttrs.padding > 0) {\n              graphicAttributes.size = isArray(storedAttrs.size)\n                ? storedAttrs.size.map((entry: number) => Math.max(entry - storedAttrs.padding, 1))\n                : Math.max(storedAttrs.size - storedAttrs.padding, 1);\n            } else if (isArray(storedAttrs.padding) && storedAttrs.padding.length === 2) {\n              const arraySize = isArray(storedAttrs.size) ? storedAttrs.size : [storedAttrs.size, storedAttrs.size];\n\n              graphicAttributes.size = [\n                Math.max(arraySize[0] - storedAttrs.padding[0], 1),\n                Math.max(arraySize[1] - storedAttrs.padding[1], 1)\n              ];\n            } else {\n              graphicAttributes.size = storedAttrs.size;\n            }\n          },\n          storedAttrs: 'paddingAttrs'\n        }\n      ] as AttributeTransform[]\n    ).concat(transformsByType.symbol);\n  }\n\n  release(): void {\n    super.release();\n    this._encoders = null;\n  }\n}\n"]}
+{"version":3,"sources":["../src/semantic-marks/cell.ts"],"names":[],"mappings":"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","file":"cell.js","sourcesContent":["import type { IBaseScale } from '@visactor/vscale';\nimport type { GrammarMarkType } from '../graph/enums';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { isScaleEncode } from '../parse/mark';\nimport { getGrammarOutput, isFunctionType } from '../parse/util';\nimport type {\n  StateEncodeSpec,\n  MarkSpec,\n  IElement,\n  MarkFunctionType,\n  AttributeTransform,\n  GetSignleEncodeSpecByType,\n  BaseSignleEncodeSpec\n} from '../types';\nimport { Mark } from '../view/mark';\nimport { isArray, isNil, isNumber } from '@visactor/vutils';\nimport { transformsByType } from '../graph/attributes';\nimport { getBandWidthOfScale } from '../util/scale';\n\nexport class Cell extends Mark {\n  declare markType: GrammarMarkType.cell;\n  protected declare spec: MarkSpec;\n\n  protected _encoders: StateEncodeSpec | null;\n\n  encodeState(state: string, channel: string | BaseSignleEncodeSpec, value?: MarkFunctionType<any>) {\n    super.encodeState(state, channel, value);\n\n    this._updateComponentEncoders(state);\n\n    return this;\n  }\n\n  protected _updateComponentEncoders(state: string) {\n    if (!this._encoders) {\n      this._encoders = {};\n    }\n\n    const userEncoder = this.spec.encode[state] as GetSignleEncodeSpecByType<'cell'>;\n\n    if (userEncoder && state === 'update') {\n      const params = this.parameters();\n      const scales: Record<string, IBaseScale> = isFunctionType(userEncoder)\n        ? null\n        : Object.keys(userEncoder).reduce((res, channel) => {\n            if (isScaleEncode(userEncoder[channel])) {\n              res[channel] = getGrammarOutput(userEncoder[channel].scale, params);\n            }\n            return res;\n          }, {});\n\n      this._encoders[state] = {\n        callback: (datum: any, element: IElement, parameters: any) => {\n          const userEncodeRes = invokeEncoder(userEncoder, datum, element, parameters);\n\n          if (isNil(userEncodeRes.size)) {\n            const sizeX = scales.x ? getBandWidthOfScale(scales.x) : undefined;\n            const sizeY = scales.y ? getBandWidthOfScale(scales.y) : undefined;\n\n            if (isNil(sizeX) && isNil(sizeY)) {\n              userEncodeRes.size = 10;\n            } else if (isNil(sizeX)) {\n              userEncodeRes.size = sizeY;\n            } else if (isNil(sizeY)) {\n              userEncodeRes.size = sizeX;\n            }\n\n            userEncodeRes.size = [sizeX, sizeY];\n          }\n\n          if (isNil(userEncodeRes.shape)) {\n            userEncodeRes.shape = 'rect';\n          }\n\n          return userEncodeRes;\n        }\n      } as GetSignleEncodeSpecByType<'cell'>;\n    } else {\n      this._encoders[state] = userEncoder;\n    }\n  }\n\n  protected _getEncoders() {\n    return this._encoders ?? {};\n  }\n\n  getAttributeTransforms() {\n    return (\n      [\n        {\n          channels: ['size', 'padding'],\n          transform: (graphicAttributes: any, nextAttrs: any, storedAttrs: any) => {\n            if (isNumber(storedAttrs.padding) && storedAttrs.padding > 0) {\n              graphicAttributes.size = isArray(storedAttrs.size)\n                ? storedAttrs.size.map((entry: number) => Math.max(entry - storedAttrs.padding, 1))\n                : Math.max(storedAttrs.size - storedAttrs.padding, 1);\n            } else if (isArray(storedAttrs.padding) && storedAttrs.padding.length === 2) {\n              const arraySize = isArray(storedAttrs.size) ? storedAttrs.size : [storedAttrs.size, storedAttrs.size];\n\n              graphicAttributes.size = [\n                Math.max(arraySize[0] - storedAttrs.padding[0], 1),\n                Math.max(arraySize[1] - storedAttrs.padding[1], 1)\n              ];\n            } else {\n              graphicAttributes.size = storedAttrs.size;\n            }\n          },\n          storedAttrs: 'paddingAttrs'\n        }\n      ] as AttributeTransform[]\n    ).concat(transformsByType.symbol);\n  }\n\n  release(): void {\n    super.release();\n    this._encoders = null;\n  }\n}\n"]}

package/es/semantic-marks/interval.d.ts

@@ -7,7 +7,7 @@ export declare class Interval extends Mark {
     protected _encoders: StateEncodeSpec;
     encodeState(state: string, channel: string | BaseSignleEncodeSpec, value?: MarkFunctionType<any>): this;
     protected _updateComponentEncoders(state: string): void;
-    protected _getEncoders(): StateEncodeSpec<Partial<Omit<import("@visactor/vrender").IGraphicAttribute, "strokeSeg" | "boundsPadding" | "pickMode" | "boundsMode" | "customPickShape" | "pickable" | "childrenPickable" | "visible" | "zIndex" | "layout" | "keepDirIn3d" | "postMatrix" | "anchor" | "anchor3d">>>;
+    protected _getEncoders(): StateEncodeSpec<Partial<Omit<import("@visactor/vrender-core").IGraphicAttribute, "strokeSeg" | "boundsPadding" | "pickMode" | "boundsMode" | "customPickShape" | "pickable" | "childrenPickable" | "visible" | "zIndex" | "layout" | "keepDirIn3d" | "postMatrix" | "anchor" | "anchor3d">>>;
     getAttributeTransforms(): AttributeTransform[];
     addGraphicItem(attrs: any, groupKey?: string): any;
     release(): void;

package/es/semantic-marks/interval.js

@@ -84,4 +84,4 @@ export class Interval extends Mark {
         super.release(), this._encoders = null;
     }
 }
-//# sourceMappingURL=interval.js.map
+//# sourceMappingURL=interval.js.map

package/es/semantic-marks/text.js

@@ -19,4 +19,4 @@ export class Text extends Mark {
         super.release();
     }
 }
-//# sourceMappingURL=text.js.map
+//# sourceMappingURL=text.js.map

package/es/theme/dark.js

@@ -93,4 +93,4 @@ export const darkTheme = {
     marks: defaultMarkTheme,
     components: darkComponents
 };
-//# sourceMappingURL=dark.js.map
+//# sourceMappingURL=dark.js.map

package/es/theme/default.js

@@ -13,4 +13,4 @@ export const defaultTheme = {
     marks: defaultMarkTheme,
     components: defaultComponentTheme
 };
-//# sourceMappingURL=default.js.map
+//# sourceMappingURL=default.js.map

package/es/theme/theme-manager.js

@@ -19,4 +19,4 @@ export class ThemeManager {
 
 ThemeManager._themes = new Map, ThemeManager.registerTheme("default", defaultTheme), 
 ThemeManager.registerTheme("dark", darkTheme);
-//# sourceMappingURL=theme-manager.js.map
+//# sourceMappingURL=theme-manager.js.map

package/es/transforms/index.js

@@ -202,4 +202,4 @@ export const registerSymmetryTransform = () => {
         markPhase: "afterEncodeItems"
     }, !0);
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/transforms/mark/dodge.js

@@ -1,9 +1,9 @@
-import { getBandWidthOfScale, isBandLikeScale } from "../../graph/mark/encode";
-
 import { array, isNil } from "@visactor/vutils";
 
 import { getter, toPercent } from "@visactor/vgrammar-util";
 
+import { getBandWidthOfScale, isBandLikeScale } from "../../util/scale";
+
 export const transform = (options, upstreamData) => {
     var _a, _b, _c;
     if (!upstreamData || 0 === upstreamData.length || !(null === (_a = upstreamData[0]) || void 0 === _a ? void 0 : _a.mark)) return upstreamData;

package/es/transforms/mark/dodge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/transforms/mark/dodge.ts"],"names":[],"mappings":"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","file":"dodge.js","sourcesContent":["import type { DodgeTransformOptions, IElement } from '../../types';\nimport { getBandWidthOfScale, isBandLikeScale } from '../../graph/mark/encode';\nimport { array, isNil } from '@visactor/vutils';\nimport { getter, toPercent } from '@visactor/vgrammar-util';\n\n/**\n * 针对mark的dodge变换，支持x、y方向\n */\nexport const transform = (options: DodgeTransformOptions, upstreamData: IElement[]) => {\n  if (!upstreamData || upstreamData.length === 0 || !upstreamData[0]?.mark) {\n    return upstreamData;\n  }\n  const mark = upstreamData[0].mark;\n  const markScales = mark.getScales();\n  const bandScale = Object.values(markScales).find(isBandLikeScale);\n\n  if (!bandScale) {\n    return upstreamData;\n  }\n\n  const scales = mark.getScalesByChannel();\n  const bandWidth = getBandWidthOfScale(bandScale);\n  const dodgeChannel = isNil(options.dodgeChannel)\n    ? scales.y === bandScale ||\n      scales.y1 === bandScale ||\n      (scales.x && !isBandLikeScale(scales.x)) ||\n      (scales.x1 && !isBandLikeScale(scales.x1))\n      ? 'y'\n      : 'x'\n    : options.dodgeChannel;\n\n  if (bandWidth > 0) {\n    const innerGap = options.innerGap ?? 0;\n    const categoryGap = options.categoryGap ?? '20%';\n    let getDodgeBy = (element: IElement) => element.groupKey;\n\n    if (!isNil(options.dodgeBy)) {\n      const getDodgeValue = getter(array(options.dodgeBy));\n\n      getDodgeBy = (element: IElement) => getDodgeValue(element.getDatum());\n    }\n\n    const groupValues: any[] = [];\n\n    upstreamData.forEach(element => {\n      const groupValue = getDodgeBy(element);\n      if (!groupValues.includes(groupValue)) {\n        groupValues.push(groupValue);\n      }\n    });\n\n    const groupCount = groupValues.length;\n\n    if (groupCount < 1) {\n      return upstreamData;\n    }\n\n    const catGap = toPercent(categoryGap, bandWidth);\n    let innerSize = catGap >= bandWidth ? bandWidth : bandWidth - catGap;\n    const innerGapSize = toPercent(innerGap, innerSize);\n    let size = (innerSize - Math.max(groupCount - 1, 0) * innerGapSize) / groupCount;\n\n    if (size > options.maxWidth) {\n      innerSize -= (size - options.maxWidth) * groupCount;\n      size = options.maxWidth;\n    } else if (size < options.minWidth && options.minWidth <= bandWidth / groupCount) {\n      innerSize += (options.minWidth - size) * groupCount;\n      size = options.minWidth;\n    }\n\n    const offsetByGroup = {};\n\n    groupValues.forEach((entry, index) => {\n      offsetByGroup[entry] = -innerSize / 2 + index * (size + innerGapSize);\n    });\n\n    const markType = mark.markType;\n\n    if (markType === 'rect' || markType === 'interval' || markType === 'arc') {\n      upstreamData.forEach(element => {\n        const groupValue = getDodgeBy(element);\n        const offset = offsetByGroup[groupValue];\n        const attrs = element.getItemAttribute();\n\n        if (dodgeChannel === 'x') {\n          const x = isNil(attrs.width) && !isNil(attrs.x1) ? Math.min(attrs.x, attrs.x1) : attrs.x;\n          const width = !isNil(attrs.width) ? attrs.width : isNil(attrs.x1) ? bandWidth : Math.abs(attrs.x1 - attrs.x);\n          const newAttrs: any = { x: x + width / 2 + offset };\n\n          if (!isNil(attrs.width)) {\n            newAttrs.width = size;\n          } else {\n            newAttrs.x1 = newAttrs.x + size;\n          }\n\n          element.setItemAttributes(newAttrs);\n        } else if (dodgeChannel === 'y') {\n          const y = isNil(attrs.height) && !isNil(attrs.y1) ? Math.min(attrs.y, attrs.y1) : attrs.y;\n          const height = !isNil(attrs.height)\n            ? attrs.height\n            : isNil(attrs.y1)\n            ? bandWidth\n            : Math.abs(attrs.y1 - attrs.y);\n\n          const newAttrs: any = { y: y + height / 2 + offset };\n\n          if (!isNil(attrs.height)) {\n            newAttrs.height = size;\n          } else {\n            newAttrs.y1 = newAttrs.y + size;\n          }\n\n          element.setItemAttributes(newAttrs);\n        }\n      });\n    } else {\n      upstreamData.forEach(element => {\n        const groupValue = getDodgeBy(element);\n        const offset = offsetByGroup[groupValue];\n\n        if (dodgeChannel === 'x') {\n          const x = element.getItemAttribute('x') + bandWidth / 2 + offset + size / 2;\n\n          element.setItemAttributes({ x });\n\n          if (markType === 'rule') {\n            element.setItemAttributes({ x1: x });\n          }\n        } else if (dodgeChannel === 'y') {\n          const y = element.getItemAttribute('y') + bandWidth / 2 + offset + size / 2;\n\n          element.setItemAttributes({ y });\n\n          if (markType === 'rule') {\n            element.setItemAttributes({ y1: y });\n          }\n        }\n      });\n    }\n  }\n\n  return upstreamData;\n};\n"]}
+{"version":3,"sources":["../src/transforms/mark/dodge.ts"],"names":[],"mappings":"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","file":"dodge.js","sourcesContent":["import type { DodgeTransformOptions, IElement } from '../../types';\nimport { array, isNil } from '@visactor/vutils';\nimport { getter, toPercent } from '@visactor/vgrammar-util';\nimport { getBandWidthOfScale, isBandLikeScale } from '../../util/scale';\n\n/**\n * 针对mark的dodge变换，支持x、y方向\n */\nexport const transform = (options: DodgeTransformOptions, upstreamData: IElement[]) => {\n  if (!upstreamData || upstreamData.length === 0 || !upstreamData[0]?.mark) {\n    return upstreamData;\n  }\n  const mark = upstreamData[0].mark;\n  const markScales = mark.getScales();\n  const bandScale = Object.values(markScales).find(isBandLikeScale);\n\n  if (!bandScale) {\n    return upstreamData;\n  }\n\n  const scales = mark.getScalesByChannel();\n  const bandWidth = getBandWidthOfScale(bandScale);\n  const dodgeChannel = isNil(options.dodgeChannel)\n    ? scales.y === bandScale ||\n      scales.y1 === bandScale ||\n      (scales.x && !isBandLikeScale(scales.x)) ||\n      (scales.x1 && !isBandLikeScale(scales.x1))\n      ? 'y'\n      : 'x'\n    : options.dodgeChannel;\n\n  if (bandWidth > 0) {\n    const innerGap = options.innerGap ?? 0;\n    const categoryGap = options.categoryGap ?? '20%';\n    let getDodgeBy = (element: IElement) => element.groupKey;\n\n    if (!isNil(options.dodgeBy)) {\n      const getDodgeValue = getter(array(options.dodgeBy));\n\n      getDodgeBy = (element: IElement) => getDodgeValue(element.getDatum());\n    }\n\n    const groupValues: any[] = [];\n\n    upstreamData.forEach(element => {\n      const groupValue = getDodgeBy(element);\n      if (!groupValues.includes(groupValue)) {\n        groupValues.push(groupValue);\n      }\n    });\n\n    const groupCount = groupValues.length;\n\n    if (groupCount < 1) {\n      return upstreamData;\n    }\n\n    const catGap = toPercent(categoryGap, bandWidth);\n    let innerSize = catGap >= bandWidth ? bandWidth : bandWidth - catGap;\n    const innerGapSize = toPercent(innerGap, innerSize);\n    let size = (innerSize - Math.max(groupCount - 1, 0) * innerGapSize) / groupCount;\n\n    if (size > options.maxWidth) {\n      innerSize -= (size - options.maxWidth) * groupCount;\n      size = options.maxWidth;\n    } else if (size < options.minWidth && options.minWidth <= bandWidth / groupCount) {\n      innerSize += (options.minWidth - size) * groupCount;\n      size = options.minWidth;\n    }\n\n    const offsetByGroup = {};\n\n    groupValues.forEach((entry, index) => {\n      offsetByGroup[entry] = -innerSize / 2 + index * (size + innerGapSize);\n    });\n\n    const markType = mark.markType;\n\n    if (markType === 'rect' || markType === 'interval' || markType === 'arc') {\n      upstreamData.forEach(element => {\n        const groupValue = getDodgeBy(element);\n        const offset = offsetByGroup[groupValue];\n        const attrs = element.getItemAttribute();\n\n        if (dodgeChannel === 'x') {\n          const x = isNil(attrs.width) && !isNil(attrs.x1) ? Math.min(attrs.x, attrs.x1) : attrs.x;\n          const width = !isNil(attrs.width) ? attrs.width : isNil(attrs.x1) ? bandWidth : Math.abs(attrs.x1 - attrs.x);\n          const newAttrs: any = { x: x + width / 2 + offset };\n\n          if (!isNil(attrs.width)) {\n            newAttrs.width = size;\n          } else {\n            newAttrs.x1 = newAttrs.x + size;\n          }\n\n          element.setItemAttributes(newAttrs);\n        } else if (dodgeChannel === 'y') {\n          const y = isNil(attrs.height) && !isNil(attrs.y1) ? Math.min(attrs.y, attrs.y1) : attrs.y;\n          const height = !isNil(attrs.height)\n            ? attrs.height\n            : isNil(attrs.y1)\n            ? bandWidth\n            : Math.abs(attrs.y1 - attrs.y);\n\n          const newAttrs: any = { y: y + height / 2 + offset };\n\n          if (!isNil(attrs.height)) {\n            newAttrs.height = size;\n          } else {\n            newAttrs.y1 = newAttrs.y + size;\n          }\n\n          element.setItemAttributes(newAttrs);\n        }\n      });\n    } else {\n      upstreamData.forEach(element => {\n        const groupValue = getDodgeBy(element);\n        const offset = offsetByGroup[groupValue];\n\n        if (dodgeChannel === 'x') {\n          const x = element.getItemAttribute('x') + bandWidth / 2 + offset + size / 2;\n\n          element.setItemAttributes({ x });\n\n          if (markType === 'rule') {\n            element.setItemAttributes({ x1: x });\n          }\n        } else if (dodgeChannel === 'y') {\n          const y = element.getItemAttribute('y') + bandWidth / 2 + offset + size / 2;\n\n          element.setItemAttributes({ y });\n\n          if (markType === 'rule') {\n            element.setItemAttributes({ y1: y });\n          }\n        }\n      });\n    }\n  }\n\n  return upstreamData;\n};\n"]}

package/es/transforms/mark/jitter.js

@@ -1,9 +1,9 @@
-import { getBandWidthOfScale } from "../../graph/mark/encode";
-
 import { isNil } from "@visactor/vutils";
 
 import { extent } from "@visactor/vgrammar-util";
 
+import { getBandWidthOfScale } from "../../util/scale";
+
 const jitterByChannel = (options, upstreamData, channel) => {
     var _a, _b, _c, _d;
     const mark = upstreamData[0].mark, scale = null === (_a = mark.getScalesByChannel()) || void 0 === _a ? void 0 : _a[channel], random = null !== (_b = options.random) && void 0 !== _b ? _b : Math.random, ratio = Math.min(null !== (_c = "x" === channel ? options.widthRatio : options.heightRatio) && void 0 !== _c ? _c : .4, .5), bandSize = null !== (_d = "x" === channel ? options.bandWidth : options.bandHeight) && void 0 !== _d ? _d : getBandWidthOfScale(scale);

package/es/transforms/mark/jitter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/transforms/mark/jitter.ts"],"names":[],"mappings":"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","file":"jitter.js","sourcesContent":["import type { IElement, JitterTransformOptions, JitterXTransformOptions, JitterYTransformOptions } from '../../types';\nimport { getBandWidthOfScale } from '../../graph/mark/encode';\nimport { isNil } from '@visactor/vutils';\nimport { extent } from '@visactor/vgrammar-util';\n\nconst jitterByChannel = (options: JitterTransformOptions, upstreamData: IElement[], channel: 'x' | 'y') => {\n  const mark = upstreamData[0].mark;\n  const scale = mark.getScalesByChannel()?.[channel];\n  const random = options.random ?? Math.random;\n  const ratio = Math.min((channel === 'x' ? options.widthRatio : options.heightRatio) ?? 0.4, 0.5);\n  const bandSize = (channel === 'x' ? options.bandWidth : options.bandHeight) ?? getBandWidthOfScale(scale);\n\n  if (isNil(bandSize)) {\n    let domain = extent(upstreamData, el => el.getItemAttribute(channel));\n\n    if (isNil(domain[0]) || isNil(domain[1]) || domain[0] === domain[1]) {\n      const viewBox = mark.view.getViewBox();\n      domain = channel === 'x' ? [viewBox.x1, viewBox.x2] : [viewBox.y1, viewBox.y2];\n    }\n    const length = upstreamData.length;\n\n    upstreamData.forEach((element, index) => {\n      element.setItemAttributes({ [channel]: domain[0] + (domain[1] - domain[0]) * random(index, length) });\n    });\n  } else {\n    const length = upstreamData.length;\n    upstreamData.forEach((element, index) => {\n      const val = element.getItemAttribute(channel);\n      const domain = [val - ratio * bandSize, val + ratio * bandSize];\n      element.setItemAttributes({ [channel]: domain[0] + (domain[1] - domain[0]) * random(index, length) });\n    });\n  }\n};\n\n/**\n * 针对mark的dodge变换，支持x、y方向\n */\nexport const jitterY = (options: JitterYTransformOptions, upstreamData: IElement[]) => {\n  if (!upstreamData || upstreamData.length === 0 || !upstreamData[0]?.mark) {\n    return upstreamData;\n  }\n\n  return jitterByChannel(options, upstreamData, 'y');\n};\n\n/**\n * 针对mark的dodge变换，支持x、y方向\n */\nexport const jitterX = (options: JitterXTransformOptions, upstreamData: IElement[]) => {\n  if (!upstreamData || upstreamData.length === 0 || !upstreamData[0]?.mark) {\n    return upstreamData;\n  }\n\n  return jitterByChannel(options, upstreamData, 'x');\n};\n\n/**\n * 针对mark的dodge变换，支持x、y方向\n */\nexport const transform = (options: JitterTransformOptions, upstreamData: IElement[]) => {\n  if (!upstreamData || upstreamData.length === 0 || !upstreamData[0]?.mark) {\n    return upstreamData;\n  }\n\n  jitterByChannel(options, upstreamData, 'x');\n  jitterByChannel(options, upstreamData, 'y');\n\n  return upstreamData;\n};\n"]}
+{"version":3,"sources":["../src/transforms/mark/jitter.ts"],"names":[],"mappings":"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","file":"jitter.js","sourcesContent":["import type { IElement, JitterTransformOptions, JitterXTransformOptions, JitterYTransformOptions } from '../../types';\nimport { isNil } from '@visactor/vutils';\nimport { extent } from '@visactor/vgrammar-util';\nimport { getBandWidthOfScale } from '../../util/scale';\n\nconst jitterByChannel = (options: JitterTransformOptions, upstreamData: IElement[], channel: 'x' | 'y') => {\n  const mark = upstreamData[0].mark;\n  const scale = mark.getScalesByChannel()?.[channel];\n  const random = options.random ?? Math.random;\n  const ratio = Math.min((channel === 'x' ? options.widthRatio : options.heightRatio) ?? 0.4, 0.5);\n  const bandSize = (channel === 'x' ? options.bandWidth : options.bandHeight) ?? getBandWidthOfScale(scale);\n\n  if (isNil(bandSize)) {\n    let domain = extent(upstreamData, el => el.getItemAttribute(channel));\n\n    if (isNil(domain[0]) || isNil(domain[1]) || domain[0] === domain[1]) {\n      const viewBox = mark.view.getViewBox();\n      domain = channel === 'x' ? [viewBox.x1, viewBox.x2] : [viewBox.y1, viewBox.y2];\n    }\n    const length = upstreamData.length;\n\n    upstreamData.forEach((element, index) => {\n      element.setItemAttributes({ [channel]: domain[0] + (domain[1] - domain[0]) * random(index, length) });\n    });\n  } else {\n    const length = upstreamData.length;\n    upstreamData.forEach((element, index) => {\n      const val = element.getItemAttribute(channel);\n      const domain = [val - ratio * bandSize, val + ratio * bandSize];\n      element.setItemAttributes({ [channel]: domain[0] + (domain[1] - domain[0]) * random(index, length) });\n    });\n  }\n};\n\n/**\n * 针对mark的dodge变换，支持x、y方向\n */\nexport const jitterY = (options: JitterYTransformOptions, upstreamData: IElement[]) => {\n  if (!upstreamData || upstreamData.length === 0 || !upstreamData[0]?.mark) {\n    return upstreamData;\n  }\n\n  return jitterByChannel(options, upstreamData, 'y');\n};\n\n/**\n * 针对mark的dodge变换，支持x、y方向\n */\nexport const jitterX = (options: JitterXTransformOptions, upstreamData: IElement[]) => {\n  if (!upstreamData || upstreamData.length === 0 || !upstreamData[0]?.mark) {\n    return upstreamData;\n  }\n\n  return jitterByChannel(options, upstreamData, 'x');\n};\n\n/**\n * 针对mark的dodge变换，支持x、y方向\n */\nexport const transform = (options: JitterTransformOptions, upstreamData: IElement[]) => {\n  if (!upstreamData || upstreamData.length === 0 || !upstreamData[0]?.mark) {\n    return upstreamData;\n  }\n\n  jitterByChannel(options, upstreamData, 'x');\n  jitterByChannel(options, upstreamData, 'y');\n\n  return upstreamData;\n};\n"]}

package/es/types/animate.d.ts

@@ -1,4 +1,4 @@
-import type { IGraphic, ACustomAnimate, EasingType } from '@visactor/vrender';
+import type { IGraphic, ACustomAnimate, EasingType } from '@visactor/vrender-core';
 import type { IPointLike } from '@visactor/vutils';
 import type { MarkFunctionCallback, MarkFunctionType } from './mark';
 import type { IMark } from './grammar';

package/es/types/animate.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=animate.js.map
+//# sourceMappingURL=animate.js.map

package/es/types/animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/animate.ts"],"names":[],"mappings":"","file":"animate.js","sourcesContent":["import type { IGraphic, ACustomAnimate, EasingType } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { MarkFunctionCallback, MarkFunctionType } from './mark';\nimport type { IMark } from './grammar';\nimport type { IElement } from './element';\n\nexport type TypeAnimation<T extends IElement> = (\n  element: T,\n  options: any,\n  animationParameters: IAnimationParameters\n) => { from?: { [channel: string]: any }; to?: { [channel: string]: any } };\n\nexport interface IClipAnimationOptions {\n  clipDimension?: 'x' | 'y' | 'auto' | 'default';\n}\n\nexport interface IGrowCartesianAnimationOptions {\n  orient?: 'positive' | 'negative';\n  overall?: boolean | number;\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport interface IGrowAngleAnimationOptions {\n  orient?: 'clockwise' | 'anticlockwise';\n  overall?: boolean | number;\n}\n\nexport interface IGrowRadiusAnimationOptions {\n  orient?: 'inside' | 'outside';\n  overall?: boolean | number;\n}\n\nexport interface IGrowPointsAnimationOptions {\n  orient?: 'positive' | 'negative';\n}\n\nexport interface IGrowPointsOverallAnimationOptions extends IGrowPointsAnimationOptions {\n  center?: IPointLike;\n}\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport interface IMoveAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n  orient?: 'positive' | 'negative';\n  offset?: number;\n  point?: { x?: number; y?: number };\n}\n\nexport interface IRotateAnimationOptions {\n  orient?: 'clockwise' | 'anticlockwise';\n  angle?: number;\n}\n\n/** VGrammar 层提供的图元text上的图形属性，现在暂时会和VRender不一致 */\nexport interface TextItemAttributes {\n  fontSize?: number;\n  lineHeight?: number;\n  font?: string;\n  fontStyle?: string;\n  fontVariant?: string;\n  fontWeight?: string | number;\n  lineBreak?: string;\n  text?: string | string[];\n  limit?: number;\n  align?: string;\n  baseline?: string;\n  ellipsis?: string | boolean;\n  dir?: string;\n}\n\n/** animation */\nexport type MarkFunctionValueType<T> = MarkFunctionCallback<T> | T;\n\nexport type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;\n\n/**\n * state动画，暂时只支持简单配置\n */\nexport interface IStateAnimationConfig {\n  duration?: number;\n  easing?: EasingType;\n}\n\n/**\n * 动画 config 简化配置\n */\nexport interface IAnimationTypeConfig {\n  type?: string;\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: MarkFunctionValueType<any>;\n  easing?: EasingType;\n  delay?: MarkFunctionValueType<number>;\n  duration?: MarkFunctionValueType<number>;\n  oneByOne?: MarkFunctionValueType<boolean | number>;\n  startTime?: MarkFunctionValueType<number>;\n  totalTime?: MarkFunctionValueType<number>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: boolean | number;\n  /** 动画 effect 配置项 */\n  options?: MarkFunctionValueType<any>;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\n/**\n * 动画 timeline 完整配置，一条时间线内的动画单元只能串行\n * 多个timeline是可以并行的\n * 考虑到同一图元不能在多个timeline上，所以timeline不应该提供数组配置的能力\n */\nexport interface IAnimationTimeline {\n  /** 为了方便动画编排，用户可以设置 id 用于识别时间线 */\n  id?: string;\n  /** 时间切片 */\n  timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];\n  /** 动画开始的相对时间，可以为负数 */\n  startTime?: MarkFunctionValueType<number>;\n  /** 动画时长 */\n  totalTime?: MarkFunctionValueType<number>;\n  /** 动画依次执行的延迟 */\n  oneByOne?: MarkFunctionValueType<number | boolean>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: MarkFunctionValueType<number | boolean>;\n  /** 对图元元素进行划分，和过滤类似，但是不同时间线不能同时作用在相同的元素上 */\n  partitioner?: MarkFunctionCallback<boolean>;\n  /** 对同一时间线上的元素进行排序 */\n  sort?: (datumA: any, datumB: any, elementA: IElement, elementB: IElement, parameters: any) => number;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\nexport interface IAnimationTimeSlice {\n  effects: IAnimationEffect | IAnimationEffect[];\n  duration?: MarkFunctionValueType<number>;\n  delay?: MarkFunctionValueType<number>;\n}\n\nexport type IAnimationChannelFunction = (datum: any, element: IElement, parameters: IAnimationParameters) => any;\nexport type IAnimationChannelAttrs = Record<\n  string,\n  {\n    from?: any | IAnimationChannelFunction;\n    to?: any | IAnimationChannelFunction;\n  }\n>;\nexport type IAnimationChannelAttributes = string[];\nexport type IAnimationChannelInterpolator = (\n  ratio: number,\n  from: any,\n  to: any,\n  nextAttributes: any,\n  datum: any,\n  element: IElement,\n  parameters: IAnimationParameters\n) => boolean | void;\n\n// TODO: fix ACustomAnimate<any>\nexport interface IAnimationCustomConstructor {\n  new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;\n}\n\nexport interface IAnimationEffect {\n  type?: string;\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: MarkFunctionValueType<any>;\n  easing?: EasingType;\n  /** options暂时没有处理 */\n  options?: MarkFunctionValueType<any>;\n}\n\nexport interface IAnimationControlOptions {\n  /** 当动画状态变更时清空动画 */\n  stopWhenStateChange?: boolean;\n  /** 是否立即应用动画初始状态 */\n  immediatelyApply?: boolean;\n}\n\n/**\n * Animation timeline should be parsed into animation units,\n * which record all necessary configs for animator to execute animation.\n *\n * animation unit time:\n * |<--initialDelay-->| |<--loopDelay--><--Slices--><--looDelayAfter-->| |<--loopDuration-->|\n *                      |<-----------------loopDuration--------------->|\n */\nexport interface IAnimationUnit {\n  /**\n   * initial delay time before any animation loop\n   */\n  initialDelay: number;\n  /**\n   * total time for one animation loop\n   */\n  loopDuration: number;\n  /**\n   * delay time before time slices\n   */\n  loopDelay: number;\n  /**\n   * delay time after time slices\n   */\n  loopDelayAfter: number;\n  /**\n   * animating time in one animation loop\n   */\n  loopAnimateDuration: number;\n  loopCount: number;\n  totalTime: number;\n  timeSlices: IAnimationTimeSlice[];\n}\n\nexport interface IAnimationRecord {\n  start: IGraphic;\n  end: IGraphic;\n  changes: any[];\n}\n\nexport interface IAnimationParameters {\n  width: number;\n  height: number;\n  mark: IMark;\n  group: IMark | null;\n  elementIndex: number;\n  elementCount: number;\n  view: any;\n}\n\nexport interface IParsedAnimationConfig {\n  state: string;\n  timeline: IAnimationTimeline;\n  originConfig: IAnimationConfig;\n  id: string;\n}\n\nexport interface IParsedAnimationAttrs {\n  from?: any;\n  to?: any;\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: any;\n}\n\n// animate structure\n\nexport interface IAnimatorOptions {\n  state: string;\n  timeline: IAnimationTimeline;\n  id: string;\n}\n\nexport interface IAnimator {\n  id: number;\n  element: IElement;\n  animationOptions: IAnimatorOptions;\n  isAnimating: boolean;\n\n  /** execute animation */\n  animate: (animationParameters: IAnimationParameters, parameters: any) => this;\n  /** set animation callback */\n  callback: (callbackFunction: (...args: any[]) => void) => this;\n\n  // animation control\n  stop: (stopState?: 'start' | 'end', invokeCallback?: boolean) => this;\n  pause: () => this;\n  resume: () => this;\n\n  /** set additional initial animation delay */\n  startAt: (startTime: number) => this;\n  /** get total animation execution time */\n  getTotalAnimationTime: () => number;\n\n  getEndAttributes: () => Record<string, any>;\n}\n\nexport interface IAnimateArranger {\n  // animation control api\n  parallel: (arranger: IAnimateArranger) => this;\n  after: (arranger: IAnimateArranger) => this;\n\n  // internal properties\n  afterArranger: IAnimateArranger;\n  parallelArrangers: IAnimateArranger[];\n  animators: IAnimator[];\n  totalTime: number;\n  startTime: number;\n  endTime: number;\n  arrangeTime: () => void;\n}\n\nexport interface IBaseAnimate {\n  // animation control\n  stop: () => this;\n  pause: () => this;\n  resume: () => this;\n\n  // internal animation process api\n  animate: () => this;\n  enable: () => this;\n  disable: () => this;\n  enableAnimationState: (state: string | string[]) => this;\n  disableAnimationState: (state: string | string[]) => this;\n  isAnimating: () => boolean;\n\n  release: () => void;\n}\n\nexport interface IViewAnimate extends IBaseAnimate {\n  animateAddition: (mark: IMark) => this;\n}\n\nexport interface IAnimate extends IBaseAnimate {\n  mark: IMark;\n\n  // additional animation control\n  run: (config: IAnimationConfig | IAnimationConfig[]) => IAnimateArranger;\n  runAnimationByState: (animationState: string) => IAnimateArranger;\n  stopAnimationByState: (animationState: string) => this;\n  pauseAnimationByState: (animationState: string) => this;\n  resumeAnimationByState: (animationState: string) => this;\n  reverse: () => this;\n  restart: () => this;\n  record: () => this;\n  recordEnd: () => this;\n\n  // internal animation process api\n  updateConfig: (config: Record<string, IAnimationConfig | IAnimationConfig[]>) => void;\n  updateState: (state: MarkFunctionType<string> | null) => void;\n  isElementAnimating: (element: IElement) => boolean;\n  getAnimatorCount: () => number;\n  getElementAnimators: (element: IElement | IElement[], animationState?: string) => IAnimator[];\n  release: () => void;\n}\n"]}
+{"version":3,"sources":["../src/types/animate.ts"],"names":[],"mappings":"","file":"animate.js","sourcesContent":["import type { IGraphic, ACustomAnimate, EasingType } from '@visactor/vrender-core';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { MarkFunctionCallback, MarkFunctionType } from './mark';\nimport type { IMark } from './grammar';\nimport type { IElement } from './element';\n\nexport type TypeAnimation<T extends IElement> = (\n  element: T,\n  options: any,\n  animationParameters: IAnimationParameters\n) => { from?: { [channel: string]: any }; to?: { [channel: string]: any } };\n\nexport interface IClipAnimationOptions {\n  clipDimension?: 'x' | 'y' | 'auto' | 'default';\n}\n\nexport interface IGrowCartesianAnimationOptions {\n  orient?: 'positive' | 'negative';\n  overall?: boolean | number;\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport interface IGrowAngleAnimationOptions {\n  orient?: 'clockwise' | 'anticlockwise';\n  overall?: boolean | number;\n}\n\nexport interface IGrowRadiusAnimationOptions {\n  orient?: 'inside' | 'outside';\n  overall?: boolean | number;\n}\n\nexport interface IGrowPointsAnimationOptions {\n  orient?: 'positive' | 'negative';\n}\n\nexport interface IGrowPointsOverallAnimationOptions extends IGrowPointsAnimationOptions {\n  center?: IPointLike;\n}\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport interface IMoveAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n  orient?: 'positive' | 'negative';\n  offset?: number;\n  point?: { x?: number; y?: number };\n}\n\nexport interface IRotateAnimationOptions {\n  orient?: 'clockwise' | 'anticlockwise';\n  angle?: number;\n}\n\n/** VGrammar 层提供的图元text上的图形属性，现在暂时会和VRender不一致 */\nexport interface TextItemAttributes {\n  fontSize?: number;\n  lineHeight?: number;\n  font?: string;\n  fontStyle?: string;\n  fontVariant?: string;\n  fontWeight?: string | number;\n  lineBreak?: string;\n  text?: string | string[];\n  limit?: number;\n  align?: string;\n  baseline?: string;\n  ellipsis?: string | boolean;\n  dir?: string;\n}\n\n/** animation */\nexport type MarkFunctionValueType<T> = MarkFunctionCallback<T> | T;\n\nexport type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;\n\n/**\n * state动画，暂时只支持简单配置\n */\nexport interface IStateAnimationConfig {\n  duration?: number;\n  easing?: EasingType;\n}\n\n/**\n * 动画 config 简化配置\n */\nexport interface IAnimationTypeConfig {\n  type?: string;\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: MarkFunctionValueType<any>;\n  easing?: EasingType;\n  delay?: MarkFunctionValueType<number>;\n  duration?: MarkFunctionValueType<number>;\n  oneByOne?: MarkFunctionValueType<boolean | number>;\n  startTime?: MarkFunctionValueType<number>;\n  totalTime?: MarkFunctionValueType<number>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: boolean | number;\n  /** 动画 effect 配置项 */\n  options?: MarkFunctionValueType<any>;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\n/**\n * 动画 timeline 完整配置，一条时间线内的动画单元只能串行\n * 多个timeline是可以并行的\n * 考虑到同一图元不能在多个timeline上，所以timeline不应该提供数组配置的能力\n */\nexport interface IAnimationTimeline {\n  /** 为了方便动画编排，用户可以设置 id 用于识别时间线 */\n  id?: string;\n  /** 时间切片 */\n  timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];\n  /** 动画开始的相对时间，可以为负数 */\n  startTime?: MarkFunctionValueType<number>;\n  /** 动画时长 */\n  totalTime?: MarkFunctionValueType<number>;\n  /** 动画依次执行的延迟 */\n  oneByOne?: MarkFunctionValueType<number | boolean>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: MarkFunctionValueType<number | boolean>;\n  /** 对图元元素进行划分，和过滤类似，但是不同时间线不能同时作用在相同的元素上 */\n  partitioner?: MarkFunctionCallback<boolean>;\n  /** 对同一时间线上的元素进行排序 */\n  sort?: (datumA: any, datumB: any, elementA: IElement, elementB: IElement, parameters: any) => number;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\nexport interface IAnimationTimeSlice {\n  effects: IAnimationEffect | IAnimationEffect[];\n  duration?: MarkFunctionValueType<number>;\n  delay?: MarkFunctionValueType<number>;\n}\n\nexport type IAnimationChannelFunction = (datum: any, element: IElement, parameters: IAnimationParameters) => any;\nexport type IAnimationChannelAttrs = Record<\n  string,\n  {\n    from?: any | IAnimationChannelFunction;\n    to?: any | IAnimationChannelFunction;\n  }\n>;\nexport type IAnimationChannelAttributes = string[];\nexport type IAnimationChannelInterpolator = (\n  ratio: number,\n  from: any,\n  to: any,\n  nextAttributes: any,\n  datum: any,\n  element: IElement,\n  parameters: IAnimationParameters\n) => boolean | void;\n\n// TODO: fix ACustomAnimate<any>\nexport interface IAnimationCustomConstructor {\n  new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;\n}\n\nexport interface IAnimationEffect {\n  type?: string;\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: MarkFunctionValueType<any>;\n  easing?: EasingType;\n  /** options暂时没有处理 */\n  options?: MarkFunctionValueType<any>;\n}\n\nexport interface IAnimationControlOptions {\n  /** 当动画状态变更时清空动画 */\n  stopWhenStateChange?: boolean;\n  /** 是否立即应用动画初始状态 */\n  immediatelyApply?: boolean;\n}\n\n/**\n * Animation timeline should be parsed into animation units,\n * which record all necessary configs for animator to execute animation.\n *\n * animation unit time:\n * |<--initialDelay-->| |<--loopDelay--><--Slices--><--looDelayAfter-->| |<--loopDuration-->|\n *                      |<-----------------loopDuration--------------->|\n */\nexport interface IAnimationUnit {\n  /**\n   * initial delay time before any animation loop\n   */\n  initialDelay: number;\n  /**\n   * total time for one animation loop\n   */\n  loopDuration: number;\n  /**\n   * delay time before time slices\n   */\n  loopDelay: number;\n  /**\n   * delay time after time slices\n   */\n  loopDelayAfter: number;\n  /**\n   * animating time in one animation loop\n   */\n  loopAnimateDuration: number;\n  loopCount: number;\n  totalTime: number;\n  timeSlices: IAnimationTimeSlice[];\n}\n\nexport interface IAnimationRecord {\n  start: IGraphic;\n  end: IGraphic;\n  changes: any[];\n}\n\nexport interface IAnimationParameters {\n  width: number;\n  height: number;\n  mark: IMark;\n  group: IMark | null;\n  elementIndex: number;\n  elementCount: number;\n  view: any;\n}\n\nexport interface IParsedAnimationConfig {\n  state: string;\n  timeline: IAnimationTimeline;\n  originConfig: IAnimationConfig;\n  id: string;\n}\n\nexport interface IParsedAnimationAttrs {\n  from?: any;\n  to?: any;\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: any;\n}\n\n// animate structure\n\nexport interface IAnimatorOptions {\n  state: string;\n  timeline: IAnimationTimeline;\n  id: string;\n}\n\nexport interface IAnimator {\n  id: number;\n  element: IElement;\n  animationOptions: IAnimatorOptions;\n  isAnimating: boolean;\n\n  /** execute animation */\n  animate: (animationParameters: IAnimationParameters, parameters: any) => this;\n  /** set animation callback */\n  callback: (callbackFunction: (...args: any[]) => void) => this;\n\n  // animation control\n  stop: (stopState?: 'start' | 'end', invokeCallback?: boolean) => this;\n  pause: () => this;\n  resume: () => this;\n\n  /** set additional initial animation delay */\n  startAt: (startTime: number) => this;\n  /** get total animation execution time */\n  getTotalAnimationTime: () => number;\n\n  getEndAttributes: () => Record<string, any>;\n}\n\nexport interface IAnimateArranger {\n  // animation control api\n  parallel: (arranger: IAnimateArranger) => this;\n  after: (arranger: IAnimateArranger) => this;\n\n  // internal properties\n  afterArranger: IAnimateArranger;\n  parallelArrangers: IAnimateArranger[];\n  animators: IAnimator[];\n  totalTime: number;\n  startTime: number;\n  endTime: number;\n  arrangeTime: () => void;\n}\n\nexport interface IBaseAnimate {\n  // animation control\n  stop: () => this;\n  pause: () => this;\n  resume: () => this;\n\n  // internal animation process api\n  animate: () => this;\n  enable: () => this;\n  disable: () => this;\n  enableAnimationState: (state: string | string[]) => this;\n  disableAnimationState: (state: string | string[]) => this;\n  isAnimating: () => boolean;\n\n  release: () => void;\n}\n\nexport interface IViewAnimate extends IBaseAnimate {\n  animateAddition: (mark: IMark) => this;\n}\n\nexport interface IAnimate extends IBaseAnimate {\n  mark: IMark;\n\n  // additional animation control\n  run: (config: IAnimationConfig | IAnimationConfig[]) => IAnimateArranger;\n  runAnimationByState: (animationState: string) => IAnimateArranger;\n  stopAnimationByState: (animationState: string) => this;\n  pauseAnimationByState: (animationState: string) => this;\n  resumeAnimationByState: (animationState: string) => this;\n  reverse: () => this;\n  restart: () => this;\n  record: () => this;\n  recordEnd: () => this;\n\n  // internal animation process api\n  updateConfig: (config: Record<string, IAnimationConfig | IAnimationConfig[]>) => void;\n  updateState: (state: MarkFunctionType<string> | null) => void;\n  isElementAnimating: (element: IElement) => boolean;\n  getAnimatorCount: () => number;\n  getElementAnimators: (element: IElement | IElement[], animationState?: string) => IAnimator[];\n  release: () => void;\n}\n"]}