@visactor/vrender-kits 0.16.0-alpha.7 → 0.16.0-alpha.9

package/cjs/jsx/graphicType.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx/graphicType.ts"],"names":[],"mappings":"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","file":"graphicType.js","sourcesContent":["import {\n  createArc,\n  createArc3d,\n  createArea,\n  createCircle,\n  createGlyph,\n  createGroup,\n  createImage,\n  createLine,\n  createPath,\n  createPolygon,\n  createPyramid3d,\n  createRect,\n  createRect3d,\n  createRichText,\n  createSymbol,\n  createText\n} from '@visactor/vrender-core';\nimport type {\n  IArc3dGraphicAttribute,\n  IArcGraphicAttribute,\n  IAreaGraphicAttribute,\n  ICircleGraphicAttribute,\n  IGlyphGraphicAttribute,\n  IGroupGraphicAttribute,\n  IImageGraphicAttribute,\n  ILineGraphicAttribute,\n  IPathGraphicAttribute,\n  IPolygonGraphicAttribute,\n  IPyramid3dGraphicAttribute,\n  IRect3dGraphicAttribute,\n  IRectGraphicAttribute,\n  IRichTextCharacter,\n  IRichTextGraphicAttribute,\n  IRichTextImageCharacter,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\n\nexport const REACT_TO_CANOPUS_EVENTS = {\n  onPointerDown: 'pointerdown',\n  onPointerUp: 'pointerup',\n  onPointerUpOutside: 'pointerupoutside',\n  onPointerTap: 'pointertap',\n  onPointerOver: 'pointerover',\n  onPointerMove: 'pointermove',\n  onPointerEnter: 'pointerenter',\n  onPointerLeave: 'pointerleave',\n  onPointerOut: 'pointerout',\n  onMouseDown: 'mousedown',\n  onMouseUp: 'mouseup',\n  onMouseUpOutside: 'mouseupoutside',\n  onMouseMove: 'mousemove',\n  onMouseOver: 'mouseover',\n  onMouseOut: 'mouseout',\n  onMouseEnter: 'mouseenter',\n  onMouseLeave: 'mouseleave',\n  onPinch: 'pinch',\n  onPinchStart: 'pinchstart',\n  onPinchEnd: 'pinchend',\n  onPan: 'pan',\n  onPanStart: 'panstart',\n  onPanEnd: 'panend',\n  onDrag: 'drag',\n  onDragStart: 'dragstart',\n  onDragEnter: 'dragenter',\n  onDragLeave: 'dragleave',\n  onDragOver: 'dragover',\n  onDragEnd: 'dragend',\n  onRightDown: 'rightdown',\n  onRightUp: 'rightup',\n  onRightUpOutside: 'rightupoutside',\n  onTouchStart: 'touchstart',\n  onTouchEnd: 'touchend',\n  onTouchEndOutside: 'touchendoutside',\n  onTouchMove: 'touchmove',\n  onTouchCancel: 'touchcancel',\n  onPress: 'press',\n  onPressUp: 'pressup',\n  onPressEnd: 'pressend',\n  onSwipe: 'swipe',\n  onDrop: 'drop',\n  onWeel: 'wheel',\n  onClick: 'click',\n  onDblClick: 'dblclick'\n};\n\nexport const REACT_TO_CANOPUS_EVENTS_LIST = Object.keys(REACT_TO_CANOPUS_EVENTS);\n\nexport type IEventParamsType = {\n  [t in keyof typeof REACT_TO_CANOPUS_EVENTS]?: (d: any) => void;\n};\n\nexport type IDefaultGraphicParamsType<T> = {\n  attribute?: T;\n} & IEventParamsType;\n\nexport function VArc(params: IDefaultGraphicParamsType<IArcGraphicAttribute>) {\n  return createArc(params ? params.attribute : {});\n}\nexport function VArc3d(params: IDefaultGraphicParamsType<IArc3dGraphicAttribute>) {\n  return createArc3d(params ? params.attribute : {});\n}\nexport function VArea(params: IDefaultGraphicParamsType<IAreaGraphicAttribute>) {\n  return createArea(params ? params.attribute : {});\n}\nexport function VCircle(params: IDefaultGraphicParamsType<ICircleGraphicAttribute>) {\n  return createCircle(params ? params.attribute : {});\n}\nexport function VGroup(params: IDefaultGraphicParamsType<IGroupGraphicAttribute>) {\n  return createGroup(params ? params.attribute : {});\n}\nexport function VGlyph(params: IDefaultGraphicParamsType<IGlyphGraphicAttribute>) {\n  return createGlyph(params ? params.attribute : {});\n}\nexport function VImage(params: IDefaultGraphicParamsType<IImageGraphicAttribute>) {\n  return createImage(params ? params.attribute : {});\n}\nexport function VLine(params: IDefaultGraphicParamsType<ILineGraphicAttribute>) {\n  return createLine(params ? params.attribute : {});\n}\nexport function VPath(params: IDefaultGraphicParamsType<IPathGraphicAttribute>) {\n  return createPath(params ? params.attribute : {});\n}\nexport function VPolygon(params: IDefaultGraphicParamsType<IPolygonGraphicAttribute>) {\n  return createPolygon(params ? params.attribute : {});\n}\nexport function VPyramid3d(params: IDefaultGraphicParamsType<IPyramid3dGraphicAttribute>) {\n  return createPyramid3d(params ? params.attribute : {});\n}\nexport function VRect(params: IDefaultGraphicParamsType<IRectGraphicAttribute>) {\n  return createRect(params ? params.attribute : {});\n}\nexport function VRect3d(params: IDefaultGraphicParamsType<IRect3dGraphicAttribute>) {\n  return createRect3d(params ? params.attribute : {});\n}\nexport function VSymbol(params: IDefaultGraphicParamsType<ISymbolGraphicAttribute>) {\n  return createSymbol(params ? params.attribute : {});\n}\nexport function VText(params: IDefaultGraphicParamsType<ITextGraphicAttribute>) {\n  return createText(params ? params.attribute : {});\n}\nexport function VRichText(params: IDefaultGraphicParamsType<IRichTextGraphicAttribute>) {\n  return createRichText(params ? params.attribute : {});\n}\n\nVRichText.Text = function (params: IDefaultGraphicParamsType<IRichTextCharacter>) {\n  return {\n    type: 'rich/text',\n    ...params\n  };\n};\n\nVRichText.Image = function (params: IDefaultGraphicParamsType<IRichTextImageCharacter>) {\n  return {\n    type: 'rich/image',\n    ...params\n  };\n};\n"]}

package/cjs/jsx/index.d.ts

@@ -0,0 +1,2 @@
+export * from './jsx-classic';
+export * from './graphicType';

package/cjs/jsx/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./jsx-classic"), exports), __exportStar(require("./graphicType"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/jsx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,gDAA8B","file":"index.js","sourcesContent":["export * from './jsx-classic';\nexport * from './graphicType';\n"]}

package/cjs/jsx/jsx-classic.d.ts

@@ -0,0 +1,3 @@
+import { Group } from '@visactor/vrender-core';
+export declare function jsx(type: string | any, config: Record<string, any>, ...children: any): any;
+export declare const Fragment: typeof Group;

package/cjs/jsx/jsx-classic.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Fragment = exports.jsx = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_core_1 = require("@visactor/vrender-core"), graphicType_1 = require("./graphicType");
+
+function flatten(list, out) {
+    if ((0, vutils_1.isArray)(list)) return list.forEach((i => flatten(i, out)));
+    out.push(list);
+}
+
+function jsx(type, config, ...children) {
+    const _a = config || {}, {key: key, attribute: attribute, stateProxy: stateProxy} = _a, props = __rest(_a, [ "key", "attribute", "stateProxy" ]);
+    let c = type;
+    (0, vutils_1.isString)(type) && (c = vrender_core_1.graphicCreator[type]);
+    const childrenList = [];
+    children.length && flatten(1 === children.length ? children[0] : children, childrenList);
+    const g = "Group" === c.name ? new c(attribute) : c(config);
+    return parseToGraphic(g, childrenList, props), stateProxy && (g.stateProxy = stateProxy), 
+    g;
+}
+
+function parseToGraphic(g, childrenList, props) {
+    let out, isGraphic = !1;
+    switch (g.type) {
+      case "richtext":
+      case "rich/image":
+        break;
+
+      case "rich/text":
+        out = g.attribute || {}, childrenList[0] && (out.text = childrenList[0]);
+        break;
+
+      default:
+        isGraphic = !0;
+    }
+    isGraphic ? (childrenList.forEach((c => {
+        c && g.add(c);
+    })), Object.keys(props).forEach((k => {
+        const en = graphicType_1.REACT_TO_CANOPUS_EVENTS[k];
+        en && g.on(en, props[k]);
+    }))) : "richtext" === g.type && (g.attribute.textConfig = childrenList.map((item => item.attribute)).filter((item => item)));
+}
+
+exports.jsx = jsx, exports.Fragment = vrender_core_1.Group;
+//# sourceMappingURL=jsx-classic.js.map

package/cjs/jsx/jsx-classic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx/jsx-classic.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,6CAAqD;AACrD,yDAA+D;AAC/D,+CAAwD;AAExD,SAAS,OAAO,CAAC,IAAS,EAAE,GAAU;IACpC,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;KAC3C;IACD,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACjB,CAAC;AAED,SAAgB,GAAG,CAAC,IAAkB,EAAE,MAA2B,EAAE,GAAG,QAAa;IACnF,MAAM,KAA2C,MAAM,IAAI,EAAE,EAAvD,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,OAA2B,EAAtB,KAAK,cAAtC,kCAAwC,CAAe,CAAC;IAE9D,IAAI,CAAC,GAAG,IAAI,CAAC;IACb,IAAI,IAAA,iBAAQ,EAAC,IAAI,CAAC,EAAE;QAClB,CAAC,GAAG,6BAAc,CAAC,IAAI,CAAC,CAAC;KAC1B;IAED,MAAM,YAAY,GAAU,EAAE,CAAC;IAC/B,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,OAAO,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;KACvE;IAED,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5D,cAAc,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IAEvC,IAAI,UAAU,EAAE;QACd,CAAC,CAAC,UAAU,GAAG,UAAU,CAAC;KAC3B;IAED,OAAO,CAAC,CAAC;AACX,CAAC;AArBD,kBAqBC;AAED,SAAS,cAAc,CAAC,CAAM,EAAE,YAAmB,EAAE,KAAU;IAC7D,IAAI,SAAS,GAAY,KAAK,CAAC;IAC/B,IAAI,GAAQ,CAAC;IACb,QAAQ,CAAC,CAAC,IAAI,EAAE;QACd,KAAK,UAAU;YACb,MAAM;QACR,KAAK,WAAW;YACd,GAAG,GAAG,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;YACxB,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;YAChD,MAAM;QACR,KAAK,YAAY;YACf,MAAM;QACR;YACE,SAAS,GAAG,IAAI,CAAC;KACpB;IAED,IAAI,SAAS,EAAE;QACb,YAAY,CAAC,OAAO,CAAC,CAAC,CAAM,EAAE,EAAE;YAC9B,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7B,MAAM,EAAE,GAAG,qCAAuB,CAAC,CAAC,CAAC,CAAC;YACtC,IAAI,EAAE,EAAE;gBACN,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aACpB;QACH,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE;YACzB,CAAC,CAAC,SAAS,CAAC,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;SACxF;KACF;AACH,CAAC;AAEY,QAAA,QAAQ,GAAG,oBAAK,CAAC","file":"jsx-classic.js","sourcesContent":["import { isArray, isString } from '@visactor/vutils';\nimport { Group, graphicCreator } from '@visactor/vrender-core';\nimport { REACT_TO_CANOPUS_EVENTS } from './graphicType';\n\nfunction flatten(list: any, out: any[]): void {\n  if (isArray(list)) {\n    return list.forEach(i => flatten(i, out));\n  }\n  out.push(list);\n}\n\nexport function jsx(type: string | any, config: Record<string, any>, ...children: any) {\n  const { key, attribute, stateProxy, ...props } = config || {};\n\n  let c = type;\n  if (isString(type)) {\n    c = graphicCreator[type];\n  }\n\n  const childrenList: any[] = [];\n  if (children.length) {\n    flatten(children.length === 1 ? children[0] : children, childrenList);\n  }\n\n  const g = c.name === 'Group' ? new c(attribute) : c(config);\n  parseToGraphic(g, childrenList, props);\n\n  if (stateProxy) {\n    g.stateProxy = stateProxy;\n  }\n\n  return g;\n}\n\nfunction parseToGraphic(g: any, childrenList: any[], props: any) {\n  let isGraphic: boolean = false;\n  let out: any;\n  switch (g.type) {\n    case 'richtext':\n      break;\n    case 'rich/text':\n      out = g.attribute || {};\n      childrenList[0] && (out.text = childrenList[0]);\n      break;\n    case 'rich/image':\n      break;\n    default:\n      isGraphic = true;\n  }\n\n  if (isGraphic) {\n    childrenList.forEach((c: any) => {\n      c && g.add(c);\n    });\n\n    Object.keys(props).forEach(k => {\n      const en = REACT_TO_CANOPUS_EVENTS[k];\n      if (en) {\n        g.on(en, props[k]);\n      }\n    });\n  } else {\n    if (g.type === 'richtext') {\n      g.attribute.textConfig = childrenList.map(item => item.attribute).filter(item => item);\n    }\n  }\n}\n\nexport const Fragment = Group;\n"]}

package/cjs/picker/canvas-module.d.ts

@@ -0,0 +1,4 @@
+import type { container } from '@visactor/vrender-core';
+import { ContainerModule } from '@visactor/vrender-core';
+export declare const canvasPickerModule: ContainerModule;
+export declare function loadCanvasPicker(c: typeof container): void;

package/cjs/picker/canvas-module.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.loadCanvasPicker = exports.canvasPickerModule = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), canvas_picker_service_1 = require("./canvas-picker-service"), module_1 = __importDefault(require("./contributions/canvas-picker/module"));
+
+function loadCanvasPicker(c) {
+    c.load(module_1.default), c.load(exports.canvasPickerModule);
+}
+
+exports.canvasPickerModule = new vrender_core_1.ContainerModule(((bind, unbind, isBound, rebind) => {
+    isBound(canvas_picker_service_1.DefaultCanvasPickerService) || bind(canvas_picker_service_1.DefaultCanvasPickerService).toSelf().inSingletonScope(), 
+    isBound(vrender_core_1.PickerService) ? rebind(vrender_core_1.PickerService).toService(canvas_picker_service_1.DefaultCanvasPickerService) : bind(vrender_core_1.PickerService).toService(canvas_picker_service_1.DefaultCanvasPickerService);
+})), exports.loadCanvasPicker = loadCanvasPicker;
+//# sourceMappingURL=canvas-module.js.map

package/cjs/picker/canvas-module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/picker/canvas-module.ts"],"names":[],"mappings":";;;;;;AACA,yDAAwE;AACxE,mEAAqE;AACrE,kFAAgE;AAGnD,QAAA,kBAAkB,GAAG,IAAI,8BAAe,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;IACtF,IAAI,CAAC,OAAO,CAAC,kDAA0B,CAAC,EAAE;QACxC,IAAI,CAAC,kDAA0B,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;KAC9D;IACD,IAAI,OAAO,CAAC,4BAAa,CAAC,EAAE;QAC1B,MAAM,CAAC,4BAAa,CAAC,CAAC,SAAS,CAAC,kDAA0B,CAAC,CAAC;KAC7D;SAAM;QACL,IAAI,CAAC,4BAAa,CAAC,CAAC,SAAS,CAAC,kDAA0B,CAAC,CAAC;KAC3D;AACH,CAAC,CAAC,CAAC;AAEH,SAAgB,gBAAgB,CAAC,CAAmB;IAClD,CAAC,CAAC,IAAI,CAAC,gBAAY,CAAC,CAAC;IACrB,CAAC,CAAC,IAAI,CAAC,0BAAkB,CAAC,CAAC;AAC7B,CAAC;AAHD,4CAGC","file":"canvas-module.js","sourcesContent":["import type { container } from '@visactor/vrender-core';\nimport { ContainerModule, PickerService } from '@visactor/vrender-core';\nimport { DefaultCanvasPickerService } from './canvas-picker-service';\nimport canvasModule from './contributions/canvas-picker/module';\n\n// canvas\nexport const canvasPickerModule = new ContainerModule((bind, unbind, isBound, rebind) => {\n  if (!isBound(DefaultCanvasPickerService)) {\n    bind(DefaultCanvasPickerService).toSelf().inSingletonScope();\n  }\n  if (isBound(PickerService)) {\n    rebind(PickerService).toService(DefaultCanvasPickerService);\n  } else {\n    bind(PickerService).toService(DefaultCanvasPickerService);\n  }\n});\n\nexport function loadCanvasPicker(c: typeof container) {\n  c.load(canvasModule);\n  c.load(canvasPickerModule);\n}\n"]}

package/cjs/picker/canvas-picker-service.d.ts

@@ -0,0 +1,28 @@
+import type { IMatrix, IPointLike } from '@visactor/vutils';
+import { DefaultPickService } from '@visactor/vrender-core';
+import type { ICanvas, IContext2d, IGraphic, EnvType, IGlobal, IGraphicPicker, IPickerService, IDrawContribution, IContributionProvider, IPickItemInterceptorContribution, IPickParams, PickResult } from '@visactor/vrender-core';
+export declare class DefaultCanvasPickerService extends DefaultPickService implements IPickerService {
+    protected readonly contributions: IContributionProvider<IGraphicPicker>;
+    private readonly circlePicker;
+    private readonly rectPicker;
+    private readonly arcPicker;
+    private readonly areaPicker;
+    private readonly imagePicker;
+    private readonly linePicker;
+    private readonly pathPicker;
+    private readonly symbolPicker;
+    private readonly textPicker;
+    private readonly polygonPicker;
+    private readonly richtextPicker;
+    readonly drawContribution: IDrawContribution;
+    readonly global: IGlobal;
+    protected readonly pickItemInterceptorContributions: IContributionProvider<IPickItemInterceptorContribution>;
+    type: 'default';
+    pickCanvas: ICanvas;
+    pickContext: IContext2d;
+    pickerMap: Map<number, IGraphicPicker>;
+    constructor(contributions: IContributionProvider<IGraphicPicker>, circlePicker: IGraphicPicker, rectPicker: IGraphicPicker, arcPicker: IGraphicPicker, areaPicker: IGraphicPicker, imagePicker: IGraphicPicker, linePicker: IGraphicPicker, pathPicker: IGraphicPicker, symbolPicker: IGraphicPicker, textPicker: IGraphicPicker, polygonPicker: IGraphicPicker, richtextPicker: IGraphicPicker, drawContribution: IDrawContribution, global: IGlobal, pickItemInterceptorContributions: IContributionProvider<IPickItemInterceptorContribution>);
+    init(): void;
+    configure(global: IGlobal, env: EnvType): void;
+    pickItem(graphic: IGraphic, point: IPointLike, parentMatrix: IMatrix | null, params: IPickParams): PickResult | null;
+}

package/cjs/picker/canvas-picker-service.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultCanvasPickerService = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), constants_1 = require("./contributions/constants");
+
+let DefaultCanvasPickerService = class extends vrender_core_1.DefaultPickService {
+    constructor(contributions, circlePicker, rectPicker, arcPicker, areaPicker, imagePicker, linePicker, pathPicker, symbolPicker, textPicker, polygonPicker, richtextPicker, drawContribution, global, pickItemInterceptorContributions) {
+        super(global, pickItemInterceptorContributions), this.contributions = contributions, 
+        this.circlePicker = circlePicker, this.rectPicker = rectPicker, this.arcPicker = arcPicker, 
+        this.areaPicker = areaPicker, this.imagePicker = imagePicker, this.linePicker = linePicker, 
+        this.pathPicker = pathPicker, this.symbolPicker = symbolPicker, this.textPicker = textPicker, 
+        this.polygonPicker = polygonPicker, this.richtextPicker = richtextPicker, this.drawContribution = drawContribution, 
+        this.global = global, this.pickItemInterceptorContributions = pickItemInterceptorContributions, 
+        this.global.hooks.onSetEnv.tap("canvas-picker-service", ((_, env, global) => {
+            this.configure(global, env);
+        })), this.configure(this.global, this.global.env), this.pickerMap = new Map;
+    }
+    init() {
+        this.contributions.getContributions().forEach((item => {
+            this.pickerMap.set(item.numberType, item);
+        })), super._init();
+    }
+    configure(global, env) {
+        const options = {
+            width: 100,
+            height: 100,
+            nativeCanvas: global.createCanvas({
+                width: 100,
+                height: 100
+            }),
+            id: "for-pick"
+        };
+        this.pickCanvas = (0, vrender_core_1.wrapCanvas)(options), this.pickContext = this.pickCanvas.getContext("2d");
+    }
+    pickItem(graphic, point, parentMatrix, params) {
+        if (!1 === graphic.attribute.pickable) return null;
+        if (this.InterceptorContributions.length) for (let i = 0; i < this.InterceptorContributions.length; i++) {
+            const drawContribution = this.InterceptorContributions[i];
+            if (drawContribution.beforePickItem) {
+                const ret = drawContribution.beforePickItem(graphic, this, point, params, {
+                    parentMatrix: parentMatrix
+                });
+                if (ret) return ret;
+            }
+        }
+        const picker = this.pickerMap.get(graphic.numberType);
+        if (!picker) return null;
+        const g = picker.contains(graphic, point, params) ? graphic : null, data = {
+            graphic: g
+        };
+        if (g) return data;
+        if (this.InterceptorContributions.length) for (let i = 0; i < this.InterceptorContributions.length; i++) {
+            const drawContribution = this.InterceptorContributions[i];
+            if (drawContribution.afterPickItem) {
+                const ret = drawContribution.afterPickItem(graphic, this, point, params, {
+                    parentMatrix: parentMatrix
+                });
+                if (ret) return ret;
+            }
+        }
+        return data;
+    }
+};
+
+__decorate([ (0, vrender_core_1.postConstruct)(), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0) ], DefaultCanvasPickerService.prototype, "init", null), 
+DefaultCanvasPickerService = __decorate([ (0, vrender_core_1.injectable)(), __param(0, (0, 
+vrender_core_1.inject)(vrender_core_1.ContributionProvider)), __param(0, (0, vrender_core_1.named)(constants_1.CanvasPickerContribution)), __param(1, (0, 
+vrender_core_1.inject)(constants_1.CanvasCirclePicker)), __param(2, (0, vrender_core_1.inject)(constants_1.CanvasRectPicker)), __param(3, (0, 
+vrender_core_1.inject)(constants_1.CanvasArcPicker)), __param(4, (0, vrender_core_1.inject)(constants_1.CanvasAreaPicker)), __param(5, (0, 
+vrender_core_1.inject)(constants_1.CanvasImagePicker)), __param(6, (0, vrender_core_1.inject)(constants_1.CanvasLinePicker)), __param(7, (0, 
+vrender_core_1.inject)(constants_1.CanvasPathPicker)), __param(8, (0, vrender_core_1.inject)(constants_1.CanvasSymbolPicker)), __param(9, (0, 
+vrender_core_1.inject)(constants_1.CanvasTextPicker)), __param(10, (0, vrender_core_1.inject)(constants_1.CanvasPolygonPicker)), __param(11, (0, 
+vrender_core_1.inject)(constants_1.CanvasRichTextPicker)), __param(12, (0, vrender_core_1.inject)(vrender_core_1.DrawContribution)), __param(13, (0, 
+vrender_core_1.inject)(vrender_core_1.VGlobal)), __param(14, (0, vrender_core_1.inject)(vrender_core_1.ContributionProvider)), __param(14, (0, 
+vrender_core_1.named)(vrender_core_1.PickItemInterceptor)), __metadata("design:paramtypes", [ Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object ]) ], DefaultCanvasPickerService), 
+exports.DefaultCanvasPickerService = DefaultCanvasPickerService;

package/cjs/picker/canvas-picker-service.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/picker/canvas-picker-service.ts"],"names":[],"mappings":"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","file":"canvas-picker-service.js","sourcesContent":["import type { IMatrix, IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line\nimport {\n  ContributionProvider,\n  inject,\n  injectable,\n  named,\n  postConstruct,\n  DefaultPickService,\n  DrawContribution,\n  PickItemInterceptor,\n  VGlobal,\n  wrapCanvas\n} from '@visactor/vrender-core';\nimport type {\n  ICanvas,\n  IContext2d,\n  IGraphic,\n  EnvType,\n  IGlobal,\n  IGraphicPicker,\n  IPickerService,\n  IDrawContribution,\n  IContributionProvider,\n  IPickItemInterceptorContribution,\n  IPickParams,\n  PickResult\n} from '@visactor/vrender-core';\nimport {\n  CanvasArcPicker,\n  CanvasAreaPicker,\n  CanvasCirclePicker,\n  CanvasImagePicker,\n  CanvasLinePicker,\n  CanvasPathPicker,\n  CanvasPickerContribution,\n  CanvasPolygonPicker,\n  CanvasRectPicker,\n  CanvasSymbolPicker,\n  CanvasTextPicker,\n  CanvasRichTextPicker\n} from './contributions/constants';\n\n// 默认的pick-service，提供基本的最优选中策略，尽量不需要用户自己实现contribution\n// 用户可以写plugin\n@injectable()\nexport class DefaultCanvasPickerService extends DefaultPickService implements IPickerService {\n  declare type: 'default';\n  // pcik canvas\n  declare pickCanvas: ICanvas;\n  declare pickContext: IContext2d;\n  declare pickerMap: Map<number, IGraphicPicker>;\n\n  constructor(\n    @inject(ContributionProvider)\n    @named(CanvasPickerContribution)\n    protected readonly contributions: IContributionProvider<IGraphicPicker>,\n    @inject(CanvasCirclePicker) private readonly circlePicker: IGraphicPicker, // 默认的circlePicker\n    @inject(CanvasRectPicker) private readonly rectPicker: IGraphicPicker, // 默认的rectPicker\n    @inject(CanvasArcPicker) private readonly arcPicker: IGraphicPicker, // 默认的arcPicker\n    @inject(CanvasAreaPicker) private readonly areaPicker: IGraphicPicker, // 默认的areaPicker\n    @inject(CanvasImagePicker) private readonly imagePicker: IGraphicPicker, // 默认的imagePicker\n    @inject(CanvasLinePicker) private readonly linePicker: IGraphicPicker, // 默认的linePicker\n    @inject(CanvasPathPicker) private readonly pathPicker: IGraphicPicker, // 默认的pathPicker\n    @inject(CanvasSymbolPicker) private readonly symbolPicker: IGraphicPicker, // 默认的symbolPicker\n    @inject(CanvasTextPicker) private readonly textPicker: IGraphicPicker, // 默认的textPicker\n    @inject(CanvasPolygonPicker) private readonly polygonPicker: IGraphicPicker, // 默认的polygonPicker\n    @inject(CanvasRichTextPicker) private readonly richtextPicker: IGraphicPicker, // 默认的richtextPicker\n\n    @inject(DrawContribution)\n    public readonly drawContribution: IDrawContribution,\n    @inject(VGlobal) public readonly global: IGlobal,\n    // 拦截器\n    @inject(ContributionProvider)\n    @named(PickItemInterceptor)\n    protected readonly pickItemInterceptorContributions: IContributionProvider<IPickItemInterceptorContribution>\n  ) {\n    super(global, pickItemInterceptorContributions);\n    this.global.hooks.onSetEnv.tap('canvas-picker-service', (_, env, global) => {\n      this.configure(global, env);\n    });\n    this.configure(this.global, this.global.env);\n    this.pickerMap = new Map();\n  }\n\n  @postConstruct()\n  init() {\n    this.contributions.getContributions().forEach(item => {\n      this.pickerMap.set(item.numberType, item);\n    });\n    super._init();\n  }\n\n  configure(global: IGlobal, env: EnvType) {\n    // if (!this.global.env) return;\n    // this.contributions.getContributions().forEach(handlerContribution => {\n    //   handlerContribution.configure(this, this.global);\n    // });\n\n    // 创建pick canvas\n    const options = {\n      width: 100,\n      height: 100,\n      nativeCanvas: global.createCanvas({ width: 100, height: 100 }),\n      id: 'for-pick'\n    };\n\n    this.pickCanvas = wrapCanvas(options);\n    this.pickContext = this.pickCanvas.getContext('2d');\n  }\n\n  // todo: switch统一改为数字map\n  pickItem(graphic: IGraphic, point: IPointLike, parentMatrix: IMatrix | null, params: IPickParams): PickResult | null {\n    if (graphic.attribute.pickable === false) {\n      return null;\n    }\n    // 添加拦截器\n    if (this.InterceptorContributions.length) {\n      for (let i = 0; i < this.InterceptorContributions.length; i++) {\n        const drawContribution = this.InterceptorContributions[i];\n        if (drawContribution.beforePickItem) {\n          const ret = drawContribution.beforePickItem(graphic, this, point, params, { parentMatrix });\n          if (ret) {\n            return ret;\n          }\n        }\n      }\n    }\n    const picker = this.pickerMap.get(graphic.numberType);\n    if (!picker) {\n      return null;\n    }\n    const g = picker.contains(graphic, point, params) ? graphic : null;\n\n    const data = {\n      graphic: g\n    };\n    if (g) {\n      return data;\n    }\n    // 添加拦截器\n    if (this.InterceptorContributions.length) {\n      for (let i = 0; i < this.InterceptorContributions.length; i++) {\n        const drawContribution = this.InterceptorContributions[i];\n        if (drawContribution.afterPickItem) {\n          const ret = drawContribution.afterPickItem(graphic, this, point, params, { parentMatrix });\n          if (ret) {\n            return ret;\n          }\n        }\n      }\n    }\n    return data;\n  }\n}\n"]}

package/cjs/picker/contributions/canvas-picker/arc-picker.d.ts

@@ -0,0 +1,9 @@
+import type { IPoint } from '@visactor/vutils';
+import type { IArc, IGraphicPicker, IGraphicRender, IPickParams } from '@visactor/vrender-core';
+export declare class DefaultCanvasArcPicker implements IGraphicPicker {
+    readonly canvasRenderer: IGraphicRender;
+    type: string;
+    numberType: number;
+    constructor(canvasRenderer: IGraphicRender);
+    contains(arc: IArc, point: IPoint, params?: IPickParams): boolean;
+}

package/cjs/picker/contributions/canvas-picker/arc-picker.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultCanvasArcPicker = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core");
+
+let DefaultCanvasArcPicker = class {
+    constructor(canvasRenderer) {
+        this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = vrender_core_1.ARC_NUMBER_TYPE;
+    }
+    contains(arc, point, params) {
+        if (!arc.AABBBounds.containsPoint(point)) return !1;
+        if ("imprecise" === arc.attribute.pickMode) return !0;
+        const {pickContext: pickContext} = null != params ? params : {};
+        if (!pickContext) return !1;
+        const arcAttribute = (0, vrender_core_1.getTheme)(arc).arc;
+        pickContext.highPerformanceSave();
+        let {x: x = arcAttribute.x, y: y = arcAttribute.y} = arc.attribute;
+        if (arc.transMatrix.onlyTranslate()) {
+            const point = arc.getOffsetXY(arcAttribute);
+            x += point.x, y += point.y, pickContext.setTransformForCurrent();
+        } else x = 0, y = 0, pickContext.transformFromMatrix(arc.transMatrix, !0);
+        let picked = !1;
+        return this.canvasRenderer.drawShape(arc, pickContext, x, y, {}, null, ((context, arcAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(point.x, point.y), 
+        picked)), ((context, arcAttribute, themeAttribute) => {
+            if (picked) return !0;
+            const lineWidth = arcAttribute.lineWidth || themeAttribute.lineWidth;
+            return pickContext.lineWidth = (0, vrender_core_1.getScaledStroke)(pickContext, lineWidth, pickContext.dpr), 
+            picked = context.isPointInStroke(point.x, point.y), picked;
+        })), pickContext.highPerformanceRestore(), picked;
+    }
+};
+
+DefaultCanvasArcPicker = __decorate([ (0, vrender_core_1.injectable)(), __param(0, (0, 
+vrender_core_1.inject)(vrender_core_1.ArcRender)), __metadata("design:paramtypes", [ Object ]) ], DefaultCanvasArcPicker), 
+exports.DefaultCanvasArcPicker = DefaultCanvasArcPicker;
+//# sourceMappingURL=arc-picker.js.map

package/cjs/picker/contributions/canvas-picker/arc-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/picker/contributions/canvas-picker/arc-picker.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,yDAAmH;AAc5G,IAAM,sBAAsB,GAA5B,MAAM,sBAAsB;IAIjC,YAA+C,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QAH7E,SAAI,GAAW,KAAK,CAAC;QACrB,eAAU,GAAW,8BAAe,CAAC;IAE2C,CAAC;IAEjF,QAAQ,CAAC,GAAS,EAAE,KAAa,EAAE,MAAoB;QACrD,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;YACxC,OAAO,KAAK,CAAC;SACd;QACD,IAAI,GAAG,CAAC,SAAS,CAAC,QAAQ,KAAK,WAAW,EAAE;YAC1C,OAAO,IAAI,CAAC;SACb;QAED,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC;QACrC,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,KAAK,CAAC;SACd;QAED,MAAM,YAAY,GAAG,IAAA,uBAAQ,EAAC,GAAG,CAAC,CAAC,GAAG,CAAC;QAIvC,WAAW,CAAC,mBAAmB,EAAE,CAAC;QAClC,IAAI,EAAE,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,SAAS,CAAC;QAC/D,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,aAAa,EAAE,EAAE;YAEpC,CAAC,GAAG,CAAC,CAAC;YACN,CAAC,GAAG,CAAC,CAAC;YACN,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;SACxD;aAAM;YACL,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAC5C,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YACb,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YAEb,WAAW,CAAC,sBAAsB,EAAE,CAAC;SACtC;QAGD,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,cAAc,CAAC,SAAS,CAC3B,GAAG,EACH,WAAW,EACX,CAAC,EACD,CAAC,EACD,EAAS,EACT,IAAI,EACJ,CACE,OAAmB,EACnB,YAAyD,EACzD,cAA+B,EAC/B,EAAE;YAEF,IAAI,MAAM,EAAE;gBACV,OAAO,IAAI,CAAC;aACb;YACD,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;YACjD,OAAO,MAAM,CAAC;QAChB,CAAC,EACD,CACE,OAAmB,EACnB,YAAyD,EACzD,cAA+B,EAC/B,EAAE;YAEF,IAAI,MAAM,EAAE;gBACV,OAAO,IAAI,CAAC;aACb;YACD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,IAAI,cAAc,CAAC,SAAS,CAAC;YACrE,WAAW,CAAC,SAAS,GAAG,IAAA,8BAAe,EAAC,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;YACjF,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;YACnD,OAAO,MAAM,CAAC;QAChB,CAAC,CACF,CAAC;QAEF,WAAW,CAAC,sBAAsB,EAAE,CAAC;QACrC,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAA;AA9EY,sBAAsB;IADlC,IAAA,yBAAU,GAAE;IAKE,WAAA,IAAA,qBAAM,EAAC,wBAAS,CAAC,CAAA;;GAJnB,sBAAsB,CA8ElC;AA9EY,wDAAsB","file":"arc-picker.js","sourcesContent":["import { inject, injectable, getTheme, ArcRender, getScaledStroke, ARC_NUMBER_TYPE } from '@visactor/vrender-core';\nimport type { IPoint } from '@visactor/vutils';\nimport type {\n  IArc,\n  IGraphicAttribute,\n  IContext2d,\n  IMarkAttribute,\n  IThemeAttribute,\n  IGraphicPicker,\n  IGraphicRender,\n  IPickParams\n} from '@visactor/vrender-core';\n\n@injectable()\nexport class DefaultCanvasArcPicker implements IGraphicPicker {\n  type: string = 'arc';\n  numberType: number = ARC_NUMBER_TYPE;\n\n  constructor(@inject(ArcRender) public readonly canvasRenderer: IGraphicRender) {}\n\n  contains(arc: IArc, point: IPoint, params?: IPickParams): boolean {\n    if (!arc.AABBBounds.containsPoint(point)) {\n      return false;\n    }\n    if (arc.attribute.pickMode === 'imprecise') {\n      return true;\n    }\n\n    const { pickContext } = params ?? {};\n    if (!pickContext) {\n      return false;\n    }\n\n    const arcAttribute = getTheme(arc).arc;\n\n    // const arcAttribute = graphicService.themeService.getCurrentTheme().arcAttribute;\n\n    pickContext.highPerformanceSave();\n    let { x = arcAttribute.x, y = arcAttribute.y } = arc.attribute;\n    if (!arc.transMatrix.onlyTranslate()) {\n      // 性能较差\n      x = 0;\n      y = 0;\n      pickContext.transformFromMatrix(arc.transMatrix, true);\n    } else {\n      const point = arc.getOffsetXY(arcAttribute);\n      x += point.x;\n      y += point.y;\n      // 当前context有rotate/scale，重置matrix\n      pickContext.setTransformForCurrent();\n    }\n\n    // 详细形状判断\n    let picked = false;\n    this.canvasRenderer.drawShape(\n      arc,\n      pickContext,\n      x,\n      y,\n      {} as any,\n      null,\n      (\n        context: IContext2d,\n        arcAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n        themeAttribute: IThemeAttribute\n      ) => {\n        // 选中后面就不需要再走逻辑了\n        if (picked) {\n          return true;\n        }\n        picked = context.isPointInPath(point.x, point.y);\n        return picked;\n      },\n      (\n        context: IContext2d,\n        arcAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n        themeAttribute: IThemeAttribute\n      ) => {\n        // 选中后面就不需要再走逻辑了\n        if (picked) {\n          return true;\n        }\n        const lineWidth = arcAttribute.lineWidth || themeAttribute.lineWidth;\n        pickContext.lineWidth = getScaledStroke(pickContext, lineWidth, pickContext.dpr);\n        picked = context.isPointInStroke(point.x, point.y);\n        return picked;\n      }\n    );\n\n    pickContext.highPerformanceRestore();\n    return picked;\n  }\n}\n"]}

package/cjs/picker/contributions/canvas-picker/arc3d-picker.d.ts

@@ -0,0 +1,10 @@
+import type { IPoint } from '@visactor/vutils';
+import type { IArc3d, IGraphicPicker, IGraphicRender, IPickParams } from '@visactor/vrender-core';
+import { BasePicker } from './base-picker';
+export declare class DefaultCanvasArc3dPicker extends BasePicker<IArc3d> implements IGraphicPicker {
+    readonly canvasRenderer: IGraphicRender;
+    type: string;
+    numberType: number;
+    constructor(canvasRenderer: IGraphicRender);
+    contains(arc3d: IArc3d, point: IPoint, params?: IPickParams): boolean;
+}

package/cjs/picker/contributions/canvas-picker/arc3d-picker.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultCanvasArc3dPicker = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), base_picker_1 = require("./base-picker");
+
+let DefaultCanvasArc3dPicker = class extends base_picker_1.BasePicker {
+    constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "arc3d", this.numberType = vrender_core_1.ARC3D_NUMBER_TYPE;
+    }
+    contains(arc3d, point, params) {
+        const {pickContext: pickContext} = null != params ? params : {};
+        if (!pickContext) return !1;
+        const arc3dAttribute = (0, vrender_core_1.getTheme)(arc3d).arc;
+        pickContext.highPerformanceSave();
+        const data = this.transform(arc3d, arc3dAttribute, pickContext), {x: x, y: y, z: z, lastModelMatrix: lastModelMatrix} = data;
+        let pickPoint = point;
+        if (pickContext.camera) {
+            pickPoint = point.clone();
+            const globalMatrix = arc3d.parent.globalTransMatrix;
+            pickPoint.x = globalMatrix.a * point.x + globalMatrix.c * point.y + globalMatrix.e, 
+            pickPoint.y = globalMatrix.b * point.x + globalMatrix.d * point.y + globalMatrix.f;
+        }
+        this.canvasRenderer.z = z;
+        let picked = !1;
+        return this.canvasRenderer.drawShape(arc3d, pickContext, x, y, params, null, ((context, arc3dAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(pickPoint.x, pickPoint.y), 
+        picked))), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && vrender_core_1.mat4Allocate.free(pickContext.modelMatrix), 
+        pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), 
+        picked;
+    }
+};
+
+DefaultCanvasArc3dPicker = __decorate([ (0, vrender_core_1.injectable)(), __param(0, (0, 
+vrender_core_1.inject)(vrender_core_1.Arc3dRender)), __metadata("design:paramtypes", [ Object ]) ], DefaultCanvasArc3dPicker), 
+exports.DefaultCanvasArc3dPicker = DefaultCanvasArc3dPicker;
+//# sourceMappingURL=arc3d-picker.js.map

package/cjs/picker/contributions/canvas-picker/arc3d-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/picker/contributions/canvas-picker/arc3d-picker.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,yDAAoH;AAWpH,+CAA2C;AAGpC,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,wBAAkB;IAI9D,YAAiD,cAA8B;QAC7E,KAAK,EAAE,CAAC;QADuC,mBAAc,GAAd,cAAc,CAAgB;QAH/E,SAAI,GAAW,OAAO,CAAC;QACvB,eAAU,GAAW,gCAAiB,CAAC;IAIvC,CAAC;IAED,QAAQ,CAAC,KAAa,EAAE,KAAa,EAAE,MAAoB;QACzD,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC;QACrC,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,KAAK,CAAC;SACd;QACD,MAAM,cAAc,GAAG,IAAA,uBAAQ,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC;QAE3C,WAAW,CAAC,mBAAmB,EAAE,CAAC;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC;QAChE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QAE1C,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,WAAW,CAAC,MAAM,EAAE;YACtB,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;YAC1B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;YACpD,SAAS,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;YACnF,SAAS,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;SACpF;QAED,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC;QAE1B,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,cAAc,CAAC,SAAS,CAC3B,KAAK,EACL,WAAW,EACX,CAAC,EACD,CAAC,EACD,MAAa,EACb,IAAI,EACJ,CACE,OAAmB,EACnB,cAA2D,EAC3D,cAA+B,EAC/B,EAAE;YAEF,IAAI,MAAM,EAAE;gBACV,OAAO,IAAI,CAAC;aACb;YACD,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;YACzD,OAAO,MAAM,CAAC;QAChB,CAAC,CACF,CAAC;QACF,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC;QAG1B,IAAI,WAAW,CAAC,WAAW,KAAK,eAAe,EAAE;YAC/C,2BAAY,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;SAC5C;QACD,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC;QAE1C,WAAW,CAAC,sBAAsB,EAAE,CAAC;QACrC,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAA;AA7DY,wBAAwB;IADpC,IAAA,yBAAU,GAAE;IAKE,WAAA,IAAA,qBAAM,EAAC,0BAAW,CAAC,CAAA;;GAJrB,wBAAwB,CA6DpC;AA7DY,4DAAwB","file":"arc3d-picker.js","sourcesContent":["import type { IPoint } from '@visactor/vutils';\nimport { AABBBounds } from '@visactor/vutils';\nimport { inject, injectable, getTheme, Arc3dRender, mat4Allocate, ARC3D_NUMBER_TYPE } from '@visactor/vrender-core';\nimport type {\n  IGraphicAttribute,\n  IContext2d,\n  IMarkAttribute,\n  IArc3d,\n  IThemeAttribute,\n  IGraphicPicker,\n  IGraphicRender,\n  IPickParams\n} from '@visactor/vrender-core';\nimport { BasePicker } from './base-picker';\n\n@injectable()\nexport class DefaultCanvasArc3dPicker extends BasePicker<IArc3d> implements IGraphicPicker {\n  type: string = 'arc3d';\n  numberType: number = ARC3D_NUMBER_TYPE;\n\n  constructor(@inject(Arc3dRender) public readonly canvasRenderer: IGraphicRender) {\n    super();\n  }\n\n  contains(arc3d: IArc3d, point: IPoint, params?: IPickParams): boolean {\n    const { pickContext } = params ?? {};\n    if (!pickContext) {\n      return false;\n    }\n    const arc3dAttribute = getTheme(arc3d).arc;\n\n    pickContext.highPerformanceSave();\n    const data = this.transform(arc3d, arc3dAttribute, pickContext);\n    const { x, y, z, lastModelMatrix } = data;\n\n    let pickPoint = point;\n    if (pickContext.camera) {\n      pickPoint = point.clone();\n      const globalMatrix = arc3d.parent.globalTransMatrix;\n      pickPoint.x = globalMatrix.a * point.x + globalMatrix.c * point.y + globalMatrix.e;\n      pickPoint.y = globalMatrix.b * point.x + globalMatrix.d * point.y + globalMatrix.f;\n    }\n\n    this.canvasRenderer.z = z;\n    // 详细形状判断\n    let picked = false;\n    this.canvasRenderer.drawShape(\n      arc3d,\n      pickContext,\n      x,\n      y,\n      params as any,\n      null,\n      (\n        context: IContext2d,\n        arc3dAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n        themeAttribute: IThemeAttribute\n      ) => {\n        // 选中后面就不需要再走逻辑了\n        if (picked) {\n          return true;\n        }\n        picked = context.isPointInPath(pickPoint.x, pickPoint.y);\n        return picked;\n      }\n    );\n    this.canvasRenderer.z = 0;\n\n    // mat4Allocate.free(pickContext.modelMatrix);\n    if (pickContext.modelMatrix !== lastModelMatrix) {\n      mat4Allocate.free(pickContext.modelMatrix);\n    }\n    pickContext.modelMatrix = lastModelMatrix;\n\n    pickContext.highPerformanceRestore();\n    return picked;\n  }\n}\n"]}

package/cjs/picker/contributions/canvas-picker/area-picker.d.ts

@@ -0,0 +1,9 @@
+import type { IPoint } from '@visactor/vutils';
+import type { IArea, IGraphicPicker, IGraphicRender, IPickParams } from '@visactor/vrender-core';
+export declare class DefaultCanvasAreaPicker implements IGraphicPicker {
+    readonly canvasRenderer: IGraphicRender;
+    type: string;
+    numberType: number;
+    constructor(canvasRenderer: IGraphicRender);
+    contains(area: IArea, point: IPoint, params?: IPickParams): boolean;
+}

package/cjs/picker/contributions/canvas-picker/area-picker.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultCanvasAreaPicker = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core");
+
+let DefaultCanvasAreaPicker = class {
+    constructor(canvasRenderer) {
+        this.canvasRenderer = canvasRenderer, this.type = "area", this.numberType = vrender_core_1.AREA_NUMBER_TYPE;
+    }
+    contains(area, point, params) {
+        if (!area.AABBBounds.containsPoint(point)) return !1;
+        if ("imprecise" === area.attribute.pickMode) return !0;
+        const {pickContext: pickContext} = null != params ? params : {};
+        if (!pickContext) return !1;
+        const areaAttribute = (0, vrender_core_1.getTheme)(area).area;
+        let {x: x = areaAttribute.x, y: y = areaAttribute.y} = area.attribute;
+        if (pickContext.highPerformanceSave(), area.transMatrix.onlyTranslate()) {
+            const point = area.getOffsetXY(areaAttribute);
+            x += point.x, y += point.y, pickContext.setTransformForCurrent();
+        } else x = 0, y = 0, pickContext.transformFromMatrix(area.transMatrix, !0);
+        let picked = !1;
+        return this.canvasRenderer.drawShape(area, pickContext, x, y, {}, null, (context => !!picked || (picked = context.isPointInPath(point.x, point.y), 
+        picked))), pickContext.highPerformanceRestore(), picked;
+    }
+};
+
+DefaultCanvasAreaPicker = __decorate([ (0, vrender_core_1.injectable)(), __param(0, (0, 
+vrender_core_1.inject)(vrender_core_1.AreaRender)), __metadata("design:paramtypes", [ Object ]) ], DefaultCanvasAreaPicker), 
+exports.DefaultCanvasAreaPicker = DefaultCanvasAreaPicker;
+//# sourceMappingURL=area-picker.js.map

package/cjs/picker/contributions/canvas-picker/area-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/picker/contributions/canvas-picker/area-picker.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,yDAAoG;AAK7F,IAAM,uBAAuB,GAA7B,MAAM,uBAAuB;IAIlC,YAAgD,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QAH9E,SAAI,GAAW,MAAM,CAAC;QACtB,eAAU,GAAW,+BAAgB,CAAC;IAE2C,CAAC;IAElF,QAAQ,CAAC,IAAW,EAAE,KAAa,EAAE,MAAoB;QACvD,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;YACzC,OAAO,KAAK,CAAC;SACd;QACD,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,KAAK,WAAW,EAAE;YAC3C,OAAO,IAAI,CAAC;SACb;QAED,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC;QACrC,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,KAAK,CAAC;SACd;QAGD,MAAM,aAAa,GAAG,IAAA,uBAAQ,EAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QAC1C,IAAI,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAElE,WAAW,CAAC,mBAAmB,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,EAAE;YAErC,CAAC,GAAG,CAAC,CAAC;YACN,CAAC,GAAG,CAAC,CAAC;YACN,WAAW,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;SACzD;aAAM;YACL,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAC9C,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YACb,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YAEb,WAAW,CAAC,sBAAsB,EAAE,CAAC;SACtC;QAGD,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,EAAS,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE;YAEhF,IAAI,MAAM,EAAE;gBACV,OAAO,IAAI,CAAC;aACb;YACD,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;YACjD,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,WAAW,CAAC,sBAAsB,EAAE,CAAC;QAErC,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAA;AApDY,uBAAuB;IADnC,IAAA,yBAAU,GAAE;IAKE,WAAA,IAAA,qBAAM,EAAC,yBAAU,CAAC,CAAA;;GAJpB,uBAAuB,CAoDnC;AApDY,0DAAuB","file":"area-picker.js","sourcesContent":["import { inject, injectable, getTheme, AreaRender, AREA_NUMBER_TYPE } from '@visactor/vrender-core';\nimport type { IPoint } from '@visactor/vutils';\nimport type { IArea, IGraphicPicker, IGraphicRender, IPickParams } from '@visactor/vrender-core';\n\n@injectable()\nexport class DefaultCanvasAreaPicker implements IGraphicPicker {\n  type: string = 'area';\n  numberType: number = AREA_NUMBER_TYPE;\n\n  constructor(@inject(AreaRender) public readonly canvasRenderer: IGraphicRender) {}\n\n  contains(area: IArea, point: IPoint, params?: IPickParams): boolean {\n    if (!area.AABBBounds.containsPoint(point)) {\n      return false;\n    }\n    if (area.attribute.pickMode === 'imprecise') {\n      return true;\n    }\n\n    const { pickContext } = params ?? {};\n    if (!pickContext) {\n      return false;\n    }\n\n    // const areaAttribute = graphicService.themeService.getCurrentTheme().areaAttribute;\n    const areaAttribute = getTheme(area).area;\n    let { x = areaAttribute.x, y = areaAttribute.y } = area.attribute;\n\n    pickContext.highPerformanceSave();\n    if (!area.transMatrix.onlyTranslate()) {\n      // 性能较差\n      x = 0;\n      y = 0;\n      pickContext.transformFromMatrix(area.transMatrix, true);\n    } else {\n      const point = area.getOffsetXY(areaAttribute);\n      x += point.x;\n      y += point.y;\n      // 当前context有rotate/scale，重置matrix\n      pickContext.setTransformForCurrent();\n    }\n\n    // 详细形状判断\n    let picked = false;\n    this.canvasRenderer.drawShape(area, pickContext, x, y, {} as any, null, context => {\n      // 选中后面就不需要再走逻辑了\n      if (picked) {\n        return true;\n      }\n      picked = context.isPointInPath(point.x, point.y);\n      return picked;\n    });\n\n    pickContext.highPerformanceRestore();\n    // area没有stroke pick\n    return picked;\n  }\n}\n"]}

package/cjs/picker/contributions/canvas-picker/base-picker.d.ts

@@ -0,0 +1,4 @@
+import { BaseRender } from '@visactor/vrender-core';
+import type { IGraphicAttribute, IGraphic } from '@visactor/vrender-core';
+export declare abstract class BasePicker<T extends IGraphic<Partial<IGraphicAttribute>>> extends BaseRender<T> {
+}

package/cjs/picker/contributions/canvas-picker/base-picker.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BasePicker = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core");
+
+let BasePicker = class extends vrender_core_1.BaseRender {};
+
+BasePicker = __decorate([ (0, vrender_core_1.injectable)() ], BasePicker), exports.BasePicker = BasePicker;
+//# sourceMappingURL=base-picker.js.map

package/cjs/picker/contributions/canvas-picker/base-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/picker/contributions/canvas-picker/base-picker.ts"],"names":[],"mappings":";;;;;;;;;AAAA,yDAAgE;AAIzD,IAAe,UAAU,GAAzB,MAAe,UAA2D,SAAQ,yBAAa;CAAG,CAAA;AAAnF,UAAU;IAD/B,IAAA,yBAAU,GAAE;GACS,UAAU,CAAyE;AAAnF,gCAAU","file":"base-picker.js","sourcesContent":["import { injectable, BaseRender } from '@visactor/vrender-core';\nimport type { IGraphicAttribute, IGraphic } from '@visactor/vrender-core';\n\n@injectable()\nexport abstract class BasePicker<T extends IGraphic<Partial<IGraphicAttribute>>> extends BaseRender<T> {}\n"]}

package/cjs/picker/contributions/canvas-picker/circle-picker.d.ts

@@ -0,0 +1,9 @@
+import type { IPoint } from '@visactor/vutils';
+import type { ICircle, IGraphicPicker, IGraphicRender, IPickParams } from '@visactor/vrender-core';
+export declare class DefaultCanvasCirclePicker implements IGraphicPicker {
+    readonly canvasRenderer: IGraphicRender;
+    type: string;
+    numberType: number;
+    constructor(canvasRenderer: IGraphicRender);
+    contains(circle: ICircle, point: IPoint, params?: IPickParams): boolean;
+}

package/cjs/picker/contributions/canvas-picker/circle-picker.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultCanvasCirclePicker = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core");
+
+let DefaultCanvasCirclePicker = class {
+    constructor(canvasRenderer) {
+        this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = vrender_core_1.CIRCLE_NUMBER_TYPE;
+    }
+    contains(circle, point, params) {
+        if (!circle.AABBBounds.containsPoint(point)) return !1;
+        if ("imprecise" === circle.attribute.pickMode) return !0;
+        const {pickContext: pickContext} = null != params ? params : {};
+        if (!pickContext) return !1;
+        const circleAttribute = (0, vrender_core_1.getTheme)(circle).circle;
+        let {x: x = circleAttribute.x, y: y = circleAttribute.y} = circle.attribute;
+        if (pickContext.highPerformanceSave(), circle.transMatrix.onlyTranslate()) {
+            const point = circle.getOffsetXY(circleAttribute);
+            x += point.x, y += point.y, pickContext.setTransformForCurrent();
+        } else x = 0, y = 0, pickContext.transformFromMatrix(circle.transMatrix, !0);
+        let picked = !1;
+        return this.canvasRenderer.drawShape(circle, pickContext, x, y, {}, null, ((context, circleAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(point.x, point.y), 
+        picked)), ((context, circleAttribute, themeAttribute) => {
+            if (picked) return !0;
+            const lineWidth = circleAttribute.lineWidth || themeAttribute.lineWidth;
+            return pickContext.lineWidth = (0, vrender_core_1.getScaledStroke)(pickContext, lineWidth, pickContext.dpr), 
+            picked = context.isPointInStroke(point.x, point.y), picked;
+        })), pickContext.highPerformanceRestore(), picked;
+    }
+};
+
+DefaultCanvasCirclePicker = __decorate([ (0, vrender_core_1.injectable)(), __param(0, (0, 
+vrender_core_1.inject)(vrender_core_1.CircleRender)), __metadata("design:paramtypes", [ Object ]) ], DefaultCanvasCirclePicker), 
+exports.DefaultCanvasCirclePicker = DefaultCanvasCirclePicker;
+//# sourceMappingURL=circle-picker.js.map