@visactor/vgrammar-core 0.7.7 → 0.8.0

package/es/graph/mark/large-rects.d.ts

@@ -1,5 +1,5 @@
-import type { IGroupGraphicAttribute } from '@visactor/vrender';
-import { Group } from '@visactor/vrender';
+import type { IGroupGraphicAttribute } from '@visactor/vrender-core';
+import { Group } from '@visactor/vrender-core';
 interface LargeRectsAttribute extends IGroupGraphicAttribute {
     points: Float32Array | number[];
 }

package/es/graph/mark/large-rects.js

@@ -1,4 +1,4 @@
-import { Group, CustomPath2D } from "@visactor/vrender";
+import { Group, CustomPath2D } from "@visactor/vrender-core";
 
 export class LargeRects extends Group {
     constructor(attributes) {

package/es/graph/mark/large-rects.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph/mark/large-rects.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMxD,MAAM,OAAO,UAAW,SAAQ,KAAK;IACnC,YAAY,UAA+B;QACzC,KAAK,CAAC,UAAU,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAE5B,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,CAAU,CAAC;QAC7E,MAAM,MAAM,GAAI,IAAI,CAAC,SAAiC,CAAC,MAAM,CAAC;QAC9D,MAAM,MAAM,GAAG,MAAC,QAAQ,CAAC,SAAS,CAAC,IAAsB,mCAAI,IAAI,YAAY,EAAE,CAAC;QAChF,IAAI,CAAC,CAAC;QACN,IAAI,CAAC,CAAC;QACN,IAAI,KAAK,CAAC;QACV,IAAI,MAAM,CAAC;QAEX,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YACpD,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAClB,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACtB,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACvB,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SAClC;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACpF,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACnB,QAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACF","file":"large-rects.js","sourcesContent":["/**\n * use when mark render in large mode or progressive mode\n */\nimport type { IGroupGraphicAttribute, IPath, ICustomPath2D } from '@visactor/vrender';\nimport { Group, CustomPath2D } from '@visactor/vrender';\n\ninterface LargeRectsAttribute extends IGroupGraphicAttribute {\n  points: Float32Array | number[];\n}\n\nexport class LargeRects extends Group {\n  constructor(attributes: LargeRectsAttribute) {\n    super(attributes);\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n    });\n  }\n\n  render() {\n    const pathNode = this.createOrUpdateChild('large-path', {}, 'path') as IPath;\n    const points = (this.attribute as LargeRectsAttribute).points;\n    const path2d = (pathNode.attribute.path as ICustomPath2D) ?? new CustomPath2D();\n    let x;\n    let y;\n    let width;\n    let height;\n\n    path2d.clear();\n    for (let i = 0, len = points.length; i < len; i += 4) {\n      x = points[i];\n      y = points[i + 1];\n      width = points[i + 2];\n      height = points[i + 3];\n      path2d.rect(x, y, width, height);\n    }\n\n    const pathAttrs = Object.assign({}, this.attribute, { path: path2d, points: null });\n    this.attribute = {};\n    (pathNode as IPath).setAttributes(pathAttrs);\n  }\n}\n"]}
+{"version":3,"sources":["../src/graph/mark/large-rects.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAM7D,MAAM,OAAO,UAAW,SAAQ,KAAK;IACnC,YAAY,UAA+B;QACzC,KAAK,CAAC,UAAU,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAE5B,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,CAAU,CAAC;QAC7E,MAAM,MAAM,GAAI,IAAI,CAAC,SAAiC,CAAC,MAAM,CAAC;QAC9D,MAAM,MAAM,GAAG,MAAC,QAAQ,CAAC,SAAS,CAAC,IAAsB,mCAAI,IAAI,YAAY,EAAE,CAAC;QAChF,IAAI,CAAC,CAAC;QACN,IAAI,CAAC,CAAC;QACN,IAAI,KAAK,CAAC;QACV,IAAI,MAAM,CAAC;QAEX,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YACpD,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAClB,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACtB,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACvB,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SAClC;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACpF,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACnB,QAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACF","file":"large-rects.js","sourcesContent":["/**\n * use when mark render in large mode or progressive mode\n */\nimport type { IGroupGraphicAttribute, IPath, ICustomPath2D } from '@visactor/vrender-core';\nimport { Group, CustomPath2D } from '@visactor/vrender-core';\n\ninterface LargeRectsAttribute extends IGroupGraphicAttribute {\n  points: Float32Array | number[];\n}\n\nexport class LargeRects extends Group {\n  constructor(attributes: LargeRectsAttribute) {\n    super(attributes);\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n    });\n  }\n\n  render() {\n    const pathNode = this.createOrUpdateChild('large-path', {}, 'path') as IPath;\n    const points = (this.attribute as LargeRectsAttribute).points;\n    const path2d = (pathNode.attribute.path as ICustomPath2D) ?? new CustomPath2D();\n    let x;\n    let y;\n    let width;\n    let height;\n\n    path2d.clear();\n    for (let i = 0, len = points.length; i < len; i += 4) {\n      x = points[i];\n      y = points[i + 1];\n      width = points[i + 2];\n      height = points[i + 3];\n      path2d.rect(x, y, width, height);\n    }\n\n    const pathAttrs = Object.assign({}, this.attribute, { path: path2d, points: null });\n    this.attribute = {};\n    (pathNode as IPath).setAttributes(pathAttrs);\n  }\n}\n"]}

package/es/graph/mark/large-symbols.d.ts

@@ -1,5 +1,5 @@
-import type { IGroupGraphicAttribute } from '@visactor/vrender';
-import { Group } from '@visactor/vrender';
+import type { IGroupGraphicAttribute } from '@visactor/vrender-core';
+import { Group } from '@visactor/vrender-core';
 interface LargeSymbolsAttribute extends IGroupGraphicAttribute {
     size: number;
     points: Float32Array | number[];

package/es/graph/mark/large-symbols.js

@@ -1,6 +1,6 @@
 import { isNumber, max } from "@visactor/vutils";
 
-import { CustomPath2D, Group, DefaultSymbolAttribute } from "@visactor/vrender";
+import { CustomPath2D, Group, DefaultSymbolAttribute } from "@visactor/vrender-core";
 
 export class LargeSymbols extends Group {
     constructor(attributes) {

package/es/graph/mark/large-symbols.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph/mark/large-symbols.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAOhF,MAAM,OAAO,YAAa,SAAQ,KAAK;IACrC,YAAY,UAAiC;QAC3C,KAAK,CAAC,UAAU,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAE5B,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,CAAU,CAAC;QAC7E,MAAM,MAAM,GAAI,IAAI,CAAC,SAAmC,CAAC,MAAM,CAAC;QAChE,MAAM,IAAI,GAAG,MAAC,IAAI,CAAC,SAAmC,CAAC,IAAI,mCAAK,sBAAsB,CAAC,IAAe,CAAC;QACvG,MAAM,MAAM,GAAG,MAAC,QAAQ,CAAC,SAAS,CAAC,IAAsB,mCAAI,IAAI,YAAY,EAAE,CAAC;QAChF,IAAI,CAAC,CAAC;QACN,IAAI,CAAC,CAAC;QAEN,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YACpD,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAClB,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,EAAE,CAAC;SACpB;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAChG,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACnB,QAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACF","file":"large-symbols.js","sourcesContent":["import type { ICustomPath2D, IGroupGraphicAttribute, IPath } from '@visactor/vrender';\nimport { isNumber, max } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { CustomPath2D, Group, DefaultSymbolAttribute } from '@visactor/vrender';\n\ninterface LargeSymbolsAttribute extends IGroupGraphicAttribute {\n  size: number;\n  points: Float32Array | number[];\n}\n\nexport class LargeSymbols extends Group {\n  constructor(attributes: LargeSymbolsAttribute) {\n    super(attributes);\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n    });\n  }\n\n  render() {\n    const pathNode = this.createOrUpdateChild('large-path', {}, 'path') as IPath;\n    const points = (this.attribute as LargeSymbolsAttribute).points;\n    const size = (this.attribute as LargeSymbolsAttribute).size ?? (DefaultSymbolAttribute.size as number);\n    const path2d = (pathNode.attribute.path as ICustomPath2D) ?? new CustomPath2D();\n    let x;\n    let y;\n\n    path2d.clear();\n    const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n    for (let i = 0, len = points.length; i < len; i += 4) {\n      x = points[i];\n      y = points[i + 1];\n      path2d.arc(x, y, maxSize / 2, 0, Math.PI * 2);\n      path2d.closePath();\n    }\n\n    const pathAttrs = Object.assign({}, this.attribute, { path: path2d, points: null, size: null });\n    this.attribute = {};\n    (pathNode as IPath).setAttributes(pathAttrs);\n  }\n}\n"]}
+{"version":3,"sources":["../src/graph/mark/large-symbols.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAOrF,MAAM,OAAO,YAAa,SAAQ,KAAK;IACrC,YAAY,UAAiC;QAC3C,KAAK,CAAC,UAAU,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAE5B,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,CAAU,CAAC;QAC7E,MAAM,MAAM,GAAI,IAAI,CAAC,SAAmC,CAAC,MAAM,CAAC;QAChE,MAAM,IAAI,GAAG,MAAC,IAAI,CAAC,SAAmC,CAAC,IAAI,mCAAK,sBAAsB,CAAC,IAAe,CAAC;QACvG,MAAM,MAAM,GAAG,MAAC,QAAQ,CAAC,SAAS,CAAC,IAAsB,mCAAI,IAAI,YAAY,EAAE,CAAC;QAChF,IAAI,CAAC,CAAC;QACN,IAAI,CAAC,CAAC;QAEN,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YACpD,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAClB,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,EAAE,CAAC;SACpB;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAChG,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACnB,QAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACF","file":"large-symbols.js","sourcesContent":["import type { ICustomPath2D, IGroupGraphicAttribute, IPath } from '@visactor/vrender-core';\nimport { isNumber, max } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { CustomPath2D, Group, DefaultSymbolAttribute } from '@visactor/vrender-core';\n\ninterface LargeSymbolsAttribute extends IGroupGraphicAttribute {\n  size: number;\n  points: Float32Array | number[];\n}\n\nexport class LargeSymbols extends Group {\n  constructor(attributes: LargeSymbolsAttribute) {\n    super(attributes);\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n    });\n  }\n\n  render() {\n    const pathNode = this.createOrUpdateChild('large-path', {}, 'path') as IPath;\n    const points = (this.attribute as LargeSymbolsAttribute).points;\n    const size = (this.attribute as LargeSymbolsAttribute).size ?? (DefaultSymbolAttribute.size as number);\n    const path2d = (pathNode.attribute.path as ICustomPath2D) ?? new CustomPath2D();\n    let x;\n    let y;\n\n    path2d.clear();\n    const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n    for (let i = 0, len = points.length; i < len; i += 4) {\n      x = points[i];\n      y = points[i + 1];\n      path2d.arc(x, y, maxSize / 2, 0, Math.PI * 2);\n      path2d.closePath();\n    }\n\n    const pathAttrs = Object.assign({}, this.attribute, { path: path2d, points: null, size: null });\n    this.attribute = {};\n    (pathNode as IPath).setAttributes(pathAttrs);\n  }\n}\n"]}

package/es/graph/util/env.js

@@ -1,4 +1,4 @@
-import { vglobal } from "@visactor/vrender";
+import { vglobal } from "@visactor/vrender-core";
 
 export function configureEnvironment(options) {
     options.mode && vglobal.setEnv(options.mode, options.modeParams || {});

package/es/graph/util/env.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph/util/env.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,MAAM,UAAU,oBAAoB,CAAC,OAA4B;IAC/D,IAAI,OAAO,CAAC,IAAI,EAAE;QAChB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;KACxD;AACH,CAAC","file":"env.js","sourcesContent":["import { vglobal } from '@visactor/vrender';\nimport type { IEnvironmentOptions } from '../../types';\n\nexport function configureEnvironment(options: IEnvironmentOptions) {\n  if (options.mode) {\n    vglobal.setEnv(options.mode, options.modeParams || {});\n  }\n}\n"]}
+{"version":3,"sources":["../src/graph/util/env.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,MAAM,UAAU,oBAAoB,CAAC,OAA4B;IAC/D,IAAI,OAAO,CAAC,IAAI,EAAE;QAChB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;KACxD;AACH,CAAC","file":"env.js","sourcesContent":["import { vglobal } from '@visactor/vrender-core';\nimport type { IEnvironmentOptions } from '../../types';\n\nexport function configureEnvironment(options: IEnvironmentOptions) {\n  if (options.mode) {\n    vglobal.setEnv(options.mode, options.modeParams || {});\n  }\n}\n"]}

package/es/graph/util/events-extend.d.ts

@@ -1,4 +1,4 @@
-import type { FederatedEvent } from '@visactor/vrender';
+import type { FederatedEvent } from '@visactor/vrender-core';
 import type { IElement } from './../../types/element';
 import type { IView } from './../../types/view';
 import type { EventSourceType } from '../../types';

package/es/graph/util/events-extend.js

@@ -7,6 +7,6 @@ export default function getExtendedEvents(view, event, item, type, source) {
         const e = event.changedTouches ? event.changedTouches[0] : event;
         point(e);
     }
-    return event.element = item, event.vGrammarType = type, event;
+    return event.element = item, event;
 }
 //# sourceMappingURL=events-extend.js.map

package/es/graph/util/events-extend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph/util/events-extend.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,IAAW,EACX,KAAqB,EACrB,IAAc,EACd,IAAY,EACZ,MAAuB;IAEvB,IAAI,MAAM,KAAK,mBAAmB,EAAE;QAClC,MAAM,CAAC,GAAI,KAAa,CAAC,cAAc,CAAC,CAAC,CAAE,KAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACnF,KAAK,CAAC,CAAC,CAAC,CAAC;KACV;IAEA,KAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B,KAAa,CAAC,YAAY,GAAG,IAAI,CAAC;IAEnC,OAAO,KAAK,CAAC;AACf,CAAC","file":"events-extend.js","sourcesContent":["import type { FederatedEvent } from '@visactor/vrender';\nimport type { IElement } from './../../types/element';\nimport type { IView } from './../../types/view';\nimport { point } from './point';\nimport { EVENT_SOURCE_WINDOW } from '../../view/constants';\nimport type { EventSourceType } from '../../types';\n\nexport default function getExtendedEvents(\n  view: IView,\n  event: FederatedEvent,\n  item: IElement,\n  type: string,\n  source: EventSourceType\n) {\n  if (source === EVENT_SOURCE_WINDOW) {\n    const e = (event as any).changedTouches ? (event as any).changedTouches[0] : event;\n    point(e);\n  }\n\n  (event as any).element = item;\n  (event as any).vGrammarType = type;\n\n  return event;\n}\n"]}
+{"version":3,"sources":["../src/graph/util/events-extend.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,IAAW,EACX,KAAqB,EACrB,IAAc,EACd,IAAY,EACZ,MAAuB;IAEvB,IAAI,MAAM,KAAK,mBAAmB,EAAE;QAClC,MAAM,CAAC,GAAI,KAAa,CAAC,cAAc,CAAC,CAAC,CAAE,KAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACnF,KAAK,CAAC,CAAC,CAAC,CAAC;KACV;IAEA,KAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAE9B,OAAO,KAAK,CAAC;AACf,CAAC","file":"events-extend.js","sourcesContent":["import type { FederatedEvent } from '@visactor/vrender-core';\nimport type { IElement } from './../../types/element';\nimport type { IView } from './../../types/view';\nimport { point } from './point';\nimport { EVENT_SOURCE_WINDOW } from '../../view/constants';\nimport type { EventSourceType } from '../../types';\n\nexport default function getExtendedEvents(\n  view: IView,\n  event: FederatedEvent,\n  item: IElement,\n  type: string,\n  source: EventSourceType\n) {\n  if (source === EVENT_SOURCE_WINDOW) {\n    const e = (event as any).changedTouches ? (event as any).changedTouches[0] : event;\n    point(e);\n  }\n\n  (event as any).element = item;\n\n  return event;\n}\n"]}

package/es/graph/util/graphic.d.ts

@@ -1,9 +1,9 @@
 import type { IGlyphMeta, IMark } from '../../types';
-import type { IGraphic } from '@visactor/vrender';
+import type { IGraphic } from '@visactor/vrender-core';
 import { LargeRects } from '../mark/large-rects';
 import { LargeSymbols } from '../mark/large-symbols';
 export declare const isMarkType: (type: string) => boolean;
-export declare function createGraphicItem(mark: IMark, markType: string, attrs?: any): IGraphic<Partial<import("@visactor/vrender").IGraphicAttribute>> | LargeRects | LargeSymbols;
-export declare function createGlyphGraphicItem(mark: IMark, glyphMeta: IGlyphMeta, attrs?: any): import("@visactor/vrender").IGlyph<Partial<import("@visactor/vrender").IGraphicAttribute>>;
+export declare function createGraphicItem(mark: IMark, markType: string, attrs?: any): IGraphic<Partial<import("@visactor/vrender-core").IGraphicAttribute>> | LargeRects | LargeSymbols;
+export declare function createGlyphGraphicItem(mark: IMark, glyphMeta: IGlyphMeta, attrs?: any): import("@visactor/vrender-core").IGlyph<Partial<import("@visactor/vrender-core").IGraphicAttribute>>;
 export declare const removeGraphicItem: (graphicItem: IGraphic) => void;
 export declare const getMarkTypeOfLarge: (markType: string) => string;

package/es/graph/util/graphic.js

@@ -1,4 +1,4 @@
-import { createArc, createArea, createGroup, createImage, createRect3d, createLine, createPath, createRect, createSymbol, createRichText, createText, createPolygon, createGlyph, createArc3d, createPyramid3d, createCircle } from "@visactor/vrender";
+import { createArc, createArea, createGroup, createImage, createRect3d, createLine, createPath, createRect, createSymbol, createRichText, createText, createPolygon, createGlyph, createArc3d, createPyramid3d, createCircle } from "@visactor/vrender-core";
 
 import { HOOK_EVENT, GrammarMarkType } from "../enums";
 

package/es/graph/util/graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph/util/graphic.ts"],"names":[],"mappings":"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","file":"graphic.js","sourcesContent":["import type { IGlyphMeta, IMark } from '../../types';\nimport type { IGraphic } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport {\n  createArc,\n  createArea,\n  createGroup,\n  createImage,\n  createRect3d,\n  createLine,\n  createPath,\n  createRect,\n  createSymbol,\n  createRichText,\n  createText,\n  createPolygon,\n  createGlyph,\n  createArc3d,\n  createPyramid3d,\n  createCircle\n} from '@visactor/vrender';\nimport { HOOK_EVENT, GrammarMarkType } from '../enums';\nimport { BridgeElementKey } from '../constants';\nimport { LargeRects } from '../mark/large-rects';\nimport { LargeSymbols } from '../mark/large-symbols';\nimport { Factory } from '../../core/factory';\n\nconst itemCreator = {\n  circle: createCircle,\n  arc: createArc,\n  arc3d: createArc3d,\n  pyramid3d: createPyramid3d,\n  area: createArea,\n  group: createGroup,\n  image: createImage,\n  rect3d: createRect3d,\n  line: createLine,\n  path: createPath,\n  rect: createRect,\n  rule: createLine,\n  shape: createPath,\n  symbol: createSymbol,\n  text: createText,\n  richtext: createRichText,\n  polygon: createPolygon,\n  cell: createSymbol,\n  interval: createRect\n};\n\nexport const isMarkType = (type: string) => {\n  return !!itemCreator[type];\n};\n\nexport function createGraphicItem(mark: IMark, markType: string, attrs: any = {}) {\n  mark.emit(HOOK_EVENT.BEFORE_CREATE_VRENDER_MARK);\n\n  if (markType === GrammarMarkType.largeRects) {\n    return new LargeRects(attrs);\n  } else if (markType === GrammarMarkType.largeSymbols) {\n    return new LargeSymbols(attrs);\n  }\n\n  const graphicItem: IGraphic = itemCreator[markType]\n    ? itemCreator[markType](attrs)\n    : Factory.createGraphicComponent(markType, attrs);\n\n  mark.emit(HOOK_EVENT.AFTER_CREATE_VRENDER_MARK);\n  return graphicItem;\n}\n\nexport function createGlyphGraphicItem(mark: IMark, glyphMeta: IGlyphMeta, attrs: any = {}) {\n  mark.emit(HOOK_EVENT.BEFORE_CREATE_VRENDER_MARK);\n\n  const graphicItem = createGlyph(attrs);\n  const glyphMarks = glyphMeta.getMarks();\n  const subGraphics: IGraphic[] = Object.keys(glyphMarks).map(name => {\n    const graphic = itemCreator[glyphMarks[name]]();\n    graphic.name = name;\n    return graphic;\n  });\n  graphicItem.setSubGraphic(subGraphics);\n\n  mark.emit(HOOK_EVENT.AFTER_CREATE_VRENDER_MARK);\n  return graphicItem;\n}\n\nexport const removeGraphicItem = (graphicItem: IGraphic) => {\n  if (graphicItem) {\n    graphicItem[BridgeElementKey] = null;\n    graphicItem.release();\n    if (graphicItem.parent) {\n      graphicItem.parent.removeChild(graphicItem);\n    }\n  }\n};\n\nexport const getMarkTypeOfLarge = (markType: string) => {\n  if (markType === GrammarMarkType.rect) {\n    return GrammarMarkType.largeRects;\n  }\n\n  if (markType === GrammarMarkType.symbol) {\n    return GrammarMarkType.largeSymbols;\n  }\n\n  return markType;\n};\n"]}
+{"version":3,"sources":["../src/graph/util/graphic.ts"],"names":[],"mappings":"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","file":"graphic.js","sourcesContent":["import type { IGlyphMeta, IMark } from '../../types';\nimport type { IGraphic } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport {\n  createArc,\n  createArea,\n  createGroup,\n  createImage,\n  createRect3d,\n  createLine,\n  createPath,\n  createRect,\n  createSymbol,\n  createRichText,\n  createText,\n  createPolygon,\n  createGlyph,\n  createArc3d,\n  createPyramid3d,\n  createCircle\n} from '@visactor/vrender-core';\nimport { HOOK_EVENT, GrammarMarkType } from '../enums';\nimport { BridgeElementKey } from '../constants';\nimport { LargeRects } from '../mark/large-rects';\nimport { LargeSymbols } from '../mark/large-symbols';\nimport { Factory } from '../../core/factory';\n\nconst itemCreator = {\n  circle: createCircle,\n  arc: createArc,\n  arc3d: createArc3d,\n  pyramid3d: createPyramid3d,\n  area: createArea,\n  group: createGroup,\n  image: createImage,\n  rect3d: createRect3d,\n  line: createLine,\n  path: createPath,\n  rect: createRect,\n  rule: createLine,\n  shape: createPath,\n  symbol: createSymbol,\n  text: createText,\n  richtext: createRichText,\n  polygon: createPolygon,\n  cell: createSymbol,\n  interval: createRect\n};\n\nexport const isMarkType = (type: string) => {\n  return !!itemCreator[type];\n};\n\nexport function createGraphicItem(mark: IMark, markType: string, attrs: any = {}) {\n  mark.emit(HOOK_EVENT.BEFORE_CREATE_VRENDER_MARK);\n\n  if (markType === GrammarMarkType.largeRects) {\n    return new LargeRects(attrs);\n  } else if (markType === GrammarMarkType.largeSymbols) {\n    return new LargeSymbols(attrs);\n  }\n\n  const graphicItem: IGraphic = itemCreator[markType]\n    ? itemCreator[markType](attrs)\n    : Factory.createGraphicComponent(markType, attrs);\n\n  mark.emit(HOOK_EVENT.AFTER_CREATE_VRENDER_MARK);\n  return graphicItem;\n}\n\nexport function createGlyphGraphicItem(mark: IMark, glyphMeta: IGlyphMeta, attrs: any = {}) {\n  mark.emit(HOOK_EVENT.BEFORE_CREATE_VRENDER_MARK);\n\n  const graphicItem = createGlyph(attrs);\n  const glyphMarks = glyphMeta.getMarks();\n  const subGraphics: IGraphic[] = Object.keys(glyphMarks).map(name => {\n    const graphic = itemCreator[glyphMarks[name]]();\n    graphic.name = name;\n    return graphic;\n  });\n  graphicItem.setSubGraphic(subGraphics);\n\n  mark.emit(HOOK_EVENT.AFTER_CREATE_VRENDER_MARK);\n  return graphicItem;\n}\n\nexport const removeGraphicItem = (graphicItem: IGraphic) => {\n  if (graphicItem) {\n    graphicItem[BridgeElementKey] = null;\n    graphicItem.release();\n    if (graphicItem.parent) {\n      graphicItem.parent.removeChild(graphicItem);\n    }\n  }\n};\n\nexport const getMarkTypeOfLarge = (markType: string) => {\n  if (markType === GrammarMarkType.rect) {\n    return GrammarMarkType.largeRects;\n  }\n\n  if (markType === GrammarMarkType.symbol) {\n    return GrammarMarkType.largeSymbols;\n  }\n\n  return markType;\n};\n"]}

package/es/index.d.ts

@@ -1,5 +1,6 @@
-export declare const version = "0.7.7";
+export declare const version = "0.8.0";
 export * from './graph';
+export * from './interactions';
 export { View } from './view';
 export { parseFunctionType, invokeFunctionType } from './parse/util';
 export { GrammarBase } from './view/grammar-base';
@@ -12,3 +13,6 @@ export * from './glyph';
 export * from './component';
 export * from './transforms';
 export * from './graph/animation/animation';
+export { vglobal } from '@visactor/vrender-core';
+export * from './env';
+export * from './interactions';

package/es/index.js

@@ -1,7 +1,9 @@
-export const version = "0.7.7";
+export const version = "0.8.0";
 
 export * from "./graph";
 
+export * from "./interactions";
+
 export { View } from "./view";
 
 export { parseFunctionType, invokeFunctionType } from "./parse/util";
@@ -24,4 +26,11 @@ export * from "./component";
 
 export * from "./transforms";
 
-export * from "./graph/animation/animation";
+export * from "./graph/animation/animation";
+
+export { vglobal } from "@visactor/vrender-core";
+
+export * from "./env";
+
+export * from "./interactions";
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC;AAE/B,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EACL,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC","file":"index.js","sourcesContent":["// -- Exports -----\nexport const version = \"0.7.7\";\n\nexport * from './graph';\n\nexport { View } from './view';\nexport { parseFunctionType, invokeFunctionType } from './parse/util';\nexport { GrammarBase } from './view/grammar-base';\nexport * from './util/text';\nexport * from './types';\nexport { Factory } from './core/factory';\nexport {\n  SIGNAL_AUTOFIT,\n  SIGNAL_HEIGHT,\n  SIGNAL_PADDING,\n  SIGNAL_VIEW_HEIGHT,\n  SIGNAL_VIEW_WIDTH,\n  SIGNAL_WIDTH,\n  SIGNAL_VIEW_BOX\n} from './view/constants';\n\nexport { ThemeManager } from './theme/theme-manager';\n\nexport * from './glyph';\nexport * from './component';\nexport * from './transforms';\nexport * from './graph/animation/animation';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC;AAE/B,cAAc,SAAS,CAAC;AAExB,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EACL,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC","file":"index.js","sourcesContent":["// -- Exports -----\nexport const version = \"0.8.0\";\n\nexport * from './graph';\n\nexport * from './interactions';\n\nexport { View } from './view';\nexport { parseFunctionType, invokeFunctionType } from './parse/util';\nexport { GrammarBase } from './view/grammar-base';\nexport * from './util/text';\nexport * from './types';\nexport { Factory } from './core/factory';\nexport {\n  SIGNAL_AUTOFIT,\n  SIGNAL_HEIGHT,\n  SIGNAL_PADDING,\n  SIGNAL_VIEW_HEIGHT,\n  SIGNAL_VIEW_WIDTH,\n  SIGNAL_WIDTH,\n  SIGNAL_VIEW_BOX\n} from './view/constants';\n\nexport { ThemeManager } from './theme/theme-manager';\n\nexport * from './glyph';\nexport * from './component';\nexport * from './transforms';\nexport * from './graph/animation/animation';\n\nexport { vglobal } from '@visactor/vrender-core';\nexport * from './env';\nexport * from './interactions';\n"]}

package/es/interactions/base-tooltip.d.ts

@@ -0,0 +1,29 @@
+import type { TooltipAttributes, TooltipRowAttrs } from '@visactor/vrender-components';
+import { Tooltip as TooltipComponent } from '@visactor/vrender-components';
+import type { IBounds, IPointLike } from '@visactor/vutils';
+import { BaseInteraction } from './base';
+import type { IMark, ITheme, ITooltipRow, IView, RecursivePartial, TooltipOptions } from '../types';
+export declare const generateTooltipAttributes: (point: IPointLike, title: TooltipRowAttrs, content: TooltipRowAttrs[], bounds: IBounds, theme?: ITheme, addition?: RecursivePartial<TooltipAttributes>) => TooltipAttributes;
+export declare abstract class BaseTooltip<T extends TooltipOptions> extends BaseInteraction<T> {
+    options: T;
+    protected _tooltipComponent?: TooltipComponent;
+    protected _marks?: IMark[];
+    constructor(view: IView, options?: T);
+    bind(): void;
+    unbind(): void;
+    protected _computeTooltipRow(row: ITooltipRow, datum: 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;
+    };
+}

package/es/interactions/base-tooltip.js

@@ -0,0 +1,73 @@
+import { Tooltip as TooltipComponent } from "@visactor/vrender-components";
+
+import { array, isArray, isFunction, isNil, isObjectLike, isString, isValid, merge } from "@visactor/vutils";
+
+import { field as getFieldAccessor } from "@visactor/vgrammar-util";
+
+import { BaseInteraction } from "./base";
+
+import { isFieldEncode } from "../parse/mark";
+
+import { invokeFunctionType } from "../parse/util";
+
+export const generateTooltipAttributes = (point, title, content, bounds, theme, addition) => {
+    var _a;
+    const tooltipTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.tooltip;
+    return merge({}, tooltipTheme, {
+        visible: !0,
+        pointerX: point.x,
+        pointerY: point.y,
+        title: title,
+        content: content,
+        parentBounds: bounds
+    }, null != addition ? addition : {});
+};
+
+export class BaseTooltip extends BaseInteraction {
+    constructor(view, options) {
+        super(view, options), this._marks = view.getMarksBySelector(options.selector);
+    }
+    bind() {
+        super.bind();
+        const stage = this.view.renderer.stage();
+        !this._tooltipComponent && stage && (this._tooltipComponent = new TooltipComponent({}), 
+        stage.defaultLayer.appendChild(this._tooltipComponent));
+    }
+    unbind() {
+        super.unbind(), this._tooltipComponent && (this._tooltipComponent.release(), this._tooltipComponent = null);
+    }
+    _computeTooltipRow(row, datum) {
+        let key, value, symbol, visible = invokeFunctionType(row.visible, this.parameters(), datum);
+        if (visible = !!isNil(visible) || !!visible, isFieldEncode(row.key)) {
+            key = getFieldAccessor(row.key.field)(datum);
+        } else key = invokeFunctionType(row.key, this.parameters(), datum);
+        if (key = isNil(key) ? void 0 : isObjectLike(key) ? key : {
+            text: key
+        }, isFieldEncode(row.value)) {
+            value = getFieldAccessor(row.value.field)(datum);
+        } else value = invokeFunctionType(row.value, this.parameters(), datum);
+        if (value = isNil(value) ? void 0 : isObjectLike(value) ? value : {
+            text: value
+        }, isFieldEncode(row.symbol)) {
+            symbol = getFieldAccessor(row.symbol.field)(datum);
+        } else symbol = invokeFunctionType(row.symbol, this.parameters(), datum);
+        return symbol = isNil(symbol) ? void 0 : isObjectLike(symbol) ? symbol : {
+            symbolType: symbol
+        }, {
+            visible: visible,
+            key: key,
+            value: value,
+            shape: symbol
+        };
+    }
+    _computeTitleContent(datum) {
+        const title = isValid(this.options.title) ? isFunction(this.options.title) ? this.options.title.call(null, datum, null, {}) : this._computeTooltipRow(isString(this.options.title) ? {
+            value: this.options.title
+        } : this.options.title, datum) : void 0, content = isValid(this.options.content) ? isFunction(this.options.content) ? array(this.options.content.call(null, datum, null, {})) : array(datum).reduce(((content, datumRow) => content.concat(array(this.options.content).map((row => this._computeTooltipRow(row, datumRow))))), []) : void 0;
+        return {
+            title: isArray(title) ? title[0] : title,
+            content: content
+        };
+    }
+}
+//# sourceMappingURL=base-tooltip.js.map

package/es/interactions/base-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/base-tooltip.ts"],"names":[],"mappings":"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","file":"base-tooltip.js","sourcesContent":["import type { TooltipAttributes, TooltipRowAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { Tooltip as TooltipComponent } from '@visactor/vrender-components';\nimport type { IBounds, IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { array, isArray, isFunction, isNil, isObjectLike, isString, isValid, merge } from '@visactor/vutils';\nimport { field as getFieldAccessor } from '@visactor/vgrammar-util';\nimport { BaseInteraction } from './base';\nimport type { IMark, ITheme, ITooltipRow, IView, RecursivePartial, TooltipOptions } from '../types';\nimport { isFieldEncode } from '../parse/mark';\nimport { invokeFunctionType } from '../parse/util';\n\nexport const generateTooltipAttributes = (\n  point: IPointLike,\n  title: TooltipRowAttrs,\n  content: TooltipRowAttrs[],\n  bounds: IBounds,\n  theme?: ITheme,\n  addition?: RecursivePartial<TooltipAttributes>\n): TooltipAttributes => {\n  const tooltipTheme = theme?.components?.tooltip;\n\n  return merge(\n    {},\n    tooltipTheme,\n    {\n      visible: true,\n      pointerX: point.x,\n      pointerY: point.y,\n      title,\n      content,\n      parentBounds: bounds\n    },\n    addition ?? {}\n  );\n};\n\nexport abstract class BaseTooltip<T extends TooltipOptions> extends BaseInteraction<T> {\n  options: T;\n  protected _tooltipComponent?: TooltipComponent;\n  protected _marks?: IMark[];\n\n  constructor(view: IView, options?: T) {\n    super(view, options);\n    this._marks = view.getMarksBySelector(options.selector);\n  }\n\n  bind(): void {\n    super.bind();\n\n    const stage = this.view.renderer.stage();\n    if (this._tooltipComponent || !stage) {\n      return;\n    }\n    this._tooltipComponent = new TooltipComponent({});\n\n    (stage.defaultLayer as any).appendChild(this._tooltipComponent);\n  }\n\n  unbind(): void {\n    super.unbind();\n\n    if (this._tooltipComponent) {\n      this._tooltipComponent.release();\n      this._tooltipComponent = null;\n    }\n  }\n\n  protected _computeTooltipRow(row: ITooltipRow, datum: any) {\n    // compute visible\n    let visible = invokeFunctionType(row.visible, this.parameters(), datum);\n    visible = isNil(visible) ? true : !!visible;\n\n    // compute key\n    let key;\n    if (isFieldEncode(row.key)) {\n      const fieldAccessor = getFieldAccessor(row.key.field);\n      key = fieldAccessor(datum);\n    } else {\n      key = invokeFunctionType(row.key, this.parameters(), datum);\n    }\n    key = isNil(key) ? undefined : isObjectLike(key) ? key : { text: key };\n\n    // compute value\n    let value;\n    if (isFieldEncode(row.value)) {\n      const fieldAccessor = getFieldAccessor(row.value.field);\n      value = fieldAccessor(datum);\n    } else {\n      value = invokeFunctionType(row.value, this.parameters(), datum);\n    }\n    value = isNil(value) ? undefined : isObjectLike(value) ? value : { text: value };\n\n    // compute symbol\n    let symbol;\n    if (isFieldEncode(row.symbol)) {\n      const fieldAccessor = getFieldAccessor(row.symbol.field);\n      symbol = fieldAccessor(datum);\n    } else {\n      symbol = invokeFunctionType(row.symbol, this.parameters(), datum);\n    }\n    symbol = isNil(symbol) ? undefined : isObjectLike(symbol) ? symbol : { symbolType: symbol };\n\n    return { visible, key, value, shape: symbol };\n  }\n\n  protected _computeTitleContent(datum: any) {\n    const title = isValid(this.options.title)\n      ? isFunction(this.options.title)\n        ? this.options.title.call(null, datum, null, {})\n        : this._computeTooltipRow(\n            isString(this.options.title) ? { value: this.options.title } : this.options.title,\n            datum\n          )\n      : undefined;\n    const content = isValid(this.options.content)\n      ? isFunction(this.options.content)\n        ? array(this.options.content.call(null, datum, null, {}))\n        : array(datum).reduce((content, datumRow) => {\n            return content.concat(\n              array(this.options.content).map(row => this._computeTooltipRow(row as ITooltipRow, datumRow))\n            );\n          }, [])\n      : undefined;\n\n    // only display one single row in title\n    return { title: isArray(title) ? title[0] : title, content };\n  }\n}\n"]}

package/es/interactions/base.d.ts

@@ -0,0 +1,14 @@
+import type { IBaseInteractionOptions, IGrammarBase, IView, InteractionEventHandler } from '../types';
+export declare abstract class BaseInteraction<T extends IBaseInteractionOptions> {
+    readonly view: IView;
+    constructor(view: IView, options: T);
+    references: Map<IGrammarBase, number>;
+    protected abstract getEvents(): Array<{
+        type: string;
+        handler: InteractionEventHandler;
+    }>;
+    depend(grammar: IGrammarBase[] | IGrammarBase | string[] | string): void;
+    parameters(): any;
+    bind(): void;
+    unbind(): void;
+}

package/es/interactions/base.js

@@ -0,0 +1,32 @@
+import { array, isNil, isString, isValid } from "@visactor/vutils";
+
+export class BaseInteraction {
+    constructor(view, options) {
+        this.references = new Map, this.view = view, this.depend(null == options ? void 0 : options.dependencies);
+    }
+    depend(grammar) {
+        this.references.clear(), array(grammar).map((grammar => isString(grammar) ? this.view.getGrammarById(grammar) : grammar)).filter((ref => !isNil(ref))).forEach((ref => {
+            var _a;
+            this.references.set(ref, (null !== (_a = this.references.get(ref)) && void 0 !== _a ? _a : 0) + 1);
+        }));
+    }
+    parameters() {
+        const params = {};
+        return this.references.forEach(((count, ref) => {
+            isValid(ref.id()) && (params[ref.id()] = ref.output());
+        })), params;
+    }
+    bind() {
+        const events = this.getEvents();
+        (null != events ? events : []).forEach((evt => {
+            evt.type && evt.handler && this.view.addEventListener(evt.type, evt.handler);
+        }));
+    }
+    unbind() {
+        const events = this.getEvents();
+        (null != events ? events : []).forEach((evt => {
+            evt.type && evt.handler && this.view.removeEventListener(evt.type, evt.handler);
+        }));
+    }
+}
+//# sourceMappingURL=base.js.map

package/es/interactions/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAW,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG5E,MAAM,OAAgB,eAAe;IAGnC,YAAY,IAAW,EAAE,OAAU;QAKnC,eAAU,GAA8B,IAAI,GAAG,EAAE,CAAC;QAJhD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,CAAC;IACrC,CAAC;IAMD,MAAM,CAAC,OAA0D;QAC/D,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACxB,KAAK,CAAC,OAAO,CAAC;aACX,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aACjF,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;aAC1B,OAAO,CAAC,GAAG,CAAC,EAAE;;YACb,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACP,CAAC;IAED,UAAU;QACR,MAAM,MAAM,GAAQ,EAAE,CAAC;QACvB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YAErC,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE;gBACrB,MAAM,CAAC,GAAG,CAAC,EAAE,EAAY,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC;aAC3C;QACH,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI;QACF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAEhC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE;gBAC3B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;aACnD;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QAEJ,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAEhC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE;gBAC3B,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;aACtD;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF","file":"base.js","sourcesContent":["import { array, isArray, isNil, isString, isValid } from '@visactor/vutils';\nimport type { IBaseInteractionOptions, IGrammarBase, IView, InteractionEventHandler } from '../types';\n\nexport abstract class BaseInteraction<T extends IBaseInteractionOptions> {\n  readonly view: IView;\n\n  constructor(view: IView, options: T) {\n    this.view = view;\n    this.depend(options?.dependencies);\n  }\n\n  references: Map<IGrammarBase, number> = new Map();\n\n  protected abstract getEvents(): Array<{ type: string; handler: InteractionEventHandler }>;\n\n  depend(grammar: IGrammarBase[] | IGrammarBase | string[] | string) {\n    this.references.clear();\n    array(grammar)\n      .map(grammar => (isString(grammar) ? this.view.getGrammarById(grammar) : grammar))\n      .filter(ref => !isNil(ref))\n      .forEach(ref => {\n        this.references.set(ref, (this.references.get(ref) ?? 0) + 1);\n      });\n  }\n\n  parameters() {\n    const params: any = {};\n    this.references.forEach((count, ref) => {\n      // upstream reference with no valid id will not be recorded in parameters\n      if (isValid(ref.id())) {\n        params[ref.id() as string] = ref.output();\n      }\n    });\n    return params;\n  }\n\n  bind() {\n    const events = this.getEvents();\n\n    (events ?? []).forEach(evt => {\n      if (evt.type && evt.handler) {\n        this.view.addEventListener(evt.type, evt.handler);\n      }\n    });\n  }\n\n  unbind() {\n    // unbind events\n    const events = this.getEvents();\n\n    (events ?? []).forEach(evt => {\n      if (evt.type && evt.handler) {\n        this.view.removeEventListener(evt.type, evt.handler);\n      }\n    });\n  }\n}\n"]}

package/es/interactions/brush-active.d.ts

@@ -0,0 +1,17 @@
+import type { IPolygon } from '@visactor/vrender-core';
+import type { BrushActiveOptions, IView } from '../types';
+import { BrushBase } from './brush-base';
+import { type IBounds } from '@visactor/vutils';
+export declare class BrushActive extends BrushBase<BrushActiveOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: BrushActiveOptions;
+    constructor(view: IView, option?: BrushActiveOptions);
+    handleBrushUpdate: (options: {
+        operateType: string;
+        operateMask: IPolygon;
+        operatedMaskAABBBounds: {
+            [name: string]: IBounds;
+        };
+    }) => void;
+}

package/es/interactions/brush-active.js

@@ -0,0 +1,23 @@
+import { InteractionStateEnum } from "../graph/enums";
+
+import { BrushBase } from "./brush-base";
+
+export class BrushActive extends BrushBase {
+    constructor(view, option) {
+        super(view, Object.assign({}, BrushActive.defaultOptions, option)), this.type = BrushActive.type, 
+        this.handleBrushUpdate = options => {
+            const elements = [];
+            this._marks.forEach((mark => {
+                mark.elements.forEach((el => {
+                    this.isBrushContainGraphicItem(options.operateMask, el.getGraphicItem()) ? (elements.push(el), 
+                    el.addState(this.options.state)) : el.removeState(this.options.state);
+                }));
+            })), this.dispatchEvent(options, elements);
+        };
+    }
+}
+
+BrushActive.type = "brush-active", BrushActive.defaultOptions = {
+    state: InteractionStateEnum.active
+};
+//# sourceMappingURL=brush-active.js.map

package/es/interactions/brush-active.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/brush-active.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,OAAO,WAAY,SAAQ,SAA6B;IAQ5D,YAAY,IAAW,EAAE,MAA2B;QAClD,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,WAAW,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;QAPrE,SAAI,GAAW,WAAW,CAAC,IAAI,CAAC;QAUhC,sBAAiB,GAAG,CAAC,OAIpB,EAAE,EAAE;YACH,MAAM,QAAQ,GAAiC,EAAE,CAAC;YAElD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;oBAE1F,IAAI,QAAQ,EAAE;wBACZ,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wBAClB,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;qBACjC;yBAAM;wBACL,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;qBACpC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACxC,CAAC,CAAC;IAvBF,CAAC;;AATM,gBAAI,GAAW,cAAc,CAAC;AAG9B,0BAAc,GAAuB;IAC1C,KAAK,EAAE,oBAAoB,CAAC,MAAM;CACnC,CAAC","file":"brush-active.js","sourcesContent":["import type { IPolygon } from '@visactor/vrender-core';\nimport { InteractionStateEnum } from '../graph/enums';\nimport type { BrushActiveOptions, IElement, IGlyphElement, IView } from '../types';\nimport { BrushBase } from './brush-base';\nimport { type IBounds } from '@visactor/vutils';\n\nexport class BrushActive extends BrushBase<BrushActiveOptions> {\n  static type: string = 'brush-active';\n  type: string = BrushActive.type;\n\n  static defaultOptions: BrushActiveOptions = {\n    state: InteractionStateEnum.active\n  };\n\n  constructor(view: IView, option?: BrushActiveOptions) {\n    super(view, Object.assign({}, BrushActive.defaultOptions, option));\n  }\n\n  handleBrushUpdate = (options: {\n    operateType: string;\n    operateMask: IPolygon;\n    operatedMaskAABBBounds: { [name: string]: IBounds };\n  }) => {\n    const elements: (IElement | IGlyphElement)[] = [];\n\n    this._marks.forEach(mark => {\n      mark.elements.forEach(el => {\n        const isActive = this.isBrushContainGraphicItem(options.operateMask, el.getGraphicItem());\n\n        if (isActive) {\n          elements.push(el);\n          el.addState(this.options.state);\n        } else {\n          el.removeState(this.options.state);\n        }\n      });\n    });\n\n    this.dispatchEvent(options, elements);\n  };\n}\n"]}

package/es/interactions/brush-base.d.ts

@@ -0,0 +1,43 @@
+import { Brush } from '@visactor/vrender-components';
+import type { BrushOptions, IElement, IGlyphElement, IMark, IView, InteractionEventHandler } from '../types';
+import { BaseInteraction } from './base';
+import type { IGraphic, IPolygon } from '@visactor/vrender-core';
+import { type IBounds } from '@visactor/vutils';
+export declare abstract class BrushBase<T extends BrushOptions> extends BaseInteraction<T> {
+    options: T;
+    protected _brushComp?: Brush;
+    protected _marks?: IMark[];
+    constructor(view: IView, options?: T);
+    protected getEvents(): Array<{
+        type: string;
+        handler: InteractionEventHandler;
+    }>;
+    protected isPolygonBrushContainGraphicItem(brushMask: IPolygon, graphicItem: IGraphic, offset?: {
+        x: number;
+        y: number;
+    }): boolean;
+    protected isRectBrushContainGraphicItem(brushMask: IPolygon, graphicItem: IGraphic, offset?: {
+        x: number;
+        y: number;
+    }): boolean;
+    protected isBrushContainGraphicItem(brushMask: IPolygon, graphicItem: IGraphic, offset?: {
+        x: number;
+        y: number;
+    }): boolean;
+    handleAfterDraw: () => void;
+    abstract handleBrushUpdate: (options: {
+        operateType: string;
+        operateMask: IPolygon;
+        operatedMaskAABBBounds: {
+            [name: string]: IBounds;
+        };
+    }) => void;
+    unbind(): void;
+    protected dispatchEvent(options: {
+        operateType: string;
+        operateMask: IPolygon;
+        operatedMaskAABBBounds: {
+            [name: string]: IBounds;
+        };
+    }, activeElements: (IElement | IGlyphElement)[]): void;
+}

package/es/interactions/brush-base.js

@@ -0,0 +1,103 @@
+import { Brush, IOperateType } from "@visactor/vrender-components";
+
+import { BaseInteraction } from "./base";
+
+import { polygonContainPoint, polygonIntersectPolygon, isRectIntersect } from "@visactor/vutils";
+
+import { HOOK_EVENT } from "../graph";
+
+export class BrushBase extends BaseInteraction {
+    constructor(view, options) {
+        super(view, options), this.handleAfterDraw = () => {
+            var _a, _b, _c, _d;
+            const stage = this.view.renderer.stage();
+            if (this._brushComp || !stage) return;
+            const viewBox = this.view.getViewBox();
+            this._brushComp = new Brush({
+                interactiveRange: null !== (_a = this.options.interactiveRange) && void 0 !== _a ? _a : {
+                    minX: viewBox.x1,
+                    maxX: viewBox.x2,
+                    minY: viewBox.y1,
+                    maxY: viewBox.y2
+                },
+                xRange: null !== (_b = this.options.xRange) && void 0 !== _b ? _b : [ viewBox.x1, viewBox.x2 ],
+                yRange: null !== (_c = this.options.yRange) && void 0 !== _c ? _c : [ viewBox.y1, viewBox.y2 ],
+                brushMode: null !== (_d = this.options.brushMode) && void 0 !== _d ? _d : "single",
+                brushType: this.options.brushType,
+                brushStyle: this.options.brushStyle,
+                brushMoved: this.options.brushMoved,
+                removeOnClick: this.options.removeOnClick,
+                sizeThreshold: this.options.sizeThreshold,
+                delayType: this.options.delayType,
+                delayTime: this.options.delayTime
+            }), this._brushComp.setUpdateDragMaskCallback(this.handleBrushUpdate), stage.defaultLayer.appendChild(this._brushComp);
+        }, this.options = options, this._marks = view.getMarksBySelector(this.options.selector);
+    }
+    getEvents() {
+        return [ {
+            type: HOOK_EVENT.BEFORE_DO_RENDER,
+            handler: this.handleAfterDraw
+        } ];
+    }
+    isPolygonBrushContainGraphicItem(brushMask, graphicItem, offset) {
+        var _a, _b;
+        const points = brushMask.attribute.points, {a: a, b: b, c: c, d: d, e: e, f: f} = brushMask.globalTransMatrix, dx = null !== (_a = null == offset ? void 0 : offset.x) && void 0 !== _a ? _a : 0, dy = null !== (_b = null == offset ? void 0 : offset.y) && void 0 !== _b ? _b : 0, pointsCoord = points.map((p => ({
+            x: a * p.x + c * p.y + e + dx,
+            y: b * p.x + d * p.y + f + dy
+        }))), globalAABBBoundsOffset = brushMask.globalAABBBounds.clone().set(brushMask.globalAABBBounds.x1 + dx, brushMask.globalAABBBounds.y1 + dy, brushMask.globalAABBBounds.x2 + dx, brushMask.globalAABBBounds.y2 + dy), x = graphicItem.globalTransMatrix.e, y = graphicItem.globalTransMatrix.f;
+        if ("symbol" === graphicItem.type || "circle" === graphicItem.type) return globalAABBBoundsOffset.contains(x, y) && polygonContainPoint(pointsCoord, x, y);
+        if ("rect" === graphicItem.type) {
+            const {width: width = 0, height: height = 0} = null == graphicItem ? void 0 : graphicItem.attribute;
+            return polygonIntersectPolygon(pointsCoord, [ {
+                x: x,
+                y: y
+            }, {
+                x: x + width,
+                y: y
+            }, {
+                x: x + width,
+                y: y + height
+            }, {
+                x: x,
+                y: y + height
+            } ]);
+        }
+        return brushMask.globalAABBBounds.intersects(graphicItem.globalAABBBounds);
+    }
+    isRectBrushContainGraphicItem(brushMask, graphicItem, offset) {
+        var _a, _b;
+        const dx = null !== (_a = null == offset ? void 0 : offset.x) && void 0 !== _a ? _a : 0, dy = null !== (_b = null == offset ? void 0 : offset.y) && void 0 !== _b ? _b : 0, globalAABBBoundsOffset = brushMask.globalAABBBounds.clone().set(brushMask.globalAABBBounds.x1 + dx, brushMask.globalAABBBounds.y1 + dy, brushMask.globalAABBBounds.x2 + dx, brushMask.globalAABBBounds.y2 + dy), x = graphicItem.globalTransMatrix.e, y = graphicItem.globalTransMatrix.f;
+        if ("symbol" === graphicItem.type || "circle" === graphicItem.type) return globalAABBBoundsOffset.contains(x, y);
+        if ("rect" === graphicItem.type) {
+            const {width: width = 0, height: height = 0} = null == graphicItem ? void 0 : graphicItem.attribute;
+            return isRectIntersect(globalAABBBoundsOffset, {
+                x1: x,
+                y1: y,
+                x2: x + width,
+                y2: y + height
+            }, !1);
+        }
+        return brushMask.globalAABBBounds.intersects(graphicItem.globalAABBBounds);
+    }
+    isBrushContainGraphicItem(brushMask, graphicItem, offset) {
+        var _a;
+        return !(!((null == brushMask ? void 0 : brushMask.globalTransMatrix) && brushMask.globalAABBBounds && !brushMask.globalAABBBounds.empty() && graphicItem && (null === (_a = null == brushMask ? void 0 : brushMask.attribute) || void 0 === _a ? void 0 : _a.points)) || brushMask.attribute.points.length <= 1) && ("polygon" === this.options.brushType ? this.isPolygonBrushContainGraphicItem(brushMask, graphicItem, offset) : this.isRectBrushContainGraphicItem(brushMask, graphicItem, offset));
+    }
+    unbind() {
+        super.unbind(), this._brushComp && (this._brushComp.releaseBrushEvents(), this._brushComp.release(), 
+        this._brushComp = null);
+    }
+    dispatchEvent(options, activeElements) {
+        const params = {
+            operateType: options.operateType,
+            operateMask: options.operateMask,
+            activeElements: activeElements
+        };
+        options.operateType === IOperateType.drawStart || options.operateType === IOperateType.moveStart ? (this.view.emit("brushStart", params), 
+        this.options.onStart && this.options.onStart(params)) : options.operateType === IOperateType.drawing || options.operateType === IOperateType.moving ? (this.view.emit("brushUpdate", params), 
+        this.options.onUpdate && this.options.onEnd(params)) : options.operateType === IOperateType.drawEnd || options.operateType === IOperateType.moveEnd ? (this.view.emit("brushEnd", params), 
+        this.options.onEnd && this.options.onEnd(params)) : (this.view.emit("brushReset", params), 
+        this.options.onReset && this.options.onReset(params));
+    }
+}
+//# sourceMappingURL=brush-base.js.map