@visactor/vrender-core 0.16.0-alpha.0

package/es/interface/stage.d.ts

@@ -0,0 +1,146 @@
+import type { INode } from './node-tree';
+import type { ILayer } from './layer';
+import type { IGraphic } from './graphic';
+import type { IGroup } from './graphic/group';
+import type { IColor } from './color';
+import type { IAABBBounds, IBounds, IBoundsLike, IMatrix } from '@visactor/vutils';
+import type { ICamera } from './camera';
+import type { vec3 } from './matrix';
+import type { IDirectionLight } from './light';
+import type { ISyncHook } from './sync-hook';
+import type { IDrawContext, IRenderService } from './render';
+import type { ITicker, ITimeline } from './animate';
+import type { IPickerService } from './picker';
+import type { IPluginService } from './plugin';
+import type { IWindow } from './window';
+import type { ILayerService } from './core';
+export type IExportType = 'canvas' | 'imageData';
+export interface IStageParams {
+    viewBox: IBoundsLike;
+    width: number;
+    height: number;
+    dpr: number;
+    background: string | IColor;
+    canvas: string | HTMLCanvasElement;
+    container: string | HTMLElement;
+    canvasControled: boolean;
+    title: string;
+    autoRender: boolean;
+    enableLayout: boolean;
+    disableDirtyBounds: boolean;
+    interactiveLayer: boolean;
+    enableHtmlAttribute: string | boolean | HTMLElement;
+    poptip: boolean;
+    beforeRender: (stage: IStage) => void;
+    afterRender: (stage: IStage) => void;
+    renderStyle?: string;
+    ticker?: ITicker;
+    pluginList?: string[];
+    optimize?: IOptimizeType;
+}
+export type IOptimizeType = {
+    skipRenderWithOutRange?: boolean;
+};
+export interface IOption3D {
+    enableView3dTransform?: boolean;
+    alpha?: number;
+    beta?: number;
+    gama?: number;
+    center?: {
+        x?: number;
+        y?: number;
+        z?: number;
+        dx?: number;
+        dy?: number;
+        dz?: number;
+    };
+    fieldRatio?: number;
+    fieldDepth?: number;
+    light?: {
+        dir?: vec3;
+        color?: string;
+        ambient?: number;
+    };
+    camera?: any;
+}
+export interface IStage extends INode {
+    stage?: IStage;
+    parent: IStage | null;
+    x: number;
+    y: number;
+    params: Partial<IStageParams>;
+    window: IWindow;
+    width: number;
+    height: number;
+    viewWidth: number;
+    viewHeight: number;
+    defaultLayer: ILayer;
+    dirtyBounds: IBounds | null;
+    autoRender: boolean;
+    renderCount: number;
+    hooks: {
+        beforeRender: ISyncHook<[IStage]>;
+        afterRender: ISyncHook<[IStage]>;
+    };
+    option3d?: IOption3D;
+    set3dOptions: (options: IOption3D) => void;
+    light?: IDirectionLight;
+    camera?: ICamera;
+    dpr: number;
+    viewBox: IBoundsLike;
+    background: string | IColor;
+    ticker: ITicker;
+    increaseAutoRender: boolean;
+    readonly renderService: IRenderService;
+    readonly pickerService: IPickerService;
+    readonly pluginService: IPluginService;
+    readonly layerService: ILayerService;
+    createLayer: (canvasId?: string) => ILayer;
+    getLayer: (name: string) => ILayer;
+    sortLayer: (cb: (layer1: ILayer, layer2: ILayer) => number) => void;
+    removeLayer: (layerId: number) => ILayer | false;
+    getTimeline: () => ITimeline;
+    render: (layers?: ILayer[], params?: Partial<IDrawContext>) => void;
+    renderNextFrame: (layers?: ILayer[]) => void;
+    tryInitInteractiveLayer: () => void;
+    resize: (w: number, h: number, rerender?: boolean) => void;
+    resizeWindow: (w: number, h: number, rerender?: boolean) => void;
+    resizeView: (w: number, h: number, rerender?: boolean) => void;
+    setViewBox: ((viewBox: IBoundsLike, rerender: boolean) => void) | ((x: number, y: number, w: number, h: number, rerender: boolean) => void) | ((x: number | IBoundsLike, y: number | boolean, w?: number, h?: number, rerender?: boolean) => void);
+    setDpr: (dpr: number, rerender?: boolean) => void;
+    setOrigin: (x: number, y: number) => void;
+    export: (type: IExportType) => HTMLCanvasElement | ImageData;
+    pick: (x: number, y: number) => {
+        graphic: IGraphic | null;
+        group: IGroup | null;
+    } | false;
+    startAnimate: (t: number) => void;
+    setToFrame: (t: number) => void;
+    dirty: (b: IBounds, matrix?: IMatrix) => void;
+    renderTo: (window: IWindow, params: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+    renderToNewWindow: (fullImage?: boolean) => IWindow;
+    toCanvas: (fullImage?: boolean, viewBox?: IAABBBounds) => HTMLCanvasElement | null;
+    setBeforeRender: (cb: (stage: IStage) => void) => void;
+    setAfterRender: (cb: (stage: IStage) => void) => void;
+    afterNextRender: (cb: (stage: IStage) => void) => void;
+    enableAutoRender: () => void;
+    disableAutoRender: () => void;
+    enableIncrementalAutoRender: () => void;
+    disableIncrementalAutoRender: () => void;
+    enableDirtyBounds: () => void;
+    disableDirtyBounds: () => void;
+    enableView3dTransform: () => void;
+    disableView3dTranform: () => void;
+    clearViewBox: (color?: string) => void;
+    release: () => void;
+    setStage: (stage?: IStage) => void;
+    setCursor: (mode?: string) => void;
+}
+export declare function combineStage(srages: IStage[], params: {
+    canvas: string | HTMLCanvasElement;
+}): IStage;

package/es/interface/stage.js

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

package/es/interface/stage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/stage.ts"],"names":[],"mappings":"","file":"stage.js","sourcesContent":["import type { INode } from './node-tree';\nimport type { ILayer } from './layer';\nimport type { IGraphic } from './graphic';\nimport type { IGroup } from './graphic/group';\nimport type { IColor } from './color';\nimport type { IAABBBounds, IBounds, IBoundsLike, IMatrix, IPointLike } from '@visactor/vutils';\nimport type { ICamera } from './camera';\nimport type { vec3 } from './matrix';\nimport type { IDirectionLight } from './light';\nimport type { ISyncHook } from './sync-hook';\nimport type { IDrawContext, IRenderService } from './render';\nimport type { ITicker, ITimeline } from './animate';\nimport type { IPickerService } from './picker';\nimport type { IPluginService } from './plugin';\nimport type { IWindow } from './window';\nimport type { ILayerService } from './core';\n\nexport type IExportType = 'canvas' | 'imageData';\n\nexport interface IStageParams {\n  // x: number;\n  // y: number;\n  // // 视口的宽高\n  // viewWidth: number;\n  // viewHeight: number;\n\n  // 视口的宽高\n  viewBox: IBoundsLike;\n  // 总的宽高\n  width: number;\n  height: number;\n  dpr: number;\n  // stage的背景\n  background: string | IColor;\n  // 外部的canvas\n  canvas: string | HTMLCanvasElement;\n  // canvas的container容器，如果不传入canvas，那就会在容器中创建canvas\n  container: string | HTMLElement;\n  // 是否是受控制的canvas，如果不是的话，不会进行resize等操作，也不会修改canvas的样式\n  canvasControled: boolean;\n  title: string;\n  // 是否开启自动渲染\n  autoRender: boolean;\n  // 是否开启布局支持\n  enableLayout: boolean;\n  // 是否关闭脏矩形检测\n  disableDirtyBounds: boolean;\n  // 是否支持interactiveLayer，默认为true\n  interactiveLayer: boolean;\n  // 是否支持HTML属性\n  enableHtmlAttribute: string | boolean | HTMLElement;\n  poptip: boolean;\n  // 绘制之前的钩子函数\n  beforeRender: (stage: IStage) => void;\n  // 绘制之后的钩子函数\n  afterRender: (stage: IStage) => void;\n  renderStyle?: string;\n  ticker?: ITicker;\n  pluginList?: string[];\n  // 优化配置\n  optimize?: IOptimizeType;\n}\n\nexport type IOptimizeType = {\n  // 视口不在可视区，跳过渲染，默认为true\n  skipRenderWithOutRange?: boolean;\n};\n\nexport interface IOption3D {\n  enableView3dTransform?: boolean; // 是否开启view3d自动旋转\n  alpha?: number; // x轴的转角\n  beta?: number; // y轴的转角\n  gama?: number; // z轴的转角\n  center?: { x?: number; y?: number; z?: number; dx?: number; dy?: number; dz?: number }; // 中心位置\n  fieldRatio?: number; // 透视的视域缩放比例\n  fieldDepth?: number;\n  light?: {\n    dir?: vec3;\n    color?: string;\n    ambient?: number;\n  };\n  // 配置相机后，alpha、beta、gamma配置会失效\n  camera?: any; // 相机配置\n}\n\n// TODO 命名方式\nexport interface IStage extends INode {\n  stage?: IStage;\n  parent: IStage | null;\n  // rootNode: IStage;\n  x: number;\n  y: number;\n\n  params: Partial<IStageParams>;\n\n  window: IWindow;\n\n  width: number;\n  height: number;\n  viewWidth: number;\n  viewHeight: number;\n  defaultLayer: ILayer;\n  dirtyBounds: IBounds | null;\n\n  autoRender: boolean;\n  renderCount: number;\n\n  hooks: {\n    beforeRender: ISyncHook<[IStage]>;\n    afterRender: ISyncHook<[IStage]>;\n  };\n\n  option3d?: IOption3D;\n\n  set3dOptions: (options: IOption3D) => void;\n  light?: IDirectionLight;\n  camera?: ICamera;\n\n  dpr: number;\n\n  viewBox: IBoundsLike;\n  background: string | IColor;\n  ticker: ITicker;\n  increaseAutoRender: boolean;\n  readonly renderService: IRenderService;\n  readonly pickerService: IPickerService;\n  readonly pluginService: IPluginService;\n  readonly layerService: ILayerService;\n  // 如果传入CanvasId，如果存在相同Id，说明这两个图层使用相同的Canvas绘制\n  // 但需要注意的是依然是两个图层（用于解决Table嵌入ChartSpace不影响Table的绘制）\n  createLayer: (canvasId?: string) => ILayer;\n  getLayer: (name: string) => ILayer;\n  sortLayer: (cb: (layer1: ILayer, layer2: ILayer) => number) => void;\n  removeLayer: (layerId: number) => ILayer | false;\n\n  getTimeline: () => ITimeline;\n\n  render: (layers?: ILayer[], params?: Partial<IDrawContext>) => void;\n  renderNextFrame: (layers?: ILayer[]) => void;\n  tryInitInteractiveLayer: () => void;\n\n  // 画布操作\n  resize: (w: number, h: number, rerender?: boolean) => void;\n  resizeWindow: (w: number, h: number, rerender?: boolean) => void;\n  resizeView: (w: number, h: number, rerender?: boolean) => void;\n  setViewBox:\n    | ((viewBox: IBoundsLike, rerender: boolean) => void)\n    | ((x: number, y: number, w: number, h: number, rerender: boolean) => void)\n    | ((x: number | IBoundsLike, y: number | boolean, w?: number, h?: number, rerender?: boolean) => void);\n  setDpr: (dpr: number, rerender?: boolean) => void;\n  setOrigin: (x: number, y: number) => void;\n  export: (type: IExportType) => HTMLCanvasElement | ImageData;\n  pick: (x: number, y: number) => { graphic: IGraphic | null; group: IGroup | null } | false;\n\n  // 动画相关\n  startAnimate: (t: number) => void;\n  setToFrame: (t: number) => void;\n  dirty: (b: IBounds, matrix?: IMatrix) => void;\n  // 考虑操作回放\n\n  renderTo: (window: IWindow, params: { x: number; y: number; width: number; height: number }) => void;\n\n  renderToNewWindow: (fullImage?: boolean) => IWindow;\n\n  toCanvas: (fullImage?: boolean, viewBox?: IAABBBounds) => HTMLCanvasElement | null;\n\n  setBeforeRender: (cb: (stage: IStage) => void) => void;\n\n  setAfterRender: (cb: (stage: IStage) => void) => void;\n\n  afterNextRender: (cb: (stage: IStage) => void) => void;\n  enableAutoRender: () => void;\n  disableAutoRender: () => void;\n  enableIncrementalAutoRender: () => void;\n  disableIncrementalAutoRender: () => void;\n  enableDirtyBounds: () => void;\n  disableDirtyBounds: () => void;\n  enableView3dTransform: () => void;\n  disableView3dTranform: () => void;\n  clearViewBox: (color?: string) => void;\n  release: () => void;\n  setStage: (stage?: IStage) => void;\n\n  setCursor: (mode?: string) => void;\n}\n\nexport declare function combineStage(srages: IStage[], params: { canvas: string | HTMLCanvasElement }): IStage;\n"]}

package/es/interface/sync-hook.d.ts

@@ -0,0 +1,26 @@
+import type { AsArray } from './common';
+export type Tap = TapOptions & {
+    name: string;
+};
+export type TapOptions = {
+    before?: string;
+    stage?: number;
+};
+export type IfSet<X> = X extends UnsetAdditionalOptions ? any : X;
+export interface UnsetAdditionalOptions {
+    _UnsetAdditionalOptions: true;
+}
+export interface IHook<T, R, AdditionalOptions = UnsetAdditionalOptions> {
+    name?: string;
+    taps: FullTap[];
+    tap: (options: string | (Tap & IfSet<AdditionalOptions>), fn: (...args: AsArray<T>) => R) => void;
+    unTap: (options: string | (Tap & IfSet<AdditionalOptions>), fn?: (...args: AsArray<T>) => R) => void;
+}
+export interface ISyncHook<T, R = void, AdditionalOptions = UnsetAdditionalOptions> extends IHook<T, R, AdditionalOptions> {
+    call: (...args: AsArray<T>) => R;
+}
+export type FullTap = Tap & {
+    type: 'sync' | 'async' | 'promise';
+    fn: (...d: any) => any;
+};
+export type ICompileOptions = any;

package/es/interface/sync-hook.js

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

package/es/interface/sync-hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/sync-hook.ts"],"names":[],"mappings":"","file":"sync-hook.js","sourcesContent":["import type { AsArray } from './common';\n\nexport type Tap = TapOptions & {\n  name: string;\n};\n\nexport type TapOptions = {\n  before?: string;\n  stage?: number;\n};\n\nexport type IfSet<X> = X extends UnsetAdditionalOptions ? any : X;\n\nexport interface UnsetAdditionalOptions {\n  _UnsetAdditionalOptions: true;\n}\n\nexport interface IHook<T, R, AdditionalOptions = UnsetAdditionalOptions> {\n  name?: string;\n  taps: FullTap[];\n  tap: (options: string | (Tap & IfSet<AdditionalOptions>), fn: (...args: AsArray<T>) => R) => void;\n  unTap: (options: string | (Tap & IfSet<AdditionalOptions>), fn?: (...args: AsArray<T>) => R) => void;\n}\n\nexport interface ISyncHook<T, R = void, AdditionalOptions = UnsetAdditionalOptions>\n  extends IHook<T, R, AdditionalOptions> {\n  call: (...args: AsArray<T>) => R;\n}\n\nexport type FullTap = Tap & {\n  type: 'sync' | 'async' | 'promise';\n  fn: (...d: any) => any;\n};\n\nexport type ICompileOptions = any;\n"]}

package/es/interface/text.d.ts

@@ -0,0 +1,49 @@
+import type { IContribution } from './contribution';
+import type { IGraphicUtil } from './core';
+export interface TextOptionsType {
+    fontSize?: number;
+    fontWeight?: string | number;
+    fontFamily?: string;
+    fontStyle?: string;
+    fontVariant?: string;
+}
+export interface ITextMeasure extends IContribution<IGraphicUtil> {
+    measureTextWidth: (text: string, options: TextOptionsType) => number;
+    measureTextPixelHeight: (text: string, options: TextOptionsType) => number;
+    measureTextBoundHieght: (text: string, options: TextOptionsType) => number;
+    clipText: (text: string, options: TextOptionsType, width: number, wordBreak: boolean) => {
+        str: string;
+        width: number;
+    };
+    clipTextVertical: (verticalList: {
+        text: string;
+        width?: number;
+        direction: number;
+    }[], options: TextOptionsType, width: number, wordBreak: boolean) => {
+        verticalList: {
+            text: string;
+            width?: number;
+            direction: number;
+        }[];
+        width: number;
+    };
+    clipTextWithSuffix: (text: string, options: TextOptionsType, width: number, suffix: string, wordBreak: boolean) => {
+        str: string;
+        width: number;
+    };
+    clipTextWithSuffixVertical: (verticalList: {
+        text: string;
+        width?: number;
+        direction: number;
+    }[], options: TextOptionsType, width: number, suffix: string, wordBreak: boolean) => {
+        verticalList: {
+            text: string;
+            width?: number;
+            direction: number;
+        }[];
+        width: number;
+    };
+    measureText: (text: string, options: TextOptionsType) => {
+        width: number;
+    };
+}

package/es/interface/text.js

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

package/es/interface/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/text.ts"],"names":[],"mappings":"","file":"text.js","sourcesContent":["import type { IContribution } from './contribution';\nimport type { IGraphicUtil } from './core';\n\nexport interface TextOptionsType {\n  fontSize?: number;\n  fontWeight?: string | number;\n  fontFamily?: string;\n  fontStyle?: string;\n  fontVariant?: string;\n}\n\nexport interface ITextMeasure extends IContribution<IGraphicUtil> {\n  measureTextWidth: (text: string, options: TextOptionsType) => number;\n  measureTextPixelHeight: (text: string, options: TextOptionsType) => number;\n  measureTextBoundHieght: (text: string, options: TextOptionsType) => number;\n  clipText: (\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ) => { str: string; width: number };\n  clipTextVertical: (\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ) => { verticalList: { text: string; width?: number; direction: number }[]; width: number };\n  clipTextWithSuffix: (\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean\n  ) => { str: string; width: number };\n  clipTextWithSuffixVertical: (\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean\n  ) => { verticalList: { text: string; width?: number; direction: number }[]; width: number };\n  measureText: (text: string, options: TextOptionsType) => { width: number };\n}\n"]}

package/es/interface/theme-service.d.ts

@@ -0,0 +1 @@
+

package/es/interface/theme-service.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=theme-service.js.map

package/es/interface/theme-service.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/theme-service.ts"],"names":[],"mappings":"","file":"theme-service.js","sourcesContent":["// import { ContributionProvider } from '../../common/contribution-provider';\n// import {\n//   ICircleGraphicAttribute,\n//   ILineGraphicAttribute,\n//   IPathGraphicAttribute,\n//   IRectGraphicAttribute,\n//   ISymbolGraphicAttribute,\n//   ITextGraphicAttribute,\n//   IArcGraphicAttribute,\n//   IAreaGraphicAttribute,\n//   IGroupGraphicAttribute,\n//   IPolygonGraphicAttribute\n// } from '../../interface';\n\n// export interface ITheme {\n//   readonly id: string;\n//   circleAttribute: Required<ICircleGraphicAttribute>;\n//   textAttribute: Required<ITextGraphicAttribute>;\n//   symbolAttribute: Required<ISymbolGraphicAttribute>;\n//   lineAttribute: Required<ILineGraphicAttribute>;\n//   areaAttribute: Required<IAreaGraphicAttribute>;\n//   rectAttribute: Required<IRectGraphicAttribute>;\n//   pathAttribute: Required<IPathGraphicAttribute>;\n//   arcAttribute: Required<IArcGraphicAttribute>;\n//   groupAttribute: Required<IGroupGraphicAttribute>;\n//   polygonAttribute: Required<IPolygonGraphicAttribute>;\n\n//   configure: (themeService: IThemeService) => void;\n\n//   activate: () => void;\n//   deactivate: () => void;\n// }\n\n// export const Theme = Symbol.for('Theme');\n\n// export const DEFAULT_THEME_ID = 'DEFAULT_THEME_ID';\n\n// export interface IThemeService {\n//   register: (theme: ITheme) => void;\n//   getThemes: () => ITheme[];\n\n//   getTheme: (themeId: string) => ITheme;\n\n//   setCurrentTheme: (themeId: string) => void;\n\n//   getCurrentTheme: () => ITheme;\n\n//   defaultTheme: ITheme;\n\n//   reset: () => void;\n// }\n\n// export const ThemeServce = Symbol.for('ThemeServce');\n\n// @injectable()\n// export class DefaultThemeService implements IThemeService {\n//   protected themeMap: Record<string, ITheme> = {};\n//   protected activeTheme?: ITheme;\n\n//   constructor(\n//     @inject(ContributionProvider)\n//     @named(Theme)\n//     protected readonly contributions: ContributionProvider<ITheme>\n//   ) {}\n\n//   @postConstruct()\n//   init() {\n//     this.contributions.getContributions().forEach(theme => {\n//       theme.configure(this);\n//     });\n//     this.setCurrentTheme(this.defaultTheme.id);\n//   }\n\n//   register(theme: ITheme) {\n//     this.themeMap[theme.id] = theme;\n//   }\n//   getThemes(): ITheme[] {\n//     return Object.keys(this.themeMap).map(k => this.themeMap[k]);\n//   }\n\n//   getTheme(themeId: string): ITheme {\n//     return this.themeMap[themeId];\n//   }\n\n//   setCurrentTheme(themeId: string): void {\n//     this.activeTheme = this.themeMap[themeId] || this.defaultTheme;\n//   }\n\n//   getCurrentTheme(): ITheme {\n//     return this.activeTheme as ITheme;\n//   }\n\n//   get defaultTheme(): ITheme {\n//     return this.themeMap[DEFAULT_THEME_ID];\n//   }\n\n//   reset(): void {\n//     this.setCurrentTheme(this.defaultTheme.id);\n//   }\n// }\n"]}

package/es/interface/util.d.ts

@@ -0,0 +1 @@
+

package/es/interface/util.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=util.js.map

package/es/interface/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/util.ts"],"names":[],"mappings":"","file":"util.js","sourcesContent":["// import { IMatrix } from './matrix';\n\n// export type IBoundsLike = Pick<IBounds, 'x1' | 'y1' | 'x2' | 'y2'>;\n// export type IOBBBoundsLike = Pick<IOBBBounds, 'x1' | 'y1' | 'x2' | 'y2' | 'angle'>;\n\n// export interface IBounds {\n//   x1: number;\n//   y1: number;\n//   x2: number;\n//   y2: number;\n//   clone: () => IBounds;\n//   clear: () => IBounds;\n//   empty: () => boolean;\n//   emptyMin: () => boolean;\n//   equals: (b: IBounds) => boolean;\n//   set: (x1: number, y1: number, x2: number, y2: number) => IBounds;\n//   add: (x: number, y: number) => IBounds;\n//   expand: (d: number) => IBounds;\n//   round: () => IBounds;\n//   translate: (dx: number, dy: number) => IBounds;\n//   rotate: (angle: number, x: number, y: number) => IBounds;\n//   scale: (sx: number, sy: number, x: number, y: number) => IBounds;\n//   /**\n//    * 并集\n//    * @param b\n//    * @returns\n//    */\n//   union: (b: IBounds) => IBounds;\n//   /**\n//    * 交集\n//    * @param b\n//    * @returns\n//    */\n//   intersect: (b: IBounds) => IBounds;\n//   /**\n//    * 是否包含b\n//    * @param b\n//    * @returns\n//    */\n//   encloses: (b: IBounds) => boolean;\n//   /**\n//    * 是否共边\n//    * @param b\n//    * @returns\n//    */\n//   alignsWith: (b: IBounds) => boolean;\n//   /**\n//    * 是否相交\n//    * @param b\n//    * @returns\n//    */\n//   intersects: (b: IBounds) => boolean;\n//   /**\n//    * 是否包含\n//    * @param x\n//    * @param y\n//    * @returns\n//    */\n//   contains: (x: number, y: number) => boolean;\n//   width: () => number;\n//   height: () => number;\n//   scaleX: (s: number) => IBounds;\n//   scaleY: (s: number) => IBounds;\n\n//   transformWithMatrix: (matrix: IMatrix) => IBounds;\n// }\n\n// export type IAABBBounds = IBounds;\n\n// export interface IOBBBounds extends IBounds {\n//   angle: number;\n// }\n\n// export type IPointLike = Pick<IPoint, 'x' | 'y' | 'x1' | 'y1'>;\n\n// export interface IPoint {\n//   x: number;\n//   y: number;\n//   x1?: number;\n//   y1?: number;\n//   // defined?: boolean;\n//   add?: (point: IPoint | number) => IPoint;\n//   sub?: (point: IPoint | number) => IPoint;\n//   multi?: (point: IPoint | number) => IPoint;\n//   div?: (point: IPoint | number) => IPoint;\n//   length?: () => number;\n// }\n\n// export type vec2 = [number, number] | Float32Array;\n// export type vec3 = [number, number, number] | Float32Array;\n// export type vec4 = [number, number, number, number] | Float32Array;\n// export type vec8 = [number, number, number, number, number, number, number, number] | Float32Array;\n\n// export type RepeatType = 'no-repeat' | 'repeat' | 'stretch';\n"]}

package/es/interface/window.d.ts

@@ -0,0 +1,84 @@
+import type { IBoundsLike } from '@visactor/vutils';
+import type { ICanvas } from './canvas';
+import type { IContext2d } from './context';
+import type { IDomRectLike, IEventElement, Releaseable } from './common';
+import type { ISyncHook } from './sync-hook';
+import type { IContribution } from './contribution';
+import type { IGlobal } from './global';
+export interface IWindowParams {
+    canvas?: string | HTMLCanvasElement;
+    offscreen?: boolean;
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    dpr: number;
+    container?: string | HTMLElement;
+    canvasControled: boolean;
+    title: string;
+    CreateWindow?: (w: number, h: number, title: string) => void;
+}
+export interface IWindow extends Releaseable, Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {
+    hooks: {
+        onChange: ISyncHook<[number, number, number, number]>;
+    };
+    width: number;
+    height: number;
+    resizable: boolean;
+    minHeight: number;
+    minWidth: number;
+    maxHeight: number;
+    maxWidth: number;
+    title: string;
+    dpr: number;
+    style: CSSStyleDeclaration | Record<string, any>;
+    create: (options: IWindowParams) => void;
+    setWindowHandler: (handler: IWindowHandlerContribution) => void;
+    setDpr: (dpr: number) => void;
+    resize: (w: number, h: number) => void;
+    configure: () => void;
+    getContext: () => IContext2d;
+    getNativeHandler: () => ICanvas;
+    getContainer: () => HTMLElement | any;
+    getImageBuffer: (type?: string) => any;
+    clearViewBox: (viewBox: IBoundsLike, color?: string) => void;
+    getBoundingClientRect: () => IDomRectLike;
+    isVisible: (bbox?: IBoundsLike) => boolean;
+    onVisibleChange: (cb: (currentVisible: boolean) => void) => void;
+    getTopLeft: (baseWindow?: boolean) => {
+        top: number;
+        left: number;
+    };
+}
+export interface IWindowHandlerContribution extends IContribution<IWindow>, Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {
+    container?: any;
+    configure: (window: IWindow, global: IGlobal) => void;
+    createWindow: (params: IWindowParams) => void;
+    releaseWindow: () => void;
+    resizeWindow: (width: number, height: number) => void;
+    setDpr: (dpr: number) => void;
+    getDpr: () => number;
+    getWH: () => {
+        width: number;
+        height: number;
+    };
+    getXY: () => {
+        x: number;
+        y: number;
+    };
+    getTitle: () => string;
+    getContext: () => IContext2d;
+    getNativeHandler: () => ICanvas;
+    getImageBuffer?: (type?: string) => any;
+    release: (...params: any) => void;
+    getStyle: () => CSSStyleDeclaration | Record<string, any>;
+    setStyle: (s: CSSStyleDeclaration | Record<string, any>) => void;
+    getBoundingClientRect: () => IDomRectLike;
+    clearViewBox: (vb: IBoundsLike, color?: string) => void;
+    isVisible: (bbox?: IBoundsLike) => boolean;
+    onVisibleChange: (cb: (currentVisible: boolean) => void) => void;
+    getTopLeft: (baseWindow?: boolean) => {
+        top: number;
+        left: number;
+    };
+}

package/es/interface/window.js

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

package/es/interface/window.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/window.ts"],"names":[],"mappings":"","file":"window.js","sourcesContent":["// window为内部对象，属性均为stage传入\n\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ICanvas } from './canvas';\nimport type { IContext2d } from './context';\nimport type { IDomRectLike, IEventElement, Releaseable } from './common';\nimport type { ISyncHook } from './sync-hook';\nimport type { IContribution } from './contribution';\nimport type { IGlobal } from './global';\n\n// TODO: 参数考虑动态注入，比如CreateWindow是native的专用接口\nexport interface IWindowParams {\n  canvas?: string | HTMLCanvasElement;\n  offscreen?: boolean;\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  dpr: number;\n  container?: string | HTMLElement;\n  canvasControled: boolean;\n  title: string;\n  CreateWindow?: (w: number, h: number, title: string) => void;\n}\n\nexport interface IWindow\n  extends Releaseable,\n    Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  hooks: {\n    onChange: ISyncHook<[number, number, number, number]>;\n  };\n  // 窗口的大小\n  width: number;\n  height: number;\n  // // 窗口的位置\n  // x: number;\n  // y: number;\n  // 窗口操作配置\n  resizable: boolean;\n  minHeight: number;\n  minWidth: number;\n  maxHeight: number;\n  maxWidth: number;\n  // 窗口配置\n  title: string;\n  dpr: number;\n  style: CSSStyleDeclaration | Record<string, any>;\n\n  create: (options: IWindowParams) => void;\n  setWindowHandler: (handler: IWindowHandlerContribution) => void;\n  setDpr: (dpr: number) => void;\n  resize: (w: number, h: number) => void;\n  configure: () => void;\n\n  // 获取上下文和canvas，可以是2d也可以是GL\n  getContext: () => IContext2d;\n  getNativeHandler: () => ICanvas;\n  getContainer: () => HTMLElement | any;\n  getImageBuffer: (type?: string) => any;\n\n  clearViewBox: (viewBox: IBoundsLike, color?: string) => void;\n\n  getBoundingClientRect: () => IDomRectLike;\n\n  isVisible: (bbox?: IBoundsLike) => boolean;\n\n  onVisibleChange: (cb: (currentVisible: boolean) => void) => void;\n\n  getTopLeft: (baseWindow?: boolean) => { top: number; left: number };\n}\n\nexport interface IWindowHandlerContribution\n  extends IContribution<IWindow>,\n    Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  container?: any;\n\n  configure: (window: IWindow, global: IGlobal) => void;\n  createWindow: (params: IWindowParams) => void;\n  releaseWindow: () => void;\n  resizeWindow: (width: number, height: number) => void;\n  setDpr: (dpr: number) => void;\n  getDpr: () => number;\n  getWH: () => { width: number; height: number };\n  getXY: () => { x: number; y: number };\n  getTitle: () => string;\n\n  // 获取上下文和canvas，可以是2d也可以是GL\n  getContext: () => IContext2d;\n  getNativeHandler: () => ICanvas;\n  getImageBuffer?: (type?: string) => any;\n  release: (...params: any) => void;\n\n  getStyle: () => CSSStyleDeclaration | Record<string, any>;\n  setStyle: (s: CSSStyleDeclaration | Record<string, any>) => void;\n\n  getBoundingClientRect: () => IDomRectLike;\n  clearViewBox: (vb: IBoundsLike, color?: string) => void;\n  isVisible: (bbox?: IBoundsLike) => boolean;\n\n  onVisibleChange: (cb: (currentVisible: boolean) => void) => void;\n  getTopLeft: (baseWindow?: boolean) => { top: number; left: number };\n}\n"]}

package/es/modules.d.ts

@@ -0,0 +1,8 @@
+import type { IGlobal, IGraphicService, IPickerService } from './interface';
+import type { IGraphicUtil, ILayerService, ITransformUtil } from './interface/core';
+export declare const vglobal: IGlobal;
+export declare const graphicUtil: IGraphicUtil;
+export declare const transformUtil: ITransformUtil;
+export declare const graphicService: IGraphicService;
+export declare const pickerService: IPickerService;
+export declare const layerService: ILayerService;

package/es/modules.js

@@ -0,0 +1,54 @@
+import coreModule from "./core/core-modules";
+
+import renderModule from "./render/render-modules";
+
+import pickModule from "./picker/pick-modules";
+
+import graphicModule from "./graphic/graphic-service/graphic-module";
+
+import pluginModule from "./plugins/plugin-modules";
+
+import loadBuiltinContributions from "./core/contributions/modules";
+
+import loadRenderContributions from "./render/contributions/modules";
+
+import { LayerService } from "./core/constants";
+
+import { GlobalPickerService } from "./picker/constants";
+
+import { application } from "./application";
+
+import { GraphicService } from "./graphic/constants";
+
+import { GraphicUtil, TransformUtil } from "./core/constants";
+
+import { container } from "./container";
+
+import { VGlobal } from "./constants";
+
+container.load(coreModule), container.load(graphicModule), container.load(renderModule), 
+container.load(pickModule), container.load(pluginModule), loadBuiltinContributions(container), 
+loadRenderContributions(container);
+
+export const vglobal = container.get(VGlobal);
+
+application.global = vglobal;
+
+export const graphicUtil = container.get(GraphicUtil);
+
+application.graphicUtil = graphicUtil;
+
+export const transformUtil = container.get(TransformUtil);
+
+application.transformUtil = transformUtil;
+
+export const graphicService = container.get(GraphicService);
+
+application.graphicService = graphicService;
+
+export const pickerService = container.get(GlobalPickerService);
+
+export const layerService = container.get(LayerService);
+
+application.layerService = layerService;
+//# sourceMappingURL=modules.js.map

package/es/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modules.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAE/C,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,wBAAwB,MAAM,8BAA8B,CAAC;AACpE,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAC3B,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AAC9B,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC7B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAE3B,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC7B,wBAAwB,CAAC,SAAS,CAAC,CAAC;AACpC,uBAAuB,CAAC,SAAS,CAAC,CAAC;AAKnC,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAU,OAAO,CAAC,CAAC;AACvD,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC;AAC7B,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,GAAG,CAAe,WAAW,CAAC,CAAC;AACpE,WAAW,CAAC,WAAW,GAAG,WAAW,CAAC;AACtC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC,GAAG,CAAiB,aAAa,CAAC,CAAC;AAC1E,WAAW,CAAC,aAAa,GAAG,aAAa,CAAC;AAC1C,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,CAAkB,cAAc,CAAC,CAAC;AAC7E,WAAW,CAAC,cAAc,GAAG,cAAc,CAAC;AAY5C,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC,GAAG,CAAiB,mBAAmB,CAAC,CAAC;AAChF,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAgB,YAAY,CAAC,CAAC;AACvE,WAAW,CAAC,YAAY,GAAG,YAAY,CAAC","file":"modules.js","sourcesContent":["import coreModule from './core/core-modules';\nimport renderModule from './render/render-modules';\nimport pickModule from './picker/pick-modules';\n// import allocatorModule from './allocator/allocator-modules';\nimport graphicModule from './graphic/graphic-service/graphic-module';\nimport pluginModule from './plugins/plugin-modules';\nimport loadBuiltinContributions from './core/contributions/modules';\nimport loadRenderContributions from './render/contributions/modules';\n// import loadPickContributions from './picker/contributions/modules';\n// import loadCanvasContributions from './canvas/contributions/modules';\nimport { LayerService } from './core/constants';\n// import { IMat4Allocate, IMatrixAllocate, Mat4Allocate, MatrixAllocate } from './allocator/matrix-allocate';\nimport { GlobalPickerService } from './picker/constants';\nimport type { IGlobal, IGraphicService, IPickerService } from './interface';\nimport { application } from './application';\nimport type { IGraphicUtil, ILayerService, ITransformUtil } from './interface/core';\nimport { GraphicService } from './graphic/constants';\nimport { GraphicUtil, TransformUtil } from './core/constants';\nimport { container } from './container';\nimport { VGlobal } from './constants';\n\ncontainer.load(coreModule);\ncontainer.load(graphicModule);\ncontainer.load(renderModule);\ncontainer.load(pickModule);\n// container.load(allocatorModule);\ncontainer.load(pluginModule);\nloadBuiltinContributions(container);\nloadRenderContributions(container);\n// loadPickContributions(container);\n// loadCanvasContributions(container);\n\n// 全局变量\nexport const vglobal = container.get<IGlobal>(VGlobal);\napplication.global = vglobal;\nexport const graphicUtil = container.get<IGraphicUtil>(GraphicUtil);\napplication.graphicUtil = graphicUtil;\nexport const transformUtil = container.get<ITransformUtil>(TransformUtil);\napplication.transformUtil = transformUtil;\nexport const graphicService = container.get<IGraphicService>(GraphicService);\napplication.graphicService = graphicService;\n// export const matrixAllocate = container.get<IMatrixAllocate>(MatrixAllocate);\n// export const mat4Allocate = container.get<IMat4Allocate>(Mat4Allocate);\n// export const canvasAllocate = container.get<ICanvasAllocate>(CanvasAllocate);\n// export const arcAllocate = container.get<IArcAllocate>(ArcAllocate);\n// export const areaAllocate = container.get<IAreaAllocate>(AreaAllocate);\n// export const circleAllocate = container.get<ICircleAllocate>(CircleAllocate);\n// export const lineAllocate = container.get<ILineAllocate>(LineAllocate);\n// export const pathAllocate = container.get<IPathAllocate>(PathAllocate);\n// export const rectAllocate = container.get<IRectAllocate>(RectAllocate);\n// export const symbolAllocate = container.get<ISymbolAllocate>(SymbolAllocate);\n// export const textAllocate = container.get<ITextAllocate>(TextAllocate);\nexport const pickerService = container.get<IPickerService>(GlobalPickerService);\nexport const layerService = container.get<ILayerService>(LayerService);\napplication.layerService = layerService;\n"]}

package/es/picker/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const GraphicPicker: unique symbol;
+export declare const PickerService: unique symbol;
+export declare const BoundsPicker: unique symbol;
+export declare const GlobalPickerService: unique symbol;

package/es/picker/constants.js

@@ -0,0 +1,8 @@
+export const GraphicPicker = Symbol.for("GraphicPicker");
+
+export const PickerService = Symbol.for("PickerService");
+
+export const BoundsPicker = Symbol.for("BoundsPicker");
+
+export const GlobalPickerService = Symbol.for("GlobalPickerService");
+//# sourceMappingURL=constants.js.map

package/es/picker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/picker/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AACvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC","file":"constants.js","sourcesContent":["export const GraphicPicker = Symbol.for('GraphicPicker');\nexport const PickerService = Symbol.for('PickerService');\n\nexport const BoundsPicker = Symbol.for('BoundsPicker');\nexport const GlobalPickerService = Symbol.for('GlobalPickerService');\n"]}

package/es/picker/global-picker-service.d.ts

@@ -0,0 +1,13 @@
+import type { IMatrix, IPointLike } from '@visactor/vutils';
+import type { IGraphic, IGroup, EnvType, IGlobal, IPickerService, IGraphicPicker, IPickParams, PickResult } from '../interface';
+export declare class DefaultGlobalPickerService implements IPickerService {
+    readonly global: IGlobal;
+    type: 'global';
+    pickerMap: Map<number, IGraphicPicker>;
+    constructor(global: IGlobal);
+    configure(global: IGlobal, env: EnvType): void;
+    pick(graphics: IGraphic[], point: IPointLike, params?: IPickParams): PickResult;
+    containsPoint(graphic: IGraphic, point: IPointLike, params?: IPickParams): boolean;
+    pickGroup(group: IGroup, point: IPointLike, parentMatrix: IMatrix, params?: IPickParams): PickResult;
+    pickItem(graphic: IGraphic, point: IPointLike, parentMatrix: IMatrix | null, params?: IPickParams): IGraphic | null;
+}

package/es/picker/global-picker-service.js

@@ -0,0 +1,75 @@
+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);
+    };
+};
+
+import { Matrix, Point } from "@visactor/vutils";
+
+import { inject, injectable } from "../common/inversify-lite";
+
+import { VGlobal } from "../constants";
+
+let DefaultGlobalPickerService = class {
+    constructor(global) {
+        this.global = global, this.global.hooks.onSetEnv.tap("global-picker-service", ((lastEnv, env, global) => {
+            this.configure(global, env);
+        })), this.configure(this.global, this.global.env);
+    }
+    configure(global, env) {}
+    pick(graphics, point, params) {
+        let result = {
+            graphic: null,
+            group: null
+        };
+        const parentMatrix = new Matrix(1, 0, 0, 1, 0, 0);
+        let group;
+        for (let i = 0; i < graphics.length && (graphics[i].isContainer ? result = this.pickGroup(graphics[i], point, parentMatrix, params) : result.graphic = this.pickItem(graphics[i], point, parentMatrix, params), 
+        !result.graphic); i++) group || (group = result.group);
+        if (result.graphic || (result.group = group), result.graphic) {
+            let g = result.graphic;
+            for (;g.parent; ) g = g.parent;
+            g.shadowHost && (result.params = {
+                shadowTarget: result.graphic
+            }, result.graphic = g.shadowHost);
+        }
+        return result;
+    }
+    containsPoint(graphic, point, params) {
+        return !!this.pickItem(graphic, point, null, params);
+    }
+    pickGroup(group, point, parentMatrix, params) {
+        let result = {
+            group: null,
+            graphic: null
+        };
+        if (!1 === group.attribute.visibleAll) return result;
+        const transMatrix = group.transMatrix, newPoint = new Point(point.x, point.y);
+        parentMatrix.transformPoint(newPoint, newPoint);
+        const insideGroup = group.AABBBounds.containsPoint(newPoint);
+        if (!insideGroup) return result;
+        const groupPicked = !1 !== group.attribute.pickable && insideGroup;
+        return parentMatrix.multiply(transMatrix.a, transMatrix.b, transMatrix.c, transMatrix.d, transMatrix.e, transMatrix.f), 
+        !1 !== group.attribute.childrenPickable && group.forEachChildren((graphic => {
+            if (graphic.isContainer) result = this.pickGroup(graphic, point, parentMatrix, params); else {
+                const newPoint = new Point(point.x, point.y);
+                parentMatrix.transformPoint(newPoint, newPoint), result.graphic = this.pickItem(graphic, newPoint, parentMatrix, params);
+            }
+            return !!result.graphic || !!result.group;
+        })), result.graphic || result.group || !groupPicked || (result.group = group), result;
+    }
+    pickItem(graphic, point, parentMatrix, params) {
+        return !1 === graphic.attribute.pickable ? null : graphic.AABBBounds.containsPoint(point) ? graphic : null;
+    }
+};
+
+DefaultGlobalPickerService = __decorate([ injectable(), __param(0, inject(VGlobal)), __metadata("design:paramtypes", [ Object ]) ], DefaultGlobalPickerService);
+
+export { DefaultGlobalPickerService };
+//# sourceMappingURL=global-picker-service.js.map

package/es/picker/global-picker-service.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/picker/global-picker-service.ts"],"names":[],"mappings":"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","file":"global-picker-service.js","sourcesContent":["import type { IMatrix, IPoint, IPointLike } from '@visactor/vutils';\nimport { Matrix, Point } from '@visactor/vutils';\nimport { inject, injectable } from '../common/inversify-lite';\nimport type {\n  IGraphic,\n  IGroup,\n  EnvType,\n  IGlobal,\n  IPickerService,\n  IGraphicPicker,\n  IPickParams,\n  PickResult\n} from '../interface';\nimport { VGlobal } from '../constants';\n\n// 默认的pick-service，提供基本的最优选中策略，尽量不需要用户自己实现contribution\n// 用户可以写plugin\n@injectable()\nexport class DefaultGlobalPickerService implements IPickerService {\n  type: 'global';\n\n  declare pickerMap: Map<number, IGraphicPicker>;\n\n  constructor(\n    // @inject(ContributionProvider)\n    // @named(PickerContribution)\n    // protected readonly contributions: ContributionProvider<IPickerContribution>,\n    @inject(VGlobal) public readonly global: IGlobal\n  ) {\n    this.global.hooks.onSetEnv.tap('global-picker-service', (lastEnv, env, global) => {\n      this.configure(global, env);\n    });\n    this.configure(this.global, this.global.env);\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\n  // todo: params支持\n  // todo: 性能优化\n  pick(graphics: IGraphic[], point: IPointLike, params?: IPickParams): PickResult {\n    let result: PickResult = {\n      graphic: null,\n      group: null\n    };\n    const parentMatrix = new Matrix(1, 0, 0, 1, 0, 0);\n    let group: IGroup;\n    for (let i = 0; i < graphics.length; i++) {\n      if (graphics[i].isContainer) {\n        result = this.pickGroup(graphics[i] as IGroup, point, parentMatrix, params);\n      } else {\n        result.graphic = this.pickItem(graphics[i], point, parentMatrix, params);\n      }\n      if (result.graphic) {\n        break;\n      }\n      if (!group) {\n        group = result.group;\n      }\n    }\n    if (!result.graphic) {\n      result.group = group;\n    }\n    // 判断是否有shadow-dom\n    if (result.graphic) {\n      let g = result.graphic;\n      while (g.parent) {\n        g = g.parent;\n      }\n      if (g.shadowHost) {\n        result.params = {\n          shadowTarget: result.graphic\n        };\n        result.graphic = g.shadowHost;\n      }\n    }\n    return result;\n  }\n\n  containsPoint(graphic: IGraphic, point: IPointLike, params?: IPickParams): boolean {\n    return !!this.pickItem(graphic, point, null, params);\n  }\n\n  pickGroup(group: IGroup, point: IPointLike, parentMatrix: IMatrix, params?: IPickParams): PickResult {\n    let result: PickResult = {\n      group: null,\n      graphic: null\n    };\n    if (group.attribute.visibleAll === false) {\n      return result;\n    }\n    // 转换坐标空间\n    const transMatrix = group.transMatrix;\n\n    const newPoint: IPoint = new Point(point.x, point.y);\n    parentMatrix.transformPoint(newPoint, newPoint);\n    const insideGroup = group.AABBBounds.containsPoint(newPoint);\n    // 如果group没有被选中，直接跳过\n    if (!insideGroup) {\n      return result;\n    }\n    // todo: 支持带有path的group的选中\n    const groupPicked = group.attribute.pickable !== false && insideGroup;\n\n    parentMatrix.multiply(transMatrix.a, transMatrix.b, transMatrix.c, transMatrix.d, transMatrix.e, transMatrix.f);\n\n    if (group.attribute.childrenPickable !== false) {\n      group.forEachChildren((graphic: IGraphic) => {\n        if (graphic.isContainer) {\n          result = this.pickGroup(graphic as IGroup, point, parentMatrix, params);\n        } else {\n          const newPoint: IPoint = new Point(point.x, point.y);\n          parentMatrix.transformPoint(newPoint, newPoint);\n          result.graphic = this.pickItem(graphic, newPoint, parentMatrix, params);\n        }\n        return !!result.graphic || !!result.group;\n      });\n    }\n\n    if (!result.graphic && !result.group && groupPicked) {\n      result.group = group;\n    }\n\n    return result;\n  }\n\n  // todo: switch统一改为数字map\n  pickItem(graphic: IGraphic, point: IPointLike, parentMatrix: IMatrix | null, params?: IPickParams): IGraphic | null {\n    if (graphic.attribute.pickable === false) {\n      return null;\n    }\n    if (graphic.AABBBounds.containsPoint(point)) {\n      return graphic;\n    }\n    return null;\n  }\n}\n"]}

package/es/picker/index.d.ts

@@ -0,0 +1,4 @@
+export * from './picker-service';
+export * from './global-picker-service';
+export * from './pick-interceptor';
+export * from './constants';

package/es/picker/index.js

@@ -0,0 +1,8 @@
+export * from "./picker-service";
+
+export * from "./global-picker-service";
+
+export * from "./pick-interceptor";
+
+export * from "./constants";
+//# sourceMappingURL=index.js.map

package/es/picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './picker-service';\nexport * from './global-picker-service';\nexport * from './pick-interceptor';\nexport * from './constants';\n"]}