dtable-statistic 4.4.24-alpha.9 → 5.0.0

package/es/custom-g2.js

@@ -0,0 +1,644 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Util: true,
+  getRectWithCornerRadius: true
+};
+exports.Util = void 0;
+Object.defineProperty(exports, "getRectWithCornerRadius", {
+  enumerable: true,
+  get: function () {
+    return _util.getRectWithCornerRadius;
+  }
+});
+var CanvasEngine = _interopRequireWildcard(require("@antv/g-canvas/esm/index"));
+var _area = _interopRequireDefault(require("@antv/g2/esm/geometry/area"));
+var _edge = _interopRequireDefault(require("@antv/g2/esm/geometry/edge"));
+var _heatmap = _interopRequireDefault(require("@antv/g2/esm/geometry/heatmap"));
+var _interval = _interopRequireDefault(require("@antv/g2/esm/geometry/interval"));
+var _line = _interopRequireDefault(require("@antv/g2/esm/geometry/line"));
+var _path = _interopRequireDefault(require("@antv/g2/esm/geometry/path"));
+var _point = _interopRequireDefault(require("@antv/g2/esm/geometry/point"));
+var _polygon = _interopRequireDefault(require("@antv/g2/esm/geometry/polygon"));
+var _schema = _interopRequireDefault(require("@antv/g2/esm/geometry/schema"));
+require("@antv/g2/esm/geometry/shape/area/line");
+require("@antv/g2/esm/geometry/shape/area/smooth");
+require("@antv/g2/esm/geometry/shape/area/smooth-line");
+require("@antv/g2/esm/geometry/shape/edge/arc");
+require("@antv/g2/esm/geometry/shape/edge/smooth");
+require("@antv/g2/esm/geometry/shape/edge/vhv");
+require("@antv/g2/esm/geometry/shape/interval/funnel");
+require("@antv/g2/esm/geometry/shape/interval/hollow-rect");
+require("@antv/g2/esm/geometry/shape/interval/line");
+require("@antv/g2/esm/geometry/shape/interval/pyramid");
+require("@antv/g2/esm/geometry/shape/interval/tick");
+require("@antv/g2/esm/geometry/shape/line/step");
+require("@antv/g2/esm/geometry/shape/point/hollow");
+require("@antv/g2/esm/geometry/shape/point/image");
+require("@antv/g2/esm/geometry/shape/point/solid");
+require("@antv/g2/esm/geometry/shape/schema/box");
+require("@antv/g2/esm/geometry/shape/schema/candle");
+var _base = _interopRequireDefault(require("@antv/g2/esm/geometry/label/base"));
+var _interval2 = _interopRequireDefault(require("@antv/g2/esm/geometry/label/interval"));
+var _pie = _interopRequireDefault(require("@antv/g2/esm/geometry/label/pie"));
+var _polar = _interopRequireDefault(require("@antv/g2/esm/geometry/label/polar"));
+var _limitInCanvas = require("@antv/g2/esm/geometry/label/layout/limit-in-canvas");
+var _limitInShape = require("@antv/g2/esm/geometry/label/layout/limit-in-shape");
+var _overlap = require("@antv/g2/esm/geometry/label/layout/overlap");
+var _fade = require("@antv/g2/esm/animate/animation/fade");
+var _growIn = require("@antv/g2/esm/animate/animation/grow-in");
+var _pathIn = require("@antv/g2/esm/animate/animation/path-in");
+var _positionUpdate = require("@antv/g2/esm/animate/animation/position-update");
+var _scaleIn = require("@antv/g2/esm/animate/animation/scale-in");
+var _sectorPathUpdate = require("@antv/g2/esm/animate/animation/sector-path-update");
+var _waveIn = require("@antv/g2/esm/animate/animation/wave-in");
+var _zoom = require("@antv/g2/esm/animate/animation/zoom");
+var _core = require("@antv/g2/esm/core");
+Object.keys(_core).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _core[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _core[key];
+    }
+  });
+});
+var _circle = _interopRequireDefault(require("@antv/g2/esm/facet/circle"));
+var _list = _interopRequireDefault(require("@antv/g2/esm/facet/list"));
+var _matrix = _interopRequireDefault(require("@antv/g2/esm/facet/matrix"));
+var _mirror = _interopRequireDefault(require("@antv/g2/esm/facet/mirror"));
+var _rect = _interopRequireDefault(require("@antv/g2/esm/facet/rect"));
+var _tree = _interopRequireDefault(require("@antv/g2/esm/facet/tree"));
+var _annotation = _interopRequireDefault(require("@antv/g2/esm/chart/controller/annotation"));
+var _axis = _interopRequireDefault(require("@antv/g2/esm/chart/controller/axis"));
+var _legend = _interopRequireDefault(require("@antv/g2/esm/chart/controller/legend"));
+var _slider = _interopRequireDefault(require("@antv/g2/esm/chart/controller/slider"));
+var _tooltip = _interopRequireDefault(require("@antv/g2/esm/chart/controller/tooltip"));
+var _activeRegion = _interopRequireDefault(require("@antv/g2/esm/interaction/action/active-region"));
+var _sibling = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/tooltip/sibling"));
+var _geometry = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/tooltip/geometry"));
+var _active = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/active"));
+var _linkByColor = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/link-by-color"));
+var _rangeActive = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/range-active"));
+var _singleActive = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/single-active"));
+var _highlight = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/highlight"));
+var _highlightByColor = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/highlight-by-color"));
+var _highlightByX = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/highlight-by-x"));
+var _rangeHighlight = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/range-highlight"));
+var _singleHighlight = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/single-highlight"));
+var _rangeSelected = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/range-selected"));
+var _selected = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/selected"));
+var _singleSelected = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/single-selected"));
+var _listActive = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/list-active"));
+var _listHighlight = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/list-highlight"));
+var _listSelected = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/list-selected"));
+var _listUnchecked = _interopRequireDefault(require("@antv/g2/esm/interaction/action/component/list-unchecked"));
+var _circle2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/circle"));
+var _dimRect = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/dim-rect"));
+var _path2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/path"));
+var _rect2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/rect"));
+var _smoothPath = _interopRequireDefault(require("@antv/g2/esm/interaction/action/mask/smooth-path"));
+var _cursor = _interopRequireDefault(require("@antv/g2/esm/interaction/action/cursor"));
+var _filter = _interopRequireDefault(require("@antv/g2/esm/interaction/action/data/filter"));
+var _rangeFilter = _interopRequireDefault(require("@antv/g2/esm/interaction/action/data/range-filter"));
+var _siblingFilter = _interopRequireDefault(require("@antv/g2/esm/interaction/action/data/sibling-filter"));
+var _filter2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/filter"));
+var _siblingFilter2 = _interopRequireDefault(require("@antv/g2/esm/interaction/action/element/sibling-filter"));
+var _button = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/button"));
+var _drag = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/drag"));
+var _move = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/move"));
+var _scaleTranslate = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/scale-translate"));
+var _scaleZoom = _interopRequireDefault(require("@antv/g2/esm/interaction/action/view/scale-zoom"));
+var _graphics = require("@antv/g2/esm/util/graphics");
+var _transform = require("@antv/g2/esm/util/transform");
+var _util = require("@antv/g2/esm/geometry/shape/interval/util");
+// register theme
+
+// import * as SvgEngine from '@antv/g-svg/esm/index';
+
+// import all internal shapes
+
+// register G renderer
+(0, _core.registerEngine)('canvas', CanvasEngine);
+// registerEngine('svg', SvgEngine);
+
+// register internal G2 geometry
+(0, _core.registerGeometry)('Polygon', _polygon.default);
+(0, _core.registerGeometry)('Interval', _interval.default);
+(0, _core.registerGeometry)('Schema', _schema.default);
+(0, _core.registerGeometry)('Path', _path.default);
+(0, _core.registerGeometry)('Point', _point.default);
+(0, _core.registerGeometry)('Line', _line.default);
+(0, _core.registerGeometry)('Area', _area.default);
+(0, _core.registerGeometry)('Edge', _edge.default);
+(0, _core.registerGeometry)('Heatmap', _heatmap.default);
+
+// register internal Geometry'label
+(0, _core.registerGeometryLabel)('base', _base.default);
+(0, _core.registerGeometryLabel)('interval', _interval2.default);
+(0, _core.registerGeometryLabel)('pie', _pie.default);
+(0, _core.registerGeometryLabel)('polar', _polar.default);
+
+// register internal Geometry-label's layout funcs
+(0, _core.registerGeometryLabelLayout)('overlap', _overlap.overlap);
+(0, _core.registerGeometryLabelLayout)('fixed-overlap', _overlap.fixedOverlap);
+(0, _core.registerGeometryLabelLayout)('limit-in-shape', _limitInShape.limitInShape);
+(0, _core.registerGeometryLabelLayout)('limit-in-canvas', _limitInCanvas.limitInCanvas);
+
+// register animation funcs
+(0, _core.registerAnimation)('fade-in', _fade.fadeIn);
+(0, _core.registerAnimation)('fade-out', _fade.fadeOut);
+(0, _core.registerAnimation)('grow-in-x', _growIn.growInX);
+(0, _core.registerAnimation)('grow-in-xy', _growIn.growInXY);
+(0, _core.registerAnimation)('grow-in-y', _growIn.growInY);
+(0, _core.registerAnimation)('scale-in-x', _scaleIn.scaleInX);
+(0, _core.registerAnimation)('scale-in-y', _scaleIn.scaleInY);
+(0, _core.registerAnimation)('wave-in', _waveIn.waveIn);
+(0, _core.registerAnimation)('zoom-in', _zoom.zoomIn);
+(0, _core.registerAnimation)('zoom-out', _zoom.zoomOut);
+(0, _core.registerAnimation)('position-update', _positionUpdate.positionUpdate);
+(0, _core.registerAnimation)('sector-path-update', _sectorPathUpdate.sectorPathUpdate);
+(0, _core.registerAnimation)('path-in', _pathIn.pathIn);
+
+// register internal Facet
+(0, _core.registerFacet)('rect', _rect.default);
+(0, _core.registerFacet)('mirror', _mirror.default);
+(0, _core.registerFacet)('list', _list.default);
+(0, _core.registerFacet)('matrix', _matrix.default);
+(0, _core.registerFacet)('circle', _circle.default);
+(0, _core.registerFacet)('tree', _tree.default);
+
+// register internal Component
+// register build-in components
+(0, _core.registerComponentController)('axis', _axis.default);
+(0, _core.registerComponentController)('legend', _legend.default);
+(0, _core.registerComponentController)('tooltip', _tooltip.default);
+(0, _core.registerComponentController)('annotation', _annotation.default);
+(0, _core.registerComponentController)('slider', _slider.default);
+
+// register Interaction Action
+(0, _core.registerAction)('tooltip', _geometry.default);
+(0, _core.registerAction)('sibling-tooltip', _sibling.default);
+(0, _core.registerAction)('element-active', _active.default);
+(0, _core.registerAction)('element-single-active', _singleActive.default);
+(0, _core.registerAction)('element-range-active', _rangeActive.default);
+(0, _core.registerAction)('element-highlight', _highlight.default);
+(0, _core.registerAction)('element-highlight-by-x', _highlightByX.default);
+(0, _core.registerAction)('element-highlight-by-color', _highlightByColor.default);
+(0, _core.registerAction)('element-single-highlight', _singleHighlight.default);
+(0, _core.registerAction)('element-range-highlight', _rangeHighlight.default);
+(0, _core.registerAction)('element-sibling-highlight', _rangeHighlight.default, {
+  effectSiblings: true,
+  effectByRecord: true
+});
+(0, _core.registerAction)('element-selected', _selected.default);
+(0, _core.registerAction)('element-single-selected', _singleSelected.default);
+(0, _core.registerAction)('element-range-selected', _rangeSelected.default);
+(0, _core.registerAction)('element-link-by-color', _linkByColor.default);
+(0, _core.registerAction)('active-region', _activeRegion.default);
+(0, _core.registerAction)('list-active', _listActive.default);
+(0, _core.registerAction)('list-selected', _listSelected.default);
+(0, _core.registerAction)('list-highlight', _listHighlight.default);
+(0, _core.registerAction)('list-unchecked', _listUnchecked.default);
+(0, _core.registerAction)('rect-mask', _rect2.default);
+(0, _core.registerAction)('x-rect-mask', _dimRect.default, {
+  dim: 'x'
+});
+(0, _core.registerAction)('y-rect-mask', _dimRect.default, {
+  dim: 'y'
+});
+(0, _core.registerAction)('circle-mask', _circle2.default);
+(0, _core.registerAction)('path-mask', _path2.default);
+(0, _core.registerAction)('smooth-path-mask', _smoothPath.default);
+(0, _core.registerAction)('cursor', _cursor.default);
+(0, _core.registerAction)('data-filter', _filter.default);
+(0, _core.registerAction)('brush', _rangeFilter.default);
+(0, _core.registerAction)('brush-x', _rangeFilter.default, {
+  dims: ['x']
+});
+(0, _core.registerAction)('brush-y', _rangeFilter.default, {
+  dims: ['y']
+});
+(0, _core.registerAction)('sibling-filter', _siblingFilter.default);
+(0, _core.registerAction)('sibling-x-filter', _siblingFilter.default);
+(0, _core.registerAction)('sibling-y-filter', _siblingFilter.default);
+(0, _core.registerAction)('element-filter', _filter2.default);
+(0, _core.registerAction)('element-sibling-filter', _siblingFilter2.default);
+(0, _core.registerAction)('element-sibling-filter-record', _siblingFilter2.default, {
+  byRecord: true
+});
+(0, _core.registerAction)('view-drag', _drag.default);
+(0, _core.registerAction)('view-move', _move.default);
+(0, _core.registerAction)('scale-translate', _scaleTranslate.default);
+(0, _core.registerAction)('scale-zoom', _scaleZoom.default);
+(0, _core.registerAction)('reset-button', _button.default, {
+  name: 'reset-button',
+  text: 'reset'
+});
+
+// register default Interaction
+function isPointInView(context) {
+  return context.isInPlot();
+}
+
+// register tooltip's interaction
+(0, _core.registerInteraction)('tooltip', {
+  start: [{
+    trigger: 'plot:mousemove',
+    action: 'tooltip:show'
+  }],
+  end: [{
+    trigger: 'plot:mouseleave',
+    action: 'tooltip:hide'
+  }]
+});
+
+// activities of element while moved on
+(0, _core.registerInteraction)('element-active', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: 'element-active:active'
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: 'element-active:reset'
+  }]
+});
+
+// allow unchecked via click
+(0, _core.registerInteraction)('element-selected', {
+  start: [{
+    trigger: 'element:click',
+    action: 'element-selected:toggle'
+  }]
+});
+
+// allow cancel via hover highlight
+(0, _core.registerInteraction)('element-highlight', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: 'element-highlight:highlight'
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: 'element-highlight:reset'
+  }]
+});
+
+// allow cancel via hover highlight by x
+(0, _core.registerInteraction)('element-highlight-by-x', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: 'element-highlight-by-x:highlight'
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: 'element-highlight-by-x:reset'
+  }]
+});
+
+// allow cancel via hover highlight by y
+(0, _core.registerInteraction)('element-highlight-by-color', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: 'element-highlight-by-color:highlight'
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: 'element-highlight-by-color:reset'
+  }]
+});
+
+// legend hover，element active
+(0, _core.registerInteraction)('legend-active', {
+  start: [{
+    trigger: 'legend-item:mouseenter',
+    action: ['list-active:active', 'element-active:active']
+  }],
+  end: [{
+    trigger: 'legend-item:mouseleave',
+    action: ['list-active:reset', 'element-active:reset']
+  }]
+});
+
+// legend hover，element active
+(0, _core.registerInteraction)('legend-highlight', {
+  start: [{
+    trigger: 'legend-item:mouseenter',
+    action: ['list-highlight:highlight', 'element-highlight:highlight']
+  }],
+  end: [{
+    trigger: 'legend-item:mouseleave',
+    action: ['list-highlight:reset', 'element-highlight:reset']
+  }]
+});
+
+// legend hover，element active
+(0, _core.registerInteraction)('axis-label-highlight', {
+  start: [{
+    trigger: 'axis-label:mouseenter',
+    action: ['list-highlight:highlight', 'element-highlight:highlight']
+  }],
+  end: [{
+    trigger: 'axis-label:mouseleave',
+    action: ['list-highlight:reset', 'element-highlight:reset']
+  }]
+});
+
+// legend hover，element active
+(0, _core.registerInteraction)('element-list-highlight', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: ['list-highlight:highlight', 'element-highlight:highlight']
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: ['list-highlight:reset', 'element-highlight:reset']
+  }]
+});
+
+// box selection
+(0, _core.registerInteraction)('element-range-highlight', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'mask:mouseenter',
+    action: 'cursor:move'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }, {
+    trigger: 'mask:mouseleave',
+    action: 'cursor:crosshair'
+  }],
+  start: [{
+    trigger: 'plot:mousedown',
+    isEnable: function (context) {
+      return !context.isInShape('mask');
+    },
+    action: ['rect-mask:start', 'rect-mask:show']
+  }, {
+    trigger: 'mask:dragstart',
+    action: ['rect-mask:moveStart']
+  }],
+  processing: [{
+    trigger: 'plot:mousemove',
+    action: ['rect-mask:resize']
+  }, {
+    trigger: 'mask:drag',
+    action: ['rect-mask:move']
+  }, {
+    trigger: 'mask:change',
+    action: ['element-range-highlight:highlight']
+  }],
+  end: [{
+    trigger: 'plot:mouseup',
+    action: ['rect-mask:end']
+  }, {
+    trigger: 'mask:dragend',
+    action: ['rect-mask:moveEnd']
+  }, {
+    trigger: 'document:mouseup',
+    isEnable: function (context) {
+      return !context.isInPlot();
+    },
+    action: ['element-range-highlight:clear', 'rect-mask:end', 'rect-mask:hide']
+  }],
+  rollback: [{
+    trigger: 'dblclick',
+    action: ['element-range-highlight:clear', 'rect-mask:hide']
+  }]
+});
+(0, _core.registerInteraction)('brush', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'mousedown',
+    isEnable: isPointInView,
+    action: ['brush:start', 'rect-mask:start', 'rect-mask:show']
+  }],
+  processing: [{
+    trigger: 'mousemove',
+    isEnable: isPointInView,
+    action: ['rect-mask:resize']
+  }],
+  end: [{
+    trigger: 'mouseup',
+    isEnable: isPointInView,
+    action: ['brush:filter', 'brush:end', 'rect-mask:end', 'rect-mask:hide', 'reset-button:show']
+  }],
+  rollback: [{
+    trigger: 'reset-button:click',
+    action: ['brush:reset', 'reset-button:hide', 'cursor:crosshair']
+  }]
+});
+(0, _core.registerInteraction)('brush-visible', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'plot:mousedown',
+    action: ['rect-mask:start', 'rect-mask:show', 'element-range-highlight:start']
+  }],
+  processing: [{
+    trigger: 'plot:mousemove',
+    action: ['rect-mask:resize', 'element-range-highlight:highlight']
+  }, {
+    trigger: 'mask:end',
+    action: ['element-filter:filter']
+  }],
+  end: [{
+    trigger: 'mouseup',
+    isEnable: isPointInView,
+    action: ['rect-mask:end', 'rect-mask:hide', 'element-range-highlight:end', 'element-range-highlight:clear']
+  }],
+  rollback: [{
+    trigger: 'dblclick',
+    action: ['element-filter:clear']
+  }]
+});
+(0, _core.registerInteraction)('brush-x', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'mousedown',
+    isEnable: isPointInView,
+    action: ['brush-x:start', 'x-rect-mask:start', 'x-rect-mask:show']
+  }],
+  processing: [{
+    trigger: 'mousemove',
+    isEnable: isPointInView,
+    action: ['x-rect-mask:resize']
+  }],
+  end: [{
+    trigger: 'mouseup',
+    isEnable: isPointInView,
+    action: ['brush-x:filter', 'brush-x:end', 'x-rect-mask:end', 'x-rect-mask:hide']
+  }],
+  rollback: [{
+    trigger: 'dblclick',
+    action: ['brush-x:reset']
+  }]
+});
+(0, _core.registerInteraction)('element-path-highlight', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'mousedown',
+    isEnable: isPointInView,
+    action: 'path-mask:start'
+  }, {
+    trigger: 'mousedown',
+    isEnable: isPointInView,
+    action: 'path-mask:show'
+  }],
+  processing: [{
+    trigger: 'mousemove',
+    action: 'path-mask:addPoint'
+  }],
+  end: [{
+    trigger: 'mouseup',
+    action: 'path-mask:end'
+  }],
+  rollback: [{
+    trigger: 'dblclick',
+    action: 'path-mask:hide'
+  }]
+});
+
+// allow unchecked via click
+(0, _core.registerInteraction)('element-single-selected', {
+  start: [{
+    trigger: 'element:click',
+    action: 'element-single-selected:toggle'
+  }]
+});
+
+// filter data
+(0, _core.registerInteraction)('legend-filter', {
+  showEnable: [{
+    trigger: 'legend-item:mouseenter',
+    action: 'cursor:pointer'
+  }, {
+    trigger: 'legend-item:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'legend-item:click',
+    action: 'list-unchecked:toggle'
+  }, {
+    trigger: 'legend-item:click',
+    action: 'data-filter:filter'
+  }]
+});
+
+// filter data
+(0, _core.registerInteraction)('continuous-filter', {
+  start: [{
+    trigger: 'legend:valuechanged',
+    action: 'data-filter:filter'
+  }]
+});
+
+// filter data
+(0, _core.registerInteraction)('continuous-visible-filter', {
+  start: [{
+    trigger: 'legend:valuechanged',
+    action: 'element-filter:filter'
+  }]
+});
+
+// filter graphical
+(0, _core.registerInteraction)('legend-visible-filter', {
+  showEnable: [{
+    trigger: 'legend-item:mouseenter',
+    action: 'cursor:pointer'
+  }, {
+    trigger: 'legend-item:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'legend-item:click',
+    action: 'list-unchecked:toggle'
+  }, {
+    trigger: 'legend-item:click',
+    action: 'element-filter:filter'
+  }]
+});
+
+// show background box
+(0, _core.registerInteraction)('active-region', {
+  start: [{
+    trigger: 'plot:mousemove',
+    action: 'active-region:show'
+  }],
+  end: [{
+    trigger: 'plot:mouseleave',
+    action: 'active-region:hide'
+  }]
+});
+function isWheelDown(event) {
+  event.gEvent.preventDefault();
+  return event.gEvent.originalEvent.deltaY > 0;
+}
+(0, _core.registerInteraction)('view-zoom', {
+  start: [{
+    trigger: 'plot:mousewheel',
+    isEnable: function (context) {
+      return isWheelDown(context.event);
+    },
+    action: 'scale-zoom:zoomOut'
+  }, {
+    trigger: 'plot:mousewheel',
+    isEnable: function (context) {
+      return !isWheelDown(context.event);
+    },
+    action: 'scale-zoom:zoomIn'
+  }]
+});
+(0, _core.registerInteraction)('sibling-tooltip', {
+  start: [{
+    trigger: 'plot:mousemove',
+    action: 'sibling-tooltip:show'
+  }],
+  end: [{
+    trigger: 'plot:mouseleave',
+    action: 'sibling-tooltip:hide'
+  }]
+});
+// common utils
+const Util = exports.Util = {
+  translate: _transform.translate,
+  rotate: _transform.rotate,
+  zoom: _transform.zoom,
+  transform: _transform.transform,
+  getAngle: _graphics.getAngle,
+  polarToCartesian: _graphics.polarToCartesian
+};