@visactor/vrender-core 1.0.47-alpha.0 → 1.1.0-alpha.1

package/cjs/interface/graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/graphic.ts"],"names":[],"mappings":"","file":"graphic.js","sourcesContent":["import type { IAABBBounds, IMatrix, IPointLike, IPoint, BoundsAnchorType, IOBBBounds } from '@visactor/vutils';\nimport type { IAnimate, IStep, EasingType, IAnimateTarget, ITimeline } from './animation';\nimport type { IColor } from './color';\nimport type { IGroup } from './graphic/group';\nimport type { IShadowRoot } from './graphic/shadow-root';\nimport type { ILayer } from './layer';\nimport type { INode } from './node-tree';\nimport type { ICustomPath2D } from './path';\nimport type { IStage } from './stage';\nimport type { IGlyphGraphicAttribute } from './graphic/glyph';\nimport type { IContainPointMode } from '../common/enums';\nimport type { IFace3d } from './graphic/face3d';\nimport type { IPickerService } from './picker';\nimport type { ISymbolClass } from './graphic/symbol';\nimport type { IContext2d } from './context';\n\ntype IStrokeSeg = {\n  /**\n   * 百分比\n   */\n  start: number;\n  /**\n   * 百分比\n   * end和length二选一\n   */\n  end: number;\n  /**\n   * 像素长度\n   */\n  length: number;\n};\n\n// TODO 最后加一个any\nexport type GraphicType =\n  | 'area'\n  | 'circle'\n  | 'ellipse'\n  | 'line'\n  | 'rect'\n  | 'rect3d'\n  | 'path'\n  | 'richtext'\n  | 'text'\n  | 'arc'\n  | 'arc3d'\n  | 'image'\n  | 'symbol'\n  | 'group'\n  | 'shadowroot'\n  | 'polygon'\n  | 'pyramid3d'\n  | 'glyph'\n  | string;\n\n// Cursor style\n// See: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out';\n\nexport type ITransform = {\n  /**\n   * x坐标\n   */\n  x: number;\n  /**\n   * y坐标\n   */\n  y: number;\n  /**\n   * z坐标\n   */\n  z: number;\n  /**\n   * x方向偏移量\n   */\n  dx: number;\n  /**\n   * y方向偏移量\n   */\n  dy: number;\n  /**\n   * z方向偏移量\n   */\n  dz: number;\n  /**\n   * x方向的滚动值\n   */\n  scrollX: number;\n  /**\n   * y方向的滚动值\n   */\n  scrollY: number;\n  /**\n   * x方向的缩放值\n   */\n  scaleX: number;\n  /**\n   * y方向的缩放值\n   */\n  scaleY: number;\n  /**\n   * z方向的缩放值\n   */\n  scaleZ: number;\n  /**\n   * 绕z轴的转角，即xy平面上的旋转角度\n   */\n  angle: number;\n  /**\n   * 绕x轴的转角\n   */\n  alpha: number;\n  /**\n   * 绕y轴的转角\n   */\n  beta: number;\n  /**\n   * 应用缩放的中心\n   */\n  scaleCenter: [number | string, number | string];\n  /**\n   * 基于AABB的锚点位置，用于简单的定位某些path\n   */\n  anchor: [number | string, number | string];\n  /**\n   * 3d的锚点位置\n   */\n  anchor3d: [number | string, number | string, number] | [number | string, number | string];\n  /**\n   * 处理矩阵，在正常计算完变换矩阵之后，会将该矩阵乘到变换矩阵上得到最终的变换矩阵\n   */\n  postMatrix: IMatrix;\n};\n\nexport type IFillType = boolean | string | IColor;\nexport type IFillStyle = {\n  /**\n   * 图形的填充透明度\n   */\n  fillOpacity: number;\n  /**\n   * 图形模糊效果程度\n   */\n  shadowBlur: number;\n  /**\n   * 图形的阴影颜色\n   */\n  shadowColor: string;\n  /**\n   * 阴影水平偏移距离\n   */\n  shadowOffsetX: number;\n  /**\n   * 阴影垂直偏移距离\n   */\n  shadowOffsetY: number;\n  /**\n   * 图形的填充颜色\n   */\n  fill: IFillType;\n};\n\nexport type ILayout = {\n  /**\n   * 设置对齐方式\n   */\n  alignSelf: 'auto' | 'flex-start' | 'flex-end' | 'center';\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  /**\n   * 边距离边缘的距离\n   */\n  distance: number | string;\n  /**\n   * 是否显示边框，默认是不显示的\n   */\n  visible?: boolean;\n};\n\nexport type IStrokeType = boolean | string | IColor | null;\nexport type IStrokeStyle = {\n  /**\n   * 外部边框的样式配置，默认不展示外部边框\n   */\n  outerBorder: Partial<IBorderStyle>;\n  /**\n   * 内部边框的样式配置\n   */\n  innerBorder: Partial<IBorderStyle>;\n  /**\n   * 描边的透明度\n   */\n  strokeOpacity: number;\n  /**\n   * 设置线条虚线样式的属性，它通过定义实线和空白的交替长度来创建虚线效果\n   */\n  lineDash: number[];\n\n  /**\n   * 设置虚线样式的起始偏移量\n   */\n  lineDashOffset: number;\n\n  /**\n   * 设置线条的宽度\n   */\n  lineWidth: number;\n\n  /**\n   * 设置线条末端的样式\n   */\n  lineCap: CanvasLineCap;\n\n  /**\n   * 设置线条拐角的样式\n   */\n  lineJoin: CanvasLineJoin;\n\n  /**\n   * 设置线条拐角处的斜接限制\n   */\n  miterLimit: number;\n  /**\n   * 描边的boundsBuffer，用于控制bounds的buffer\n   */\n  strokeBoundsBuffer: number;\n  /**\n   * stroke - true 全描边\n   * stroke - false 不描边\n   * stroke 为数值类型，适用于rect\\arc等图形，用于配置部分描边的场景，其中\n   *\n   * 0b00000 - 不描边\n   * 0b000001 - top\n   * 0b000010 - right\n   * 0b000100 - bottom\n   * 0b001000 - left\n   * 相应的：\n   * 0b000011 - top + right\n   * 0b000111 - top + right + bottom\n   * 0b001111 - 全描边\n   *\n   * stroke - boolean[]，适用于rect\\arc等图形，用于配置部分描边的场景\n   */\n  stroke: IStrokeType[] | IStrokeType;\n};\n\ntype TextureType =\n  | 'circle'\n  | 'diamond'\n  | 'rect'\n  | 'vertical-line'\n  | 'horizontal-line'\n  | 'bias-lr'\n  | 'bias-rl'\n  | 'grid'\n  | 'wave';\n\ntype ITextureSource = string | HTMLImageElement | HTMLCanvasElement;\n\nexport type IConnectedStyle = {\n  /**\n   * 连接，取零或者断开\n   */\n  connectedType: 'connect' | 'none';\n  /**\n   * 连接线的样式配置\n   */\n  connectedStyle: {\n    stroke: IStrokeStyle['stroke'];\n    strokeOpacity: IStrokeStyle['strokeOpacity'];\n    lineDash: IStrokeStyle['lineDash'];\n    lineDashOffset: IStrokeStyle['lineDashOffset'];\n    lineCap: IStrokeStyle['lineCap'];\n    lineJoin: IStrokeStyle['lineJoin'];\n    lineWidth: IStrokeStyle['lineWidth'];\n    fill: IFillStyle['fill'];\n    fillOpacity: IFillStyle['fillOpacity'];\n  };\n  connectedX: number;\n  connectedY: number;\n};\n\nexport type IBackgroundConfig = {\n  stroke?: string | boolean;\n  fill?: string | boolean;\n  lineWidth?: number;\n  cornerRadius?: number;\n  expandX?: number;\n  expandY?: number;\n};\n\nexport type BackgroundSizing = 'cover' | 'contain' | 'fill' | 'auto';\nexport type BackgroundRepeatMode = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\nexport type BackgroundSizingShorthand = 'no-repeat-cover' | 'no-repeat-contain' | 'no-repeat-fill' | 'no-repeat-auto';\nexport type BackgroundMode = BackgroundRepeatMode | BackgroundSizingShorthand;\nexport type BackgroundPositionHorizontalKeyword = 'left' | 'center' | 'right';\nexport type BackgroundPositionVerticalKeyword = 'top' | 'center' | 'bottom';\nexport type BackgroundPositionKeyword = BackgroundPositionHorizontalKeyword | BackgroundPositionVerticalKeyword;\nexport type BackgroundPositionPercent = `${number}%`;\nexport type BackgroundPositionValue = number | BackgroundPositionKeyword | BackgroundPositionPercent;\nexport type BackgroundPositionPreset =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'center-left'\n  | 'center'\n  | 'center-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\nexport type BackgroundPosition =\n  | BackgroundPositionKeyword\n  | BackgroundPositionPreset\n  | [BackgroundPositionValue, BackgroundPositionValue];\n\nexport type IBackgroundType = string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig;\n\nexport interface SimpleDomStyleOptions {\n  /**\n   * 容器的宽度\n   */\n  width: number;\n  /**\n   * 容器的高度\n   */\n  height: number;\n  /**\n   * 容器的样式设置\n   */\n  style?:\n    | string\n    | Record<string, any>\n    | ((\n        pos: { top: number; left: number; width: number; height: number },\n        graphic: IGraphic,\n        wrapContainer: HTMLElement\n      ) => Record<string, any>); // 容器的样式\n}\n\nexport interface CommonDomOptions {\n  /**\n   * 全局唯一的id\n   */\n  id?: string;\n  /**\n   * 容器元素的id或者dom元素\n   */\n  container: string | HTMLElement | null;\n  /**\n   * 是否显示\n   */\n  visible?: boolean;\n  /**\n   * 是否支持事件冒泡\n   */\n  pointerEvents?: boolean | string;\n  /**\n   * 可穿透的事件列表\n   * @since 0.21.2\n   */\n  penetrateEventList?: string[];\n  /**\n   * 定位类型\n   * 'position' - 根据挂载图形节点的坐标也就是x,y进行定位\n   * 'boundsLeftTop' - 定位到挂载图形节点bounds的左上角\n   * 'left' - 定位到挂载图形节点bounds 的左侧\n   * 'right' - 定位到挂载图形节点bounds 的右侧\n   * 'bottom' - 定位到挂载图形节点bounds 的底部\n   * 'top' - 定位到挂载图形节点bounds 的顶部\n   * 'center' - 定位到挂载图形节点bounds 的中心\n   * 'top-left' - 定位到挂载图形节点bounds 的左上角\n   * 'top-right' - 定位到挂载图形节点bounds 的右上角\n   * 'bottom-left' - 定位到挂载图形节点bounds 的左下角\n   * 'bottom-right' - 定位到挂载图形节点bounds 的右下角\n   */\n  anchorType?: 'position' | 'boundsLeftTop' | BoundsAnchorType;\n}\n\nexport type IRoughStyle = {\n  fillStyle: 'hachure' | 'solid' | 'zigzag' | 'cross-hatch' | 'dots' | 'sunburst' | 'dashed' | 'zigzag-line';\n  roughness: number;\n  bowing: number;\n};\n\nexport type IGraphicStyle = ILayout &\n  IFillStyle &\n  IStrokeStyle &\n  IPickStyle & {\n    /**\n     * 强制设置的bounds宽度，主要用于使用html或者react展示图形的时候，设置一个固定的宽度\n     */\n    forceBoundsWidth: number | (() => number) | undefined;\n    /**\n     * 强制设置的bounds高度，主要用于使用html或者react展示图形的时候，设置一个固定的高度\n     */\n    forceBoundsHeight: number | (() => number) | undefined;\n    /**\n     * 透明度，会同时影响填充和描边\n     */\n    opacity: number;\n    /**\n     * 影子节点\n     */\n    shadowGraphic?: IGraphic | undefined;\n    /**\n     * 背景图绘制模式。\n     * - repeat/repeat-x/repeat-y/no-repeat: 原有平铺语义\n     * - no-repeat-cover/no-repeat-contain/no-repeat-fill/no-repeat-auto: no-repeat 下的尺寸简写\n     */\n    backgroundMode: BackgroundMode;\n    /**\n     * 是否正好填充，只在repeat-x或者repeat-y以及no-repeat的时候生效\n     */\n    backgroundFit: boolean;\n    /**\n     * 是否保持背景图的宽高比\n     */\n    backgroundKeepAspectRatio: boolean;\n    /**\n     * 背景图缩放，只在no-repeat的时候生效\n     */\n    backgroundScale: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetX: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetY: number;\n    /**\n     * 背景图锚定位置（类似 CSS background-position），仅在 no-repeat 的图片背景下生效。\n     * 默认值为 'top-left'，当前公开支持以下几类配置：\n     * - 单关键字：'left' | 'center' | 'right' | 'top' | 'bottom'\n     * - 预设位置：'top-left'、'top-center'、'top-right'、'center-left'、'center'、\n     *   'center-right'、'bottom-left'、'bottom-center'、'bottom-right'\n     * - 元组写法：[x, y]，其中 x/y 支持 number、关键字、百分比字符串（如 ['25%', '75%']）\n     * 运行时仍兼容 CSS 风格空格字符串，但不再作为公开类型暴露。\n     */\n    backgroundPosition: BackgroundPosition;\n    /**\n     * 背景图是否裁切，是否调用clip避免绘制到图元外部\n     */\n    backgroundClip: boolean;\n    /**\n     * 背景圆角半径\n     */\n    backgroundCornerRadius: number | number[];\n    /**\n     * 背景透明度\n     */\n    backgroundOpacity: number;\n    /**\n     * 背景，支持颜色字符串、html image元素、html canvas元素\n     */\n    // 纹理是否自动做动画\n    autoAnimateTexture: boolean;\n    // 如果做动画的话，这里代表ratio\n    textureRatio: number;\n    textureOptions: {\n      /**\n       * 是否将纹理的 pattern 原点对齐到图元的绘制原点\n       */\n      alignToGraphic?: boolean;\n      /**\n       * 纹理在 x 方向的额外偏移量（用户坐标系）\n       */\n      alignOffsetX?: number;\n      /**\n       * 纹理在 y 方向的额外偏移量（用户坐标系）\n       */\n      alignOffsetY?: number;\n      /**\n       * 图片/SVG 纹理图案本身的圆角半径（用户坐标系）\n       */\n      radius?: number;\n      /**\n       * 是否使用动态纹理绘制（由调用方提供绘制回调）\n       */\n      dynamicTexture?: (\n        ctx: IContext2d,\n        row: number,\n        column: number,\n        rowCount: number,\n        columnCount: number,\n        ratio: number,\n        graphic: IGraphic,\n        width?: number,\n        height?: number\n      ) => void;\n      /**\n       * 动态纹理绘制前回调\n       */\n      beforeDynamicTexture?: (\n        ctx: IContext2d,\n        row: number,\n        column: number,\n        rowCount: number,\n        columnCount: number,\n        ratio: number,\n        graphic: IGraphic,\n        width?: number,\n        height?: number\n      ) => void;\n      /**\n       * 动态纹理网格配置\n       */\n      gridConfig?: {\n        columns?: number;\n        rows?: number;\n        gutterColumn?: number;\n        gutterRow?: number;\n      };\n      /**\n       * 是否使用新 canvas 绘制动态纹理\n       */\n      useNewCanvas?: boolean;\n      /**\n       * 其他纹理选项\n       */\n      [key: string]: any;\n    };\n    background:\n      | IBackgroundType\n      | {\n          /**\n           * 背景，支持颜色字符串、html image元素、html canvas元素\n           */\n          background: IBackgroundType;\n          /**\n           * 背景的x方向偏移量\n           */\n          dx?: number;\n          /**\n           * 背景的y方向偏移量\n           */\n          dy?: number;\n          /**\n           * 背景宽度\n           */\n          width?: number;\n          /**\n           * 背景高度\n           */\n          height?: number;\n          /**\n           * 背景的x坐标\n           */\n          x?: number;\n          /**\n           * 背景的y坐标\n           */\n          y?: number;\n        }\n      | null; // 背景，可以与fill同时存在\n    /**\n     * 纹理的类型\n     */\n    texture: TextureType | ITextureSource;\n    /**\n     * 纹理的颜色\n     */\n    textureColor: string;\n    /**\n     * 纹理的大小\n     */\n    textureSize: number;\n    /**\n     * 纹理的间隙\n     */\n    texturePadding: number;\n\n    blur: number;\n    /**\n     * 设置图形对应的鼠标样式\n     */\n    cursor: Cursor | null;\n    // @deprecated 用处少废弃，后续考虑新设计API\n    filter: string;\n    renderStyle?: 'default' | 'rough' | any;\n    roughStyle?: IRoughStyle | null;\n    /**\n     * HTML的dom或者string\n     */\n    html:\n      | ({\n          /**\n           * dom字符串或者dom\n           */\n          dom: string | HTMLElement;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用react元素渲染内容\n     */\n    react:\n      | ({\n          /**\n           * react场景节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用vue组件渲染内容\n     */\n    vue:\n      | ({\n          /**\n           * vue 虚拟节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n  };\n\nexport type IPickStyle = {\n  /**\n   * 给stroke模式的pick额外加的buffer，用于外界控制stroke区域的pick范围\n   */\n  pickStrokeBuffer: number;\n};\n\nexport type IDebugType = {\n  _debug_bounds: boolean | ((c: any, g: any) => void);\n};\nexport type IGraphicAttribute = IDebugType &\n  IGraphicStyle &\n  ITransform & {\n    /**\n     * stroke百分比\n     */\n    strokeSeg: IStrokeSeg | null;\n    /**\n     * 包围盒的padding\n     */\n    boundsPadding: number | number[];\n    /**\n     * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n     */\n    pickMode: 'accurate' | 'imprecise' | 'custom';\n    boundsMode: 'accurate' | 'imprecise' | 'empty';\n    customPickShape: () => boolean | null;\n    /**\n     * 是否支持事件拾取，默认为 true。\n     * @default true\n     */\n    pickable: boolean;\n    /**\n     * 是否支持fill拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    fillPickable: boolean;\n    /**\n     * 是否支持stroke拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    strokePickable: boolean;\n    /**\n     * 对于 group 节点，是否支持其子元素的事件拾取，默认为 true。\n     * 如果 group `pickable` 关闭，`childrenPickable` 开启，那么 group 的子节点仍参与事件拾取\n     * @default true\n     */\n    childrenPickable: boolean;\n    /**\n     * 元素是否可见。\n     * @default true\n     */\n    visible: boolean;\n    /**\n     * 分组下的层级，层级越小越先绘制\n     */\n    zIndex: number;\n    layout: any;\n    /**\n     * 是否隐藏元素（只是绘制的时候不绘制）\n     */\n    renderable: boolean;\n    /**\n     * 是否在3d中控制方向\n     * false: 不控制方向\n     * true: 始终控制方向朝摄像机\n     */\n    keepDirIn3d?: boolean;\n    shadowRootIdx: number;\n    shadowPickMode?: 'full' | 'graphic';\n    /**\n     * 全局范围的层级，设置了这个属性的图形，会提取到交互层进行渲染\n     */\n    globalZIndex: number;\n    /**\n     * canvas 的合成方式\n     */\n    globalCompositeOperation: CanvasRenderingContext2D['globalCompositeOperation'] | '';\n    /**\n     * 完全支持滚动 | 完全不支持滚动 | 支持x方向的滚动 | 支持y方向的滚动\n     */\n    overflow: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';\n    /**\n     * 绘制fill和stroke的顺序，为0表示fill先绘制，1表示stroke先绘制\n     */\n    fillStrokeOrder: number;\n    /**\n     * @since 0.20.15\n     * 保持stroke的scale，默认为false，为true的话stroke显示的宽度会随着scale变化\n     */\n    keepStrokeScale: boolean;\n\n    /**\n     * @since 0.22.2\n     * 裁剪路径，用于裁剪图形，用于普通图元的裁剪\n     * 由于一般情况下普通图元只需要一个形状即可，所以这里不需要配置具体的位置和大小，强制中心在图元中心，宽高和图元Bounds宽高一致\n     * 不考虑其他复杂情况，否则配置项就非常多了，比如多路径，或者配置位置大小等，如果配置大小那还得用户自己去拿图元的大小，目前没有这种需求\n     */\n    clipConfig: {\n      shape: string;\n    } | null;\n    /**\n     * 自定义路径，可覆盖图元默认路径渲染（支持字符串、Path2D对象、以及动态函数）\n     */\n    pathProxy?: string | ICustomPath2D | ((attrs: Partial<IGraphicAttribute>) => string | ICustomPath2D) | null;\n  };\n\nexport interface IGraphicJson<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> {\n  attribute: Partial<T>;\n  _uid: number;\n  type: string;\n  name: string;\n  children: IGraphicJson<T>[];\n}\n\n/** the context of setAttribute */\nexport type ISetAttributeContext = {\n  /** type of setAttribute */\n  type?: number;\n  animationState?: {\n    step?: IStep;\n    isFirstFrameOfStep?: boolean;\n    /** ratio of animation */\n    ratio?: number;\n    /** is animation end? */\n    end?: boolean;\n  };\n  skipUpdateCallback?: boolean;\n};\n\nexport type IGraphicAnimateParams = {\n  slience?: boolean;\n  id?: number | string;\n  timeline?: ITimeline;\n  onStart?: () => void;\n  onFrame?: (step: IStep, ratio: number) => void;\n  onEnd?: () => void;\n  onRemove?: () => void;\n  interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n};\n\nexport interface IGraphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>>\n  extends INode,\n    IAnimateTarget {\n  type?: GraphicType;\n  numberType?: number;\n  stage?: IStage;\n  layer?: ILayer;\n  shadowRoot?: IShadowRoot;\n  glyphHost?: IGraphic<IGlyphGraphicAttribute>;\n  backgroundImg?: boolean;\n  attachedThemeGraphic?: IGraphic<any>;\n  /**\n   * 保存语法上下文\n   */\n  context?: Record<string, any>;\n  bindDom?: Map<\n    string | HTMLElement,\n    { container: HTMLElement | string; dom: HTMLElement | any; wrapGroup: HTMLDivElement | any; root?: any }\n  >;\n\n  valid: boolean;\n  parent: IGroup | null;\n  isContainer?: boolean;\n  // 是否是3d模式（是否应用3d视角）\n  in3dMode?: boolean;\n\n  // 不考虑transform的宽高，特殊情况下会使用到\n  widthWithoutTransform?: number;\n  heightWithoutTransform?: number;\n\n  // 上次更新的stamp\n  stamp?: number;\n  animationBackUps?: {\n    from: Record<string, any>;\n    to: Record<string, any>;\n  };\n\n  attribute: Partial<T>;\n\n  /** 用于实现morph动画场景，转换成bezier曲线渲染 */\n  pathProxy?: string | ICustomPath2D | ((attrs: T) => string | ICustomPath2D);\n  incremental?: number;\n  incrementalAt?: number;\n\n  /** 记录state对应的图形属性 */\n  states?: Record<string, Partial<T>>;\n  normalAttrs?: Partial<T>;\n  stateProxy?: (stateName: string, targetStates?: string[]) => Partial<T>;\n  findFace?: () => IFace3d;\n  toggleState: (stateName: string, hasAnimation?: boolean) => void;\n  removeState: (stateName: string | string[], hasAnimation?: boolean) => void;\n  clearStates: (hasAnimation?: boolean) => void;\n  useStates: (states: string[], hasAnimation?: boolean) => void;\n  addState: (stateName: string, keepCurrentStates?: boolean, hasAnimation?: boolean) => void;\n  hasState: (stateName?: string) => boolean;\n  getState: (stateName: string) => Partial<T>;\n  onBeforeAttributeUpdate?: (\n    val: any,\n    attributes: Partial<T>,\n    key: null | string | string[],\n    context?: ISetAttributeContext\n  ) => T | undefined;\n  applyStateAttrs: (attrs: Partial<T>, stateNames: string[], hasAnimation?: boolean, isClear?: boolean) => void;\n  updateNormalAttrs: (stateAttrs: Partial<T>) => void;\n\n  // get\n  readonly AABBBounds: IAABBBounds; // 用于获取当前节点的AABB包围盒\n  readonly OBBBounds: IOBBBounds; // 获取OBB包围盒，旋转防重叠需要用\n  readonly globalAABBBounds: IAABBBounds; // 全局AABB包围盒\n  readonly transMatrix: IMatrix; // 变换矩阵，动态计算\n  readonly globalTransMatrix: IMatrix; // 变换矩阵，动态计算\n\n  getOffsetXY: (attr?: ITransform) => IPoint;\n\n  // function\n  containsPoint: (x: number, y: number, mode?: IContainPointMode, picker?: IPickerService) => boolean;\n\n  setMode: (mode: '3d' | '2d') => void;\n  isValid: () => boolean;\n\n  getClipPath: () => ISymbolClass | null;\n\n  // TODO: transform API\n  // 基于当前transform的变换，普通用户尽量别用，拿捏不住的~\n  translate: (x: number, y: number) => this;\n  translateTo: (x: number, y: number) => this;\n  scale: (scaleX: number, scaleY: number, scaleCenter?: IPointLike) => this;\n  scaleTo: (scaleX: number, scaleY: number) => this;\n  rotate: (angle: number, rotateCenter?: IPointLike) => this;\n  rotateTo: (angle: number) => this;\n  skewTo: (b: number, c: number) => this;\n  addUpdateBoundTag: () => void;\n  addUpdateShapeAndBoundsTag: () => void;\n  addUpdateLayoutTag: () => void;\n\n  update: (d?: { bounds: boolean; trans: boolean }) => void;\n\n  // animate\n  animate?: (params?: IGraphicAnimateParams) => IAnimate;\n\n  // 语法糖，可有可无，有的为了首屏性能考虑做成get方法，有的由外界直接托管，内部不赋值\n  name?: string;\n\n  // 供render处理shape缓存tag\n  shouldUpdateShape: () => boolean;\n  clearUpdateShapeTag: () => void;\n\n  // // 供render缓存shape\n  // cacheShape?: ICustomPath2D;\n  // // 线段使用的path2D\n  // cacheLine?: ISegPath2D | ISegPath2D[];\n  // // 面积图使用的path2D\n  // cacheArea?: IAreaCacheItem | IAreaCacheItem[];\n\n  setAttributes: (params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  initAttributes: (params: Partial<T>) => void;\n\n  setAttribute: (key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  setStage: (stage?: IStage, layer?: ILayer) => void;\n  onSetStage: (cb: (g: IGraphic, stage: IStage) => void) => void;\n\n  shouldUpdateAABBBounds: () => boolean;\n  shouldSelfChangeUpdateAABBBounds: () => boolean;\n  shouldUpdateGlobalMatrix: () => boolean;\n\n  addUpdatePositionTag: () => void;\n  addUpdateGlobalPositionTag: () => void;\n\n  attachShadow: () => IShadowRoot;\n  detachShadow: () => void;\n\n  toJson: () => IGraphicJson;\n\n  /** 创建pathProxy */\n  createPathProxy: (path?: string) => void;\n  /** 获取解析后的pathProxy（优先取attribute.pathProxy） */\n  getPathProxy: () => ICustomPath2D | null;\n  /** 将图形转换成CustomPath2D */\n  toCustomPath?: () => ICustomPath2D;\n\n  resources?: Map<\n    string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig,\n    { state: 'init' | 'loading' | 'success' | 'fail'; data?: HTMLImageElement | HTMLCanvasElement }\n  >;\n  imageLoadSuccess: (url: string, data: HTMLImageElement) => void;\n  imageLoadFail: (url: string) => void;\n\n  clone: () => IGraphic;\n  stopAnimates: (stopChildren?: boolean) => void;\n  getNoWorkAnimateAttr: () => Record<string, number>;\n  getGraphicTheme: () => T;\n\n  getAttributes: (final?: boolean) => Partial<T>;\n\n  pauseAnimation?: (deep?: boolean) => void;\n  resumeAnimation?: (deep?: boolean) => void;\n  stopAnimation?: (deep?: boolean) => void;\n  reApplyAnimationState?: (state: string, deep?: boolean) => this;\n}\n\nexport interface IRoot extends IGraphic {\n  pick: (x: number, y: number) => IGraphic;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimateConfig = {\n  duration?: number;\n  easing?: EasingType;\n};\n\nexport type GraphicReleaseStatus = 'released' | 'willRelease';\n"]}
+{"version":3,"sources":["../src/interface/graphic.ts"],"names":[],"mappings":"","file":"graphic.js","sourcesContent":["import type { IAABBBounds, IMatrix, IPointLike, IPoint, BoundsAnchorType, IOBBBounds } from '@visactor/vutils';\nimport type { IAnimate, IStep, EasingType, IAnimateTarget, ITimeline } from './animation';\nimport type { IColor } from './color';\nimport type { IGroup } from './graphic/group';\nimport type { IShadowRoot } from './graphic/shadow-root';\nimport type { ILayer } from './layer';\nimport type { INode } from './node-tree';\nimport type { ICustomPath2D } from './path';\nimport type { IStage } from './stage';\nimport type { IGlyphGraphicAttribute } from './graphic/glyph';\nimport type { IContainPointMode } from '../common/enums';\nimport type { IFace3d } from './graphic/face3d';\nimport type { IPickerService } from './picker';\nimport type { ISymbolClass } from './graphic/symbol';\nimport type {\n  CompiledStateDefinition,\n  StateDefinition,\n  StateDefinitionsInput\n} from '../graphic/state/state-definition';\nimport type { StateMergeMode } from '../graphic/state/state-style-resolver';\nimport type { SharedStateScope } from '../graphic/state/shared-state-scope';\n\ntype IStrokeSeg = {\n  /**\n   * 百分比\n   */\n  start: number;\n  /**\n   * 百分比\n   * end和length二选一\n   */\n  end: number;\n  /**\n   * 像素长度\n   */\n  length: number;\n};\n\n// TODO 最后加一个any\nexport type GraphicType =\n  | 'area'\n  | 'circle'\n  | 'ellipse'\n  | 'line'\n  | 'rect'\n  | 'rect3d'\n  | 'path'\n  | 'richtext'\n  | 'text'\n  | 'arc'\n  | 'arc3d'\n  | 'image'\n  | 'symbol'\n  | 'group'\n  | 'shadowroot'\n  | 'polygon'\n  | 'pyramid3d'\n  | 'glyph'\n  | string;\n\n// Cursor style\n// See: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out';\n\nexport type ITransform = {\n  /**\n   * x坐标\n   */\n  x: number;\n  /**\n   * y坐标\n   */\n  y: number;\n  /**\n   * z坐标\n   */\n  z: number;\n  /**\n   * x方向偏移量\n   */\n  dx: number;\n  /**\n   * y方向偏移量\n   */\n  dy: number;\n  /**\n   * z方向偏移量\n   */\n  dz: number;\n  /**\n   * x方向的滚动值\n   */\n  scrollX: number;\n  /**\n   * y方向的滚动值\n   */\n  scrollY: number;\n  /**\n   * x方向的缩放值\n   */\n  scaleX: number;\n  /**\n   * y方向的缩放值\n   */\n  scaleY: number;\n  /**\n   * z方向的缩放值\n   */\n  scaleZ: number;\n  /**\n   * 绕z轴的转角，即xy平面上的旋转角度\n   */\n  angle: number;\n  /**\n   * 绕x轴的转角\n   */\n  alpha: number;\n  /**\n   * 绕y轴的转角\n   */\n  beta: number;\n  /**\n   * 应用缩放的中心\n   */\n  scaleCenter: [number | string, number | string];\n  /**\n   * 基于AABB的锚点位置，用于简单的定位某些path\n   */\n  anchor: [number | string, number | string];\n  /**\n   * 3d的锚点位置\n   */\n  anchor3d: [number | string, number | string, number] | [number | string, number | string];\n  /**\n   * 处理矩阵，在正常计算完变换矩阵之后，会将该矩阵乘到变换矩阵上得到最终的变换矩阵\n   */\n  postMatrix: IMatrix;\n};\n\nexport type IFillType = boolean | string | IColor;\nexport type IFillStyle = {\n  /**\n   * 图形的填充透明度\n   */\n  fillOpacity: number;\n  /**\n   * 图形模糊效果程度\n   */\n  shadowBlur: number;\n  /**\n   * 图形的阴影颜色\n   */\n  shadowColor: string;\n  /**\n   * 阴影水平偏移距离\n   */\n  shadowOffsetX: number;\n  /**\n   * 阴影垂直偏移距离\n   */\n  shadowOffsetY: number;\n  /**\n   * 图形的填充颜色\n   */\n  fill: IFillType;\n};\n\nexport type ILayout = {\n  /**\n   * 设置对齐方式\n   */\n  alignSelf: 'auto' | 'flex-start' | 'flex-end' | 'center';\n};\n\nexport type IBorderStyle = Omit<IStrokeStyle, 'outerBorder' | 'innerBorder'> & {\n  /**\n   * 边距离边缘的距离\n   */\n  distance: number | string;\n  /**\n   * 是否显示边框，默认是不显示的\n   */\n  visible?: boolean;\n};\n\nexport type IStrokeType = boolean | string | IColor | null;\nexport type IStrokeStyle = {\n  /**\n   * 外部边框的样式配置，默认不展示外部边框\n   */\n  outerBorder: Partial<IBorderStyle>;\n  /**\n   * 内部边框的样式配置\n   */\n  innerBorder: Partial<IBorderStyle>;\n  /**\n   * 描边的透明度\n   */\n  strokeOpacity: number;\n  /**\n   * 设置线条虚线样式的属性，它通过定义实线和空白的交替长度来创建虚线效果\n   */\n  lineDash: number[];\n\n  /**\n   * 设置虚线样式的起始偏移量\n   */\n  lineDashOffset: number;\n\n  /**\n   * 设置线条的宽度\n   */\n  lineWidth: number;\n\n  /**\n   * 设置线条末端的样式\n   */\n  lineCap: CanvasLineCap;\n\n  /**\n   * 设置线条拐角的样式\n   */\n  lineJoin: CanvasLineJoin;\n\n  /**\n   * 设置线条拐角处的斜接限制\n   */\n  miterLimit: number;\n  /**\n   * 描边的boundsBuffer，用于控制bounds的buffer\n   */\n  strokeBoundsBuffer: number;\n  /**\n   * stroke - true 全描边\n   * stroke - false 不描边\n   * stroke 为数值类型，适用于rect\\arc等图形，用于配置部分描边的场景，其中\n   *\n   * 0b00000 - 不描边\n   * 0b000001 - top\n   * 0b000010 - right\n   * 0b000100 - bottom\n   * 0b001000 - left\n   * 相应的：\n   * 0b000011 - top + right\n   * 0b000111 - top + right + bottom\n   * 0b001111 - 全描边\n   *\n   * stroke - boolean[]，适用于rect\\arc等图形，用于配置部分描边的场景\n   */\n  stroke: IStrokeType[] | IStrokeType;\n};\n\ntype TextureType = 'circle' | 'diamond' | 'rect' | 'vertical-line' | 'horizontal-line' | 'bias-lr' | 'bias-rl' | 'grid';\n\nexport type IConnectedStyle = {\n  /**\n   * 连接，取零或者断开\n   */\n  connectedType: 'connect' | 'none';\n  /**\n   * 连接线的样式配置\n   */\n  connectedStyle: {\n    stroke: IStrokeStyle['stroke'];\n    strokeOpacity: IStrokeStyle['strokeOpacity'];\n    lineDash: IStrokeStyle['lineDash'];\n    lineDashOffset: IStrokeStyle['lineDashOffset'];\n    lineCap: IStrokeStyle['lineCap'];\n    lineJoin: IStrokeStyle['lineJoin'];\n    lineWidth: IStrokeStyle['lineWidth'];\n    fill: IFillStyle['fill'];\n    fillOpacity: IFillStyle['fillOpacity'];\n  };\n  connectedX: number;\n  connectedY: number;\n};\n\nexport type IBackgroundConfig = {\n  stroke?: string | boolean;\n  fill?: string | boolean;\n  lineWidth?: number;\n  cornerRadius?: number;\n  expandX?: number;\n  expandY?: number;\n};\n\nexport type BackgroundSizing = 'cover' | 'contain' | 'fill' | 'auto';\nexport type BackgroundRepeatMode = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';\nexport type BackgroundSizingShorthand = 'no-repeat-cover' | 'no-repeat-contain' | 'no-repeat-fill' | 'no-repeat-auto';\nexport type BackgroundMode = BackgroundRepeatMode | BackgroundSizingShorthand;\nexport type BackgroundPositionHorizontalKeyword = 'left' | 'center' | 'right';\nexport type BackgroundPositionVerticalKeyword = 'top' | 'center' | 'bottom';\nexport type BackgroundPositionKeyword = BackgroundPositionHorizontalKeyword | BackgroundPositionVerticalKeyword;\nexport type BackgroundPositionPercent = `${number}%`;\nexport type BackgroundPositionValue = number | BackgroundPositionKeyword | BackgroundPositionPercent;\nexport type BackgroundPositionPreset =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'center-left'\n  | 'center'\n  | 'center-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\nexport type BackgroundPosition =\n  | BackgroundPositionKeyword\n  | BackgroundPositionPreset\n  | [BackgroundPositionValue, BackgroundPositionValue];\n\nexport type IBackgroundType = string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig;\n\nexport interface SimpleDomStyleOptions {\n  /**\n   * 容器的宽度\n   */\n  width: number;\n  /**\n   * 容器的高度\n   */\n  height: number;\n  /**\n   * 容器的样式设置\n   */\n  style?:\n    | string\n    | Record<string, any>\n    | ((\n        pos: { top: number; left: number; width: number; height: number },\n        graphic: IGraphic,\n        wrapContainer: HTMLElement\n      ) => Record<string, any>); // 容器的样式\n}\n\nexport interface CommonDomOptions {\n  /**\n   * 全局唯一的id\n   */\n  id?: string;\n  /**\n   * 容器元素的id或者dom元素\n   */\n  container: string | HTMLElement | null;\n  /**\n   * 是否显示\n   */\n  visible?: boolean;\n  /**\n   * 是否支持事件冒泡\n   */\n  pointerEvents?: boolean | string;\n  /**\n   * 可穿透的事件列表\n   * @since 0.21.2\n   */\n  penetrateEventList?: string[];\n  /**\n   * 定位类型\n   * 'position' - 根据挂载图形节点的坐标也就是x,y进行定位\n   * 'boundsLeftTop' - 定位到挂载图形节点bounds的左上角\n   * 'left' - 定位到挂载图形节点bounds 的左侧\n   * 'right' - 定位到挂载图形节点bounds 的右侧\n   * 'bottom' - 定位到挂载图形节点bounds 的底部\n   * 'top' - 定位到挂载图形节点bounds 的顶部\n   * 'center' - 定位到挂载图形节点bounds 的中心\n   * 'top-left' - 定位到挂载图形节点bounds 的左上角\n   * 'top-right' - 定位到挂载图形节点bounds 的右上角\n   * 'bottom-left' - 定位到挂载图形节点bounds 的左下角\n   * 'bottom-right' - 定位到挂载图形节点bounds 的右下角\n   */\n  anchorType?: 'position' | 'boundsLeftTop' | BoundsAnchorType;\n}\n\nexport type IRoughStyle = {\n  fillStyle: 'hachure' | 'solid' | 'zigzag' | 'cross-hatch' | 'dots' | 'sunburst' | 'dashed' | 'zigzag-line';\n  roughness: number;\n  bowing: number;\n};\n\nexport type IGraphicStyle = ILayout &\n  IFillStyle &\n  IStrokeStyle &\n  IPickStyle & {\n    /**\n     * 强制设置的bounds宽度，主要用于使用html或者react展示图形的时候，设置一个固定的宽度\n     */\n    forceBoundsWidth: number | (() => number) | undefined;\n    /**\n     * 强制设置的bounds高度，主要用于使用html或者react展示图形的时候，设置一个固定的高度\n     */\n    forceBoundsHeight: number | (() => number) | undefined;\n    /**\n     * 透明度，会同时影响填充和描边\n     */\n    opacity: number;\n    /**\n     * 影子节点\n     */\n    shadowGraphic?: IGraphic | undefined;\n    /**\n     * 背景填充模式（与具体图元有关）\n     */\n    backgroundMode: BackgroundMode;\n    /**\n     * 是否正好填充，只在repeat-x或者repeat-y以及no-repeat的时候生效\n     */\n    backgroundFit: boolean;\n    /**\n     * 是否保持背景图的宽高比\n     */\n    backgroundKeepAspectRatio: boolean;\n    /**\n     * 背景图缩放，只在no-repeat的时候生效\n     */\n    backgroundScale: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetX: number;\n    /**\n     * 背景图偏移，只在no-repeat的时候生效\n     */\n    backgroundOffsetY: number;\n    /**\n     * 背景图锚定位置（类似 CSS background-position），仅在 no-repeat 的图片背景下生效。\n     */\n    backgroundPosition: BackgroundPosition;\n    /**\n     * 背景图是否裁切，是否调用clip避免绘制到图元外部\n     */\n    backgroundClip: boolean;\n    /**\n     * 背景圆角半径\n     */\n    backgroundCornerRadius: number | number[];\n    /**\n     * 背景透明度\n     */\n    backgroundOpacity: number;\n    /**\n     * 背景，支持颜色字符串、html image元素、html canvas元素\n     */\n    // 纹理是否自动做动画\n    autoAnimateTexture: boolean;\n    // 如果做动画的话，这里代表ratio\n    textureRatio: number;\n    textureOptions: any;\n    background:\n      | IBackgroundType\n      | {\n          /**\n           * 背景，支持颜色字符串、html image元素、html canvas元素\n           */\n          background: IBackgroundType;\n          /**\n           * 背景的x方向偏移量\n           */\n          dx?: number;\n          /**\n           * 背景的y方向偏移量\n           */\n          dy?: number;\n          /**\n           * 背景宽度\n           */\n          width?: number;\n          /**\n           * 背景高度\n           */\n          height?: number;\n          /**\n           * 背景的x坐标\n           */\n          x?: number;\n          /**\n           * 背景的y坐标\n           */\n          y?: number;\n        }\n      | null; // 背景，可以与fill同时存在\n    /**\n     * 纹理的类型\n     */\n    texture: TextureType | string;\n    /**\n     * 纹理的颜色\n     */\n    textureColor: string;\n    /**\n     * 纹理的大小\n     */\n    textureSize: number;\n    /**\n     * 纹理的间隙\n     */\n    texturePadding: number;\n\n    blur: number;\n    /**\n     * 设置图形对应的鼠标样式\n     */\n    cursor: Cursor | null;\n    // @deprecated 用处少废弃，后续考虑新设计API\n    filter: string;\n    renderStyle?: 'default' | 'rough' | any;\n    roughStyle?: IRoughStyle | null;\n    /**\n     * HTML的dom或者string\n     */\n    html:\n      | ({\n          /**\n           * dom字符串或者dom\n           */\n          dom: string | HTMLElement;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用react元素渲染内容\n     */\n    react:\n      | ({\n          /**\n           * react场景节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n    /**\n     * 使用vue组件渲染内容\n     */\n    vue:\n      | ({\n          /**\n           * vue 虚拟节点\n           */\n          element: any;\n        } & SimpleDomStyleOptions &\n          CommonDomOptions)\n      | null;\n  };\n\nexport type IPickStyle = {\n  /**\n   * 给stroke模式的pick额外加的buffer，用于外界控制stroke区域的pick范围\n   */\n  pickStrokeBuffer: number;\n};\n\nexport type IDebugType = {\n  _debug_bounds: boolean | ((c: any, g: any) => void);\n};\nexport type IGraphicAttribute = IDebugType &\n  IGraphicStyle &\n  ITransform & {\n    /**\n     * stroke百分比\n     */\n    strokeSeg: IStrokeSeg | null;\n    /**\n     * 包围盒的padding\n     */\n    boundsPadding: number | number[];\n    /**\n     * 选择模式，精确模式，粗糙模式（包围盒模式），自定义模式\n     */\n    pickMode: 'accurate' | 'imprecise' | 'custom';\n    boundsMode: 'accurate' | 'imprecise' | 'empty';\n    customPickShape: () => boolean | null;\n    /**\n     * 是否支持事件拾取，默认为 true。\n     * @default true\n     */\n    pickable: boolean;\n    /**\n     * 是否支持fill拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    fillPickable: boolean;\n    /**\n     * 是否支持stroke拾取，默认为 true。\n     * @experimental\n     * @default true\n     */\n    strokePickable: boolean;\n    /**\n     * 对于 group 节点，是否支持其子元素的事件拾取，默认为 true。\n     * 如果 group `pickable` 关闭，`childrenPickable` 开启，那么 group 的子节点仍参与事件拾取\n     * @default true\n     */\n    childrenPickable: boolean;\n    /**\n     * 元素是否可见。\n     * @default true\n     */\n    visible: boolean;\n    /**\n     * 分组下的层级，层级越小越先绘制\n     */\n    zIndex: number;\n    layout: any;\n    /**\n     * 是否隐藏元素（只是绘制的时候不绘制）\n     */\n    renderable: boolean;\n    /**\n     * 是否在3d中控制方向\n     * false: 不控制方向\n     * true: 始终控制方向朝摄像机\n     */\n    keepDirIn3d?: boolean;\n    shadowRootIdx: number;\n    shadowPickMode?: 'full' | 'graphic';\n    /**\n     * 全局范围的层级，设置了这个属性的图形，会提取到交互层进行渲染\n     */\n    globalZIndex: number;\n    /**\n     * canvas 的合成方式\n     */\n    globalCompositeOperation: CanvasRenderingContext2D['globalCompositeOperation'] | '';\n    /**\n     * 完全支持滚动 | 完全不支持滚动 | 支持x方向的滚动 | 支持y方向的滚动\n     */\n    overflow: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';\n    /**\n     * 绘制fill和stroke的顺序，为0表示fill先绘制，1表示stroke先绘制\n     */\n    fillStrokeOrder: number;\n    /**\n     * @since 0.20.15\n     * 保持stroke的scale，默认为false，为true的话stroke显示的宽度会随着scale变化\n     */\n    keepStrokeScale: boolean;\n\n    /**\n     * @since 0.22.2\n     * 裁剪路径，用于裁剪图形，用于普通图元的裁剪\n     * 由于一般情况下普通图元只需要一个形状即可，所以这里不需要配置具体的位置和大小，强制中心在图元中心，宽高和图元Bounds宽高一致\n     * 不考虑其他复杂情况，否则配置项就非常多了，比如多路径，或者配置位置大小等，如果配置大小那还得用户自己去拿图元的大小，目前没有这种需求\n     */\n    clipConfig: {\n      shape: string;\n    } | null;\n  };\n\nexport interface IGraphicJson<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>> {\n  attribute: Partial<T>;\n  baseAttributes?: Partial<T>;\n  _uid: number;\n  type: string;\n  name: string;\n  children: IGraphicJson<T>[];\n}\n\n/** the context of setAttribute */\nexport type ISetAttributeContext = {\n  /** type of setAttribute */\n  type?: number;\n  animationState?: {\n    step?: IStep;\n    isFirstFrameOfStep?: boolean;\n    /** ratio of animation */\n    ratio?: number;\n    /** is animation end? */\n    end?: boolean;\n  };\n  skipUpdateCallback?: boolean;\n};\n\nexport type IGraphicAnimateParams = {\n  slience?: boolean;\n  id?: number | string;\n  timeline?: ITimeline;\n  onStart?: () => void;\n  onFrame?: (step: IStep, ratio: number) => void;\n  onEnd?: () => void;\n  onRemove?: () => void;\n  interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n};\n\nexport interface IGraphic<T extends Partial<IGraphicAttribute> = Partial<IGraphicAttribute>>\n  extends INode,\n    IAnimateTarget {\n  type?: GraphicType;\n  numberType?: number;\n  stage?: IStage;\n  layer?: ILayer;\n  shadowRoot?: IShadowRoot;\n  glyphHost?: IGraphic<IGlyphGraphicAttribute>;\n  backgroundImg?: boolean;\n  attachedThemeGraphic?: IGraphic<any>;\n  /**\n   * 保存语法上下文\n   */\n  context?: Record<string, any>;\n  bindDom?: Map<\n    string | HTMLElement,\n    { container: HTMLElement | string; dom: HTMLElement | any; wrapGroup: HTMLDivElement | any; root?: any }\n  >;\n\n  valid: boolean;\n  parent: IGroup | null;\n  isContainer?: boolean;\n  // 是否是3d模式（是否应用3d视角）\n  in3dMode?: boolean;\n\n  // 不考虑transform的宽高，特殊情况下会使用到\n  widthWithoutTransform?: number;\n  heightWithoutTransform?: number;\n\n  // 上次更新的stamp\n  stamp?: number;\n  animationBackUps?: {\n    from: Record<string, any>;\n    to: Record<string, any>;\n  };\n\n  attribute: Partial<T>;\n\n  /** 用于实现morph动画场景，转换成bezier曲线渲染 */\n  pathProxy?: ICustomPath2D | ((attrs: T) => ICustomPath2D);\n  incremental?: number;\n  incrementalAt?: number;\n\n  /** 记录state对应的图形属性 */\n  states?: StateDefinitionsInput<T>;\n  effectiveStates?: string[];\n  resolvedStatePatch?: Partial<T>;\n  normalAttrs?: Partial<T>;\n  baseAttributes?: Partial<T>;\n  boundSharedStateScope?: SharedStateScope<T>;\n  boundSharedStateRevision?: number;\n  sharedStateDirty?: boolean;\n  registeredActiveScopes?: Set<SharedStateScope<T>>;\n  localFallbackCompiledDefinitions?: Map<string, CompiledStateDefinition<T>>;\n  localFallbackVersion?: number;\n  stateProxy?: (stateName: string, targetStates?: string[]) => Partial<T>;\n  stateMergeMode?: StateMergeMode;\n  findFace?: () => IFace3d;\n  toggleState: (stateName: string, hasAnimation?: boolean) => void;\n  removeState: (stateName: string | string[], hasAnimation?: boolean) => void;\n  clearStates: (hasAnimation?: boolean) => void;\n  useStates: (states: string[], hasAnimation?: boolean) => void;\n  addState: (stateName: string, keepCurrentStates?: boolean, hasAnimation?: boolean) => void;\n  invalidateResolver: () => void;\n  hasState: (stateName?: string) => boolean;\n  getState: (stateName: string) => Partial<T> | StateDefinition<T>;\n  onBeforeAttributeUpdate?: (\n    val: any,\n    attributes: Partial<T>,\n    key: null | string | string[],\n    context?: ISetAttributeContext\n  ) => T | undefined;\n  applyStateAttrs: (\n    attrs: Partial<T>,\n    stateNames: string[],\n    hasAnimation?: boolean,\n    isClear?: boolean,\n    animateConfig?: IAnimateConfig\n  ) => void;\n  updateNormalAttrs: (stateAttrs: Partial<T>) => void;\n\n  // get\n  readonly AABBBounds: IAABBBounds; // 用于获取当前节点的AABB包围盒\n  readonly OBBBounds: IOBBBounds; // 获取OBB包围盒，旋转防重叠需要用\n  readonly globalAABBBounds: IAABBBounds; // 全局AABB包围盒\n  readonly transMatrix: IMatrix; // 变换矩阵，动态计算\n  readonly globalTransMatrix: IMatrix; // 变换矩阵，动态计算\n\n  getOffsetXY: (attr?: ITransform) => IPoint;\n\n  // function\n  containsPoint: (x: number, y: number, mode?: IContainPointMode, picker?: IPickerService) => boolean;\n\n  setMode: (mode: '3d' | '2d') => void;\n  isValid: () => boolean;\n\n  getClipPath: () => ISymbolClass | null;\n\n  // TODO: transform API\n  // 基于当前transform的变换，普通用户尽量别用，拿捏不住的~\n  translate: (x: number, y: number) => this;\n  translateTo: (x: number, y: number) => this;\n  scale: (scaleX: number, scaleY: number, scaleCenter?: IPointLike) => this;\n  scaleTo: (scaleX: number, scaleY: number) => this;\n  rotate: (angle: number, rotateCenter?: IPointLike) => this;\n  rotateTo: (angle: number) => this;\n  skewTo: (b: number, c: number) => this;\n  addUpdateBoundTag: () => void;\n  addUpdatePaintTag: () => void;\n  addUpdateShapeAndBoundsTag: () => void;\n  addUpdateLayoutTag: () => void;\n\n  update: (d?: { bounds: boolean; trans: boolean }) => void;\n\n  // animate\n  animate?: (params?: IGraphicAnimateParams) => IAnimate;\n\n  // 语法糖，可有可无，有的为了首屏性能考虑做成get方法，有的由外界直接托管，内部不赋值\n  name?: string;\n\n  // 供render处理shape缓存tag\n  shouldUpdateShape: () => boolean;\n  clearUpdateShapeTag: () => void;\n\n  // // 供render缓存shape\n  // cacheShape?: ICustomPath2D;\n  // // 线段使用的path2D\n  // cacheLine?: ISegPath2D | ISegPath2D[];\n  // // 面积图使用的path2D\n  // cacheArea?: IAreaCacheItem | IAreaCacheItem[];\n\n  setAttributes: (params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  initAttributes: (params: Partial<T>) => void;\n\n  setAttribute: (key: string, value: any, forceUpdateTag?: boolean, context?: ISetAttributeContext) => void;\n\n  setStage: (stage?: IStage, layer?: ILayer) => void;\n  onSetStage: (cb: (g: IGraphic, stage: IStage) => void) => void;\n\n  shouldUpdateAABBBounds: () => boolean;\n  shouldSelfChangeUpdateAABBBounds: () => boolean;\n  shouldUpdateGlobalMatrix: () => boolean;\n\n  addUpdatePositionTag: () => void;\n  addUpdateGlobalPositionTag: () => void;\n\n  attachShadow: () => IShadowRoot;\n  detachShadow: () => void;\n\n  toJson: () => IGraphicJson;\n\n  /** 创建pathProxy */\n  createPathProxy: (path?: string) => void;\n  /** 将图形转换成CustomPath2D */\n  toCustomPath?: () => ICustomPath2D;\n\n  resources?: Map<\n    string | HTMLImageElement | HTMLCanvasElement | IBackgroundConfig,\n    { state: 'init' | 'loading' | 'success' | 'fail'; data?: HTMLImageElement | HTMLCanvasElement }\n  >;\n  imageLoadSuccess: (url: string, data: HTMLImageElement) => void;\n  imageLoadFail: (url: string) => void;\n\n  clone: () => IGraphic;\n  stopAnimates: (stopChildren?: boolean) => void;\n  getNoWorkAnimateAttr: () => Record<string, number>;\n  getGraphicTheme: () => T;\n\n  getAttributes: (final?: boolean) => Partial<T>;\n\n  pauseAnimation?: (deep?: boolean) => void;\n  resumeAnimation?: (deep?: boolean) => void;\n  stopAnimation?: (deep?: boolean) => void;\n  reApplyAnimationState?: (state: string, deep?: boolean) => this;\n}\n\nexport interface IRoot extends IGraphic {\n  pick: (x: number, y: number) => IGraphic;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimateConfig = {\n  duration?: number;\n  easing?: EasingType;\n  noAnimateAttrs?: string[] | Record<string, boolean | number>;\n};\n\nexport type GraphicReleaseStatus = 'released' | 'willRelease';\n"]}

package/cjs/interface/plugin.d.ts

@@ -1,6 +1,8 @@
 import type { Releaseable } from './common';
 import type { IStage } from './stage';
 export interface IPluginService extends Releaseable {
+    install?: (plugin: IPlugin) => void;
+    uninstall?: (name: string) => void;
     register: (plugin: IPlugin) => void;
     unRegister: (plugin: IPlugin) => void;
     active: (stage: IStage, params: {

package/cjs/interface/plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/plugin.ts"],"names":[],"mappings":"","file":"plugin.js","sourcesContent":["import type { Releaseable } from './common';\nimport type { IStage } from './stage';\n\nexport interface IPluginService extends Releaseable {\n  register: (plugin: IPlugin) => void;\n  unRegister: (plugin: IPlugin) => void;\n  active: (stage: IStage, params: { pluginList?: string[] }) => void;\n  actived: boolean;\n  stage: IStage;\n  findPluginsByName: (name: string) => IPlugin[];\n}\n\nexport interface IPlugin {\n  name: string;\n  activeEvent: 'onStartupFinished' | 'onRegister';\n  activate: (context: IPluginService) => void;\n  deactivate: (context: IPluginService) => void;\n}\n"]}
+{"version":3,"sources":["../src/interface/plugin.ts"],"names":[],"mappings":"","file":"plugin.js","sourcesContent":["import type { Releaseable } from './common';\nimport type { IStage } from './stage';\n\nexport interface IPluginService extends Releaseable {\n  install?: (plugin: IPlugin) => void;\n  uninstall?: (name: string) => void;\n  register: (plugin: IPlugin) => void;\n  unRegister: (plugin: IPlugin) => void;\n  active: (stage: IStage, params: { pluginList?: string[] }) => void;\n  actived: boolean;\n  stage: IStage;\n  findPluginsByName: (name: string) => IPlugin[];\n}\n\nexport interface IPlugin {\n  name: string;\n  activeEvent: 'onStartupFinished' | 'onRegister';\n  activate: (context: IPluginService) => void;\n  deactivate: (context: IPluginService) => void;\n}\n"]}

package/cjs/interface/stage.d.ts

@@ -1,6 +1,7 @@
 import type { INode } from './node-tree';
 import type { ILayer, LayerMode } from './layer';
 import type { IColor } from './color';
+import type { IGraphic } from './graphic';
 import type { IAABBBounds, IBounds, IBoundsLike, IMatrix } from '@visactor/vutils';
 import type { ICamera } from './camera';
 import type { vec3 } from './matrix';
@@ -14,7 +15,8 @@ import type { IWindow } from './window';
 import type { ILayerService } from './core';
 import type { IFullThemeSpec } from './graphic/theme';
 import type { IGraphicService } from './graphic-service';
-import type { IGraphicAttribute } from './graphic';
+import type { SharedStateScope } from '../graphic/state/shared-state-scope';
+import type { IDeferredStateOwnerConfig, IStatePerfConfig, IStatePerfSnapshot } from '../graphic/state/state-perf-monitor';
 export type IExportType = 'canvas' | 'imageData';
 export type IStageCreateContext = {
     appName?: 'vchart' | 'vgrammar' | 'vtable' | string;
@@ -24,7 +26,7 @@ export interface IStageParams {
     width: number;
     height: number;
     dpr: number;
-    background: IGraphicAttribute['background'] | IColor;
+    background: string | IColor;
     canvas: string | HTMLCanvasElement;
     container: string | HTMLElement;
     canvasControled: boolean;
@@ -99,6 +101,8 @@ export interface IStage extends INode {
     dirtyBounds: IBounds | null;
     autoRender: boolean;
     renderCount: number;
+    statePerfConfig?: IStatePerfConfig;
+    deferredStateConfig?: IDeferredStateOwnerConfig;
     hooks: {
         beforeRender: ISyncHook<[IStage]>;
         afterRender: ISyncHook<[IStage]>;
@@ -111,7 +115,7 @@ export interface IStage extends INode {
     camera?: ICamera;
     dpr: number;
     viewBox: IBoundsLike;
-    background: IGraphicAttribute['background'] | IColor;
+    background: string | IColor;
     ticker: ITicker;
     increaseAutoRender: boolean;
     readonly renderService: IRenderService;
@@ -119,6 +123,7 @@ export interface IStage extends INode {
     getPickerService: () => IPickerService;
     readonly pluginService: IPluginService;
     readonly layerService: ILayerService;
+    rootSharedStateScope?: SharedStateScope<Record<string, any>>;
     createLayer: (canvasId?: string, layerMode?: LayerMode) => ILayer;
     getLayer: (name: string) => ILayer;
     sortLayer: (cb: (layer1: ILayer, layer2: ILayer) => number) => void;
@@ -126,6 +131,9 @@ export interface IStage extends INode {
     getTimeline: () => ITimeline;
     render: (layers?: ILayer[], params?: Partial<IDrawContext>) => void;
     renderNextFrame: (layers?: ILayer[], force?: boolean) => void;
+    scheduleStateBatch: (graphics: IGraphic[], targetStates: string[]) => void;
+    getStatePerfSnapshot: () => IStatePerfSnapshot;
+    resetStatePerfSnapshot: () => void;
     tryInitInteractiveLayer: () => void;
     resize: (w: number, h: number, rerender?: boolean) => void;
     resizeWindow: (w: number, h: number, rerender?: boolean) => void;

package/cjs/interface/stage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/stage.ts"],"names":[],"mappings":"","file":"stage.js","sourcesContent":["import type { INode } from './node-tree';\nimport type { ILayer, LayerMode } from './layer';\nimport type { IColor } from './color';\nimport type { IAABBBounds, IBounds, IBoundsLike, IMatrix } 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, IRenderServiceDrawParams } from './render';\nimport type { ITicker, ITimeline } from './animation';\nimport type { IPickerService, PickResult } from './picker';\nimport type { IPlugin, IPluginService } from './plugin';\nimport type { IWindow } from './window';\nimport type { ILayerService } from './core';\nimport type { IFullThemeSpec } from './graphic/theme';\nimport type { IGraphicService } from './graphic-service';\nimport type { IGraphicAttribute } from './graphic';\n\nexport type IExportType = 'canvas' | 'imageData';\n\nexport type IStageCreateContext = {\n  appName?: 'vchart' | 'vgrammar' | 'vtable' | string;\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: IGraphicAttribute['background'] | 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  autoRefresh: boolean;\n  // 是否开启布局支持\n  enableLayout: boolean;\n  // 是否关闭脏矩形检测\n  disableDirtyBounds: boolean;\n  // 是否支持interactiveLayer，默认为true\n  interactiveLayer: boolean;\n  // 是否支持HTML属性\n  enableHtmlAttribute: string | boolean | HTMLElement;\n  // 是否支持react-dom(传入ReactDOM)\n  ReactDOM: any;\n  // 是否支持滚动条\n  enableScroll: boolean;\n  poptip: boolean;\n  // 绘制之前的钩子函数\n  beforeRender: (stage: IStage) => void;\n  // 绘制之后的钩子函数\n  afterRender: (stage: IStage) => void;\n  // 清屏之后的钩子函数\n  afterClearScreen: (drawParams: any) => void;\n  // 清除矩形区域之后的钩子函数\n  afterClearRect: (drawParams: any) => void;\n\n  renderStyle?: string;\n  ticker?: ITicker;\n  pluginList?: string[];\n  // 优化配置\n  optimize?: IOptimizeType;\n  /**\n   * 事件系统相关配置\n   */\n  event?: EventConfig;\n\n  /**\n   * @since 0.17.15\n   * 是否支持touch事件，不支持就不监听touch事件\n   */\n  supportsTouchEvents?: boolean;\n\n  /**\n   * @since 0.17.15\n   * 是否支持pointer事件，不支持就监听mouse事件\n   */\n  supportsPointerEvents?: boolean;\n\n  context?: IStageCreateContext;\n\n  // 被分配的rafId，用于renderNextFrame，避免使用大量原生的RAF\n  rafId?: number;\n}\n\nexport type EventConfig = {\n  /** 是否自动阻止事件 */\n  autoPreventDefault?: boolean;\n  /**\n   * 多次点击之间的最大时间，默认为 200 ms\n   * @default 200\n   */\n  clickInterval?: number;\n  [key: string]: any;\n};\n\nexport type IOptimizeType = {\n  // 视口不在可视区，跳过渲染，默认为true\n  skipRenderWithOutRange?: boolean;\n  // 跳过图元在区间外的判断\n  // 不存在dirtyBounds的时候，根据该配置判断是否关闭图元的超出边界判定\n  // 如果有dirtyBounds那么该配置不生效\n  disableCheckGraphicWidthOutRange?: boolean;\n  // tick渲染模式，effect会在tick之后立刻执行render，保证动画效果正常。performance模式中tick和render均是RAF，属性可能会被篡改\n  // 是否开启高性能动画，默认开启\n  // 开启后不会执行某些安全校验，比如跳帧处理\n  // 开启后会自动降帧，最高60fps\n  tickRenderMode?: 'effect' | 'performance';\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    afterClearScreen: ISyncHook<[IRenderServiceDrawParams]>;\n    afterClearRect: ISyncHook<[IRenderServiceDrawParams]>;\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: IGraphicAttribute['background'] | IColor;\n  ticker: ITicker;\n  increaseAutoRender: boolean;\n  readonly renderService: IRenderService;\n  readonly graphicService: IGraphicService;\n  getPickerService: () => IPickerService;\n  readonly pluginService: IPluginService;\n  readonly layerService: ILayerService;\n  // 如果传入CanvasId，如果存在相同Id，说明这两个图层使用相同的Canvas绘制\n  // 但需要注意的是依然是两个图层（用于解决Table嵌入ChartSpace不影响Table的绘制）\n  createLayer: (canvasId?: string, layerMode?: LayerMode) => 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  /**\n   * 下一帧渲染\n   * @param layers 渲染的图层\n   * @param force 是否强行下一帧渲染，不采取优化方案\n   * @returns\n   */\n  renderNextFrame: (layers?: ILayer[], force?: boolean) => 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) => PickResult | 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  removeBeforeRender: (cb: (stage: IStage) => void) => void;\n  setAfterRender: (cb: (stage: IStage) => void) => void;\n  removeAfterRender: (cb: (stage: IStage) => void) => void;\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  getPluginsByName: (name: string) => IPlugin[];\n  clearViewBox: (color?: string) => void;\n  release: () => void;\n  setStage: (stage?: IStage) => void;\n\n  pauseRender: (sk?: number) => void;\n  resumeRender: () => void;\n\n  setCursor: (mode?: string) => void;\n\n  getTheme: () => IFullThemeSpec;\n  eventPointTransform: (e: PointerEvent | WheelEvent | TouchEvent) => { x: number; y: number };\n  pauseTriggerEvent: () => void;\n  resumeTriggerEvent: () => void;\n\n  pauseAnimation?: (deep?: boolean) => void;\n  resumeAnimation?: (deep?: boolean) => void;\n  stopAnimation?: (deep?: boolean) => void;\n  reApplyAnimationState?: (state: string, deep?: boolean) => this;\n}\n\nexport declare function combineStage(srages: IStage[], params: { canvas: string | HTMLCanvasElement }): IStage;\n"]}
+{"version":3,"sources":["../src/interface/stage.ts"],"names":[],"mappings":"","file":"stage.js","sourcesContent":["import type { INode } from './node-tree';\nimport type { ILayer, LayerMode } from './layer';\nimport type { IColor } from './color';\nimport type { IGraphic } from './graphic';\nimport type { IAABBBounds, IBounds, IBoundsLike, IMatrix } 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, IRenderServiceDrawParams } from './render';\nimport type { ITicker, ITimeline } from './animation';\nimport type { IPickerService, PickResult } from './picker';\nimport type { IPlugin, IPluginService } from './plugin';\nimport type { IWindow } from './window';\nimport type { ILayerService } from './core';\nimport type { IFullThemeSpec } from './graphic/theme';\nimport type { IGraphicService } from './graphic-service';\nimport type { SharedStateScope } from '../graphic/state/shared-state-scope';\nimport type {\n  IDeferredStateOwnerConfig,\n  IStatePerfConfig,\n  IStatePerfSnapshot\n} from '../graphic/state/state-perf-monitor';\n\nexport type IExportType = 'canvas' | 'imageData';\n\nexport type IStageCreateContext = {\n  appName?: 'vchart' | 'vgrammar' | 'vtable' | string;\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  autoRefresh: boolean;\n  // 是否开启布局支持\n  enableLayout: boolean;\n  // 是否关闭脏矩形检测\n  disableDirtyBounds: boolean;\n  // 是否支持interactiveLayer，默认为true\n  interactiveLayer: boolean;\n  // 是否支持HTML属性\n  enableHtmlAttribute: string | boolean | HTMLElement;\n  // 是否支持react-dom(传入ReactDOM)\n  ReactDOM: any;\n  // 是否支持滚动条\n  enableScroll: boolean;\n  poptip: boolean;\n  // 绘制之前的钩子函数\n  beforeRender: (stage: IStage) => void;\n  // 绘制之后的钩子函数\n  afterRender: (stage: IStage) => void;\n  // 清屏之后的钩子函数\n  afterClearScreen: (drawParams: any) => void;\n  // 清除矩形区域之后的钩子函数\n  afterClearRect: (drawParams: any) => void;\n\n  renderStyle?: string;\n  ticker?: ITicker;\n  pluginList?: string[];\n  // 优化配置\n  optimize?: IOptimizeType;\n  /**\n   * 事件系统相关配置\n   */\n  event?: EventConfig;\n\n  /**\n   * @since 0.17.15\n   * 是否支持touch事件，不支持就不监听touch事件\n   */\n  supportsTouchEvents?: boolean;\n\n  /**\n   * @since 0.17.15\n   * 是否支持pointer事件，不支持就监听mouse事件\n   */\n  supportsPointerEvents?: boolean;\n\n  context?: IStageCreateContext;\n\n  // 被分配的rafId，用于renderNextFrame，避免使用大量原生的RAF\n  rafId?: number;\n}\n\nexport type EventConfig = {\n  /** 是否自动阻止事件 */\n  autoPreventDefault?: boolean;\n  /**\n   * 多次点击之间的最大时间，默认为 200 ms\n   * @default 200\n   */\n  clickInterval?: number;\n  [key: string]: any;\n};\n\nexport type IOptimizeType = {\n  // 视口不在可视区，跳过渲染，默认为true\n  skipRenderWithOutRange?: boolean;\n  // 跳过图元在区间外的判断\n  // 不存在dirtyBounds的时候，根据该配置判断是否关闭图元的超出边界判定\n  // 如果有dirtyBounds那么该配置不生效\n  disableCheckGraphicWidthOutRange?: boolean;\n  // tick渲染模式，effect会在tick之后立刻执行render，保证动画效果正常。performance模式中tick和render均是RAF，属性可能会被篡改\n  // 是否开启高性能动画，默认开启\n  // 开启后不会执行某些安全校验，比如跳帧处理\n  // 开启后会自动降帧，最高60fps\n  tickRenderMode?: 'effect' | 'performance';\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  statePerfConfig?: IStatePerfConfig;\n  deferredStateConfig?: IDeferredStateOwnerConfig;\n\n  hooks: {\n    beforeRender: ISyncHook<[IStage]>;\n    afterRender: ISyncHook<[IStage]>;\n    afterClearScreen: ISyncHook<[IRenderServiceDrawParams]>;\n    afterClearRect: ISyncHook<[IRenderServiceDrawParams]>;\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 graphicService: IGraphicService;\n  getPickerService: () => IPickerService;\n  readonly pluginService: IPluginService;\n  readonly layerService: ILayerService;\n  rootSharedStateScope?: SharedStateScope<Record<string, any>>;\n  // 如果传入CanvasId，如果存在相同Id，说明这两个图层使用相同的Canvas绘制\n  // 但需要注意的是依然是两个图层（用于解决Table嵌入ChartSpace不影响Table的绘制）\n  createLayer: (canvasId?: string, layerMode?: LayerMode) => 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  /**\n   * 下一帧渲染\n   * @param layers 渲染的图层\n   * @param force 是否强行下一帧渲染，不采取优化方案\n   * @returns\n   */\n  renderNextFrame: (layers?: ILayer[], force?: boolean) => void;\n  scheduleStateBatch: (graphics: IGraphic[], targetStates: string[]) => void;\n  getStatePerfSnapshot: () => IStatePerfSnapshot;\n  resetStatePerfSnapshot: () => 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) => PickResult | 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  removeBeforeRender: (cb: (stage: IStage) => void) => void;\n  setAfterRender: (cb: (stage: IStage) => void) => void;\n  removeAfterRender: (cb: (stage: IStage) => void) => void;\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  getPluginsByName: (name: string) => IPlugin[];\n  clearViewBox: (color?: string) => void;\n  release: () => void;\n  setStage: (stage?: IStage) => void;\n\n  pauseRender: (sk?: number) => void;\n  resumeRender: () => void;\n\n  setCursor: (mode?: string) => void;\n\n  getTheme: () => IFullThemeSpec;\n  eventPointTransform: (e: PointerEvent | WheelEvent | TouchEvent) => { x: number; y: number };\n  pauseTriggerEvent: () => void;\n  resumeTriggerEvent: () => void;\n\n  pauseAnimation?: (deep?: boolean) => void;\n  resumeAnimation?: (deep?: boolean) => void;\n  stopAnimation?: (deep?: boolean) => void;\n  reApplyAnimationState?: (state: string, deep?: boolean) => this;\n}\n\nexport declare function combineStage(srages: IStage[], params: { canvas: string | HTMLCanvasElement }): IStage;\n"]}

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

@@ -1 +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"]}
+{"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// export class DefaultThemeService implements IThemeService {\n//   protected themeMap: Record<string, ITheme> = {};\n//   protected activeTheme?: ITheme;\n\n//   constructor(\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/cjs/legacy/binding-context.d.ts

@@ -0,0 +1,24 @@
+import type { ServiceIdentifier } from '../common/explicit-binding';
+export type LegacyNamedIdentifier = string | number | symbol;
+export interface ILegacyBindingResolveContext {
+    container: ILegacyBindingContext;
+}
+export interface ILegacyBindingSyntax<T = unknown> {
+    to: (constructor: new (...args: any[]) => T) => ILegacyBindingSyntax<T>;
+    toSelf: () => ILegacyBindingSyntax<T>;
+    toDynamicValue: (factory: (context: ILegacyBindingResolveContext) => T) => ILegacyBindingSyntax<T>;
+    toConstantValue: (value: T) => ILegacyBindingSyntax<T>;
+    toService: (serviceIdentifier: ServiceIdentifier) => ILegacyBindingSyntax<T>;
+    inSingletonScope: () => ILegacyBindingSyntax<T>;
+    whenTargetNamed: (name: LegacyNamedIdentifier) => ILegacyBindingSyntax<T>;
+}
+export interface ILegacyBindContext {
+    bind: <T>(serviceIdentifier: ServiceIdentifier<T>) => ILegacyBindingSyntax<T>;
+}
+export interface ILegacyBindingContext extends ILegacyBindContext {
+    rebind: <T>(serviceIdentifier: ServiceIdentifier<T>) => ILegacyBindingSyntax<T>;
+    isBound: <T>(serviceIdentifier: ServiceIdentifier<T>) => boolean;
+    getAll: <T>(serviceIdentifier: ServiceIdentifier<T>) => T[];
+    getNamed: <T>(serviceIdentifier: ServiceIdentifier<T>, name: LegacyNamedIdentifier) => T | undefined;
+}
+export declare function createLegacyBindingContext(): ILegacyBindingContext;

package/cjs/legacy/binding-context.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createLegacyBindingContext = void 0;
+
+class LegacyBindingSyntax {
+    constructor(record) {
+        this.record = record;
+    }
+    to(constructor) {
+        return this.record.implementationType = "constructor", this.record.implementationConstructor = constructor, 
+        this.record.cached = !1, this.record.cachedValue = void 0, this;
+    }
+    toSelf() {
+        return this.to(this.record.serviceIdentifier);
+    }
+    toDynamicValue(factory) {
+        return this.record.implementationType = "dynamic", this.record.implementationFactory = factory, 
+        this.record.cached = !1, this.record.cachedValue = void 0, this;
+    }
+    toConstantValue(value) {
+        return this.record.implementationType = "constant", this.record.implementationValue = value, 
+        this.record.cached = !0, this.record.cachedValue = value, this;
+    }
+    toService(serviceIdentifier) {
+        return this.record.implementationType = "service", this.record.linkedServiceIdentifier = serviceIdentifier, 
+        this.record.cached = !1, this.record.cachedValue = void 0, this;
+    }
+    inSingletonScope() {
+        return this.record.scope = "singleton", this;
+    }
+    whenTargetNamed(name) {
+        return this.record.named = name, this;
+    }
+}
+
+class LegacyBindingContext {
+    constructor() {
+        this.bindings = new Map, this.bind = serviceIdentifier => {
+            const record = {
+                serviceIdentifier: serviceIdentifier,
+                scope: "transient",
+                cached: !1
+            }, records = this.bindings.get(serviceIdentifier);
+            return records ? records.push(record) : this.bindings.set(serviceIdentifier, [ record ]), 
+            new LegacyBindingSyntax(record);
+        }, this.rebind = serviceIdentifier => (this.bindings.delete(serviceIdentifier), 
+        this.bind(serviceIdentifier)), this.isBound = serviceIdentifier => {
+            var _a, _b;
+            return (null !== (_b = null === (_a = this.bindings.get(serviceIdentifier)) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0) > 0;
+        }, this.getAll = serviceIdentifier => {
+            const records = this.bindings.get(serviceIdentifier);
+            return (null == records ? void 0 : records.length) ? records.map((record => this.resolveBinding(record))).filter((value => void 0 !== value)) : [];
+        }, this.getNamed = (serviceIdentifier, name) => {
+            const records = this.bindings.get(serviceIdentifier);
+            if (!(null == records ? void 0 : records.length)) return;
+            const record = records.find((item => item.named === name));
+            return record ? this.resolveBinding(record) : void 0;
+        };
+    }
+    resolveBinding(record) {
+        var _a;
+        if ("singleton" === record.scope && record.cached) return record.cachedValue;
+        let value;
+        switch (record.implementationType) {
+          case "constant":
+            value = record.implementationValue;
+            break;
+
+          case "constructor":
+            value = record.implementationConstructor ? new record.implementationConstructor : void 0;
+            break;
+
+          case "dynamic":
+            value = null === (_a = record.implementationFactory) || void 0 === _a ? void 0 : _a.call(record, {
+                container: this
+            });
+            break;
+
+          case "service":
+            record.linkedServiceIdentifier && ([value] = this.getAll(record.linkedServiceIdentifier));
+            break;
+
+          default:
+            value = void 0;
+        }
+        return "singleton" === record.scope && (record.cached = !0, record.cachedValue = value), 
+        value;
+    }
+}
+
+function createLegacyBindingContext() {
+    return new LegacyBindingContext;
+}
+
+exports.createLegacyBindingContext = createLegacyBindingContext;
+//# sourceMappingURL=binding-context.js.map

package/cjs/legacy/binding-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legacy/binding-context.ts"],"names":[],"mappings":"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","file":"binding-context.js","sourcesContent":["import type { ServiceIdentifier } from '../common/explicit-binding';\n\n/**\n * Lightweight legacy binding context kept only for the remaining bootstrap compatibility path.\n * It replaces the removed container/inversify bridge with the minimal binding features we still need.\n */\nexport type LegacyNamedIdentifier = string | number | symbol;\n\nexport interface ILegacyBindingResolveContext {\n  container: ILegacyBindingContext;\n}\n\nexport interface ILegacyBindingSyntax<T = unknown> {\n  to: (constructor: new (...args: any[]) => T) => ILegacyBindingSyntax<T>;\n  toSelf: () => ILegacyBindingSyntax<T>;\n  toDynamicValue: (factory: (context: ILegacyBindingResolveContext) => T) => ILegacyBindingSyntax<T>;\n  toConstantValue: (value: T) => ILegacyBindingSyntax<T>;\n  toService: (serviceIdentifier: ServiceIdentifier) => ILegacyBindingSyntax<T>;\n  inSingletonScope: () => ILegacyBindingSyntax<T>;\n  whenTargetNamed: (name: LegacyNamedIdentifier) => ILegacyBindingSyntax<T>;\n}\n\nexport interface ILegacyBindContext {\n  bind: <T>(serviceIdentifier: ServiceIdentifier<T>) => ILegacyBindingSyntax<T>;\n}\n\nexport interface ILegacyBindingContext extends ILegacyBindContext {\n  rebind: <T>(serviceIdentifier: ServiceIdentifier<T>) => ILegacyBindingSyntax<T>;\n  isBound: <T>(serviceIdentifier: ServiceIdentifier<T>) => boolean;\n  getAll: <T>(serviceIdentifier: ServiceIdentifier<T>) => T[];\n  getNamed: <T>(serviceIdentifier: ServiceIdentifier<T>, name: LegacyNamedIdentifier) => T | undefined;\n}\n\ntype LegacyBindingType = 'constructor' | 'constant' | 'dynamic' | 'service';\ntype LegacyBindingScope = 'transient' | 'singleton';\n\ninterface ILegacyBindingRecord<T = unknown> {\n  serviceIdentifier: ServiceIdentifier<T>;\n  implementationType?: LegacyBindingType;\n  implementationConstructor?: new (...args: any[]) => T;\n  implementationFactory?: (context: ILegacyBindingResolveContext) => T;\n  implementationValue?: T;\n  linkedServiceIdentifier?: ServiceIdentifier;\n  scope: LegacyBindingScope;\n  named?: LegacyNamedIdentifier;\n  cached: boolean;\n  cachedValue?: T;\n}\n\nclass LegacyBindingSyntax<T> implements ILegacyBindingSyntax<T> {\n  constructor(private readonly record: ILegacyBindingRecord<T>) {}\n\n  to(constructor: new (...args: any[]) => T): ILegacyBindingSyntax<T> {\n    this.record.implementationType = 'constructor';\n    this.record.implementationConstructor = constructor;\n    this.record.cached = false;\n    this.record.cachedValue = undefined;\n    return this;\n  }\n\n  toSelf(): ILegacyBindingSyntax<T> {\n    return this.to(this.record.serviceIdentifier as new (...args: any[]) => T);\n  }\n\n  toDynamicValue(factory: (context: ILegacyBindingResolveContext) => T): ILegacyBindingSyntax<T> {\n    this.record.implementationType = 'dynamic';\n    this.record.implementationFactory = factory;\n    this.record.cached = false;\n    this.record.cachedValue = undefined;\n    return this;\n  }\n\n  toConstantValue(value: T): ILegacyBindingSyntax<T> {\n    this.record.implementationType = 'constant';\n    this.record.implementationValue = value;\n    this.record.cached = true;\n    this.record.cachedValue = value;\n    return this;\n  }\n\n  toService(serviceIdentifier: ServiceIdentifier): ILegacyBindingSyntax<T> {\n    this.record.implementationType = 'service';\n    this.record.linkedServiceIdentifier = serviceIdentifier;\n    this.record.cached = false;\n    this.record.cachedValue = undefined;\n    return this;\n  }\n\n  inSingletonScope(): ILegacyBindingSyntax<T> {\n    this.record.scope = 'singleton';\n    return this;\n  }\n\n  whenTargetNamed(name: LegacyNamedIdentifier): ILegacyBindingSyntax<T> {\n    this.record.named = name;\n    return this;\n  }\n}\n\nclass LegacyBindingContext implements ILegacyBindingContext {\n  private readonly bindings = new Map<ServiceIdentifier, ILegacyBindingRecord[]>();\n\n  bind = <T>(serviceIdentifier: ServiceIdentifier<T>): ILegacyBindingSyntax<T> => {\n    const record: ILegacyBindingRecord<T> = {\n      serviceIdentifier,\n      scope: 'transient',\n      cached: false\n    };\n    const records = this.bindings.get(serviceIdentifier);\n    if (records) {\n      records.push(record);\n    } else {\n      this.bindings.set(serviceIdentifier, [record]);\n    }\n    return new LegacyBindingSyntax(record);\n  };\n\n  rebind = <T>(serviceIdentifier: ServiceIdentifier<T>): ILegacyBindingSyntax<T> => {\n    this.bindings.delete(serviceIdentifier);\n    return this.bind(serviceIdentifier);\n  };\n\n  isBound = <T>(serviceIdentifier: ServiceIdentifier<T>): boolean => {\n    return (this.bindings.get(serviceIdentifier)?.length ?? 0) > 0;\n  };\n\n  getAll = <T>(serviceIdentifier: ServiceIdentifier<T>): T[] => {\n    const records = this.bindings.get(serviceIdentifier);\n    if (!records?.length) {\n      return [];\n    }\n    return records\n      .map(record => this.resolveBinding(record) as T | undefined)\n      .filter((value): value is T => value !== undefined);\n  };\n\n  getNamed = <T>(serviceIdentifier: ServiceIdentifier<T>, name: LegacyNamedIdentifier): T | undefined => {\n    const records = this.bindings.get(serviceIdentifier);\n    if (!records?.length) {\n      return undefined;\n    }\n    const record = records.find(item => item.named === name);\n    return record ? (this.resolveBinding(record) as T | undefined) : undefined;\n  };\n\n  private resolveBinding<T>(record: ILegacyBindingRecord<T>): T | undefined {\n    if (record.scope === 'singleton' && record.cached) {\n      return record.cachedValue;\n    }\n\n    let value: T | undefined;\n    switch (record.implementationType) {\n      case 'constant':\n        value = record.implementationValue;\n        break;\n      case 'constructor':\n        value = record.implementationConstructor ? new record.implementationConstructor() : undefined;\n        break;\n      case 'dynamic':\n        value = record.implementationFactory?.({ container: this });\n        break;\n      case 'service':\n        if (record.linkedServiceIdentifier) {\n          [value] = this.getAll(record.linkedServiceIdentifier) as T[];\n        }\n        break;\n      default:\n        value = undefined;\n    }\n\n    if (record.scope === 'singleton') {\n      record.cached = true;\n      record.cachedValue = value;\n    }\n\n    return value;\n  }\n}\n\nexport function createLegacyBindingContext(): ILegacyBindingContext {\n  return new LegacyBindingContext();\n}\n"]}

package/cjs/legacy/bootstrap.d.ts

@@ -0,0 +1,10 @@
+import { type ILegacyBindingContext } from './binding-context';
+export type { ILegacyBindContext, ILegacyBindingContext } from './binding-context';
+export declare function preLoadAllModule(): void;
+export declare namespace preLoadAllModule {
+    var __loaded: boolean;
+}
+export declare function getLegacyBindingContext(): ILegacyBindingContext;
+export declare function resolveLegacySingleton<T>(serviceIdentifier: any): T;
+export declare function resolveLegacyNamed<T>(serviceIdentifier: any, name: string): T | undefined;
+export declare function createLegacySingletonProxy<T extends object>(resolver: () => T): T;

package/cjs/legacy/bootstrap.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createLegacySingletonProxy = exports.resolveLegacyNamed = exports.resolveLegacySingleton = exports.getLegacyBindingContext = exports.preLoadAllModule = void 0;
+
+const core_modules_1 = __importDefault(require("../core/core-modules")), render_modules_1 = __importDefault(require("../render/render-modules")), pick_modules_1 = __importDefault(require("../picker/pick-modules")), graphic_module_1 = __importDefault(require("../graphic/graphic-service/graphic-module")), plugin_modules_1 = __importDefault(require("../plugins/plugin-modules")), modules_1 = __importDefault(require("../core/contributions/modules")), modules_2 = __importDefault(require("../render/contributions/modules")), binding_context_1 = require("./binding-context"), legacyBindingContext = (0, 
+binding_context_1.createLegacyBindingContext)();
+
+function getLegacyTarget(resolver) {
+    let target;
+    return () => (void 0 === target && (target = resolver()), target);
+}
+
+function preLoadAllModule() {
+    preLoadAllModule.__loaded || (preLoadAllModule.__loaded = !0, (0, core_modules_1.default)({
+        bind: legacyBindingContext.bind
+    }), (0, graphic_module_1.default)({
+        bind: legacyBindingContext.bind
+    }), (0, render_modules_1.default)({
+        bind: legacyBindingContext.bind
+    }), (0, pick_modules_1.default)({
+        bind: legacyBindingContext.bind,
+        isBound: legacyBindingContext.isBound
+    }), (0, plugin_modules_1.default)({
+        bind: legacyBindingContext.bind
+    }), (0, modules_1.default)(legacyBindingContext), (0, modules_2.default)(legacyBindingContext));
+}
+
+function getLegacyBindingContext() {
+    return legacyBindingContext;
+}
+
+function resolveLegacySingleton(serviceIdentifier) {
+    preLoadAllModule();
+    const [instance] = legacyBindingContext.getAll(serviceIdentifier);
+    return instance;
+}
+
+function resolveLegacyNamed(serviceIdentifier, name) {
+    return preLoadAllModule(), legacyBindingContext.getNamed(serviceIdentifier, name);
+}
+
+function createLegacySingletonProxy(resolver) {
+    const getTarget = getLegacyTarget(resolver);
+    return new Proxy({}, {
+        get(_target, property) {
+            const value = getTarget()[property];
+            return "function" == typeof value ? value.bind(getTarget()) : value;
+        },
+        set: (_target, property, value) => (getTarget()[property] = value, !0),
+        has: (_target, property) => property in getTarget(),
+        ownKeys: () => Reflect.ownKeys(getTarget()),
+        getOwnPropertyDescriptor(_target, property) {
+            const descriptor = Object.getOwnPropertyDescriptor(getTarget(), property);
+            if (descriptor) return Object.assign(Object.assign({}, descriptor), {
+                configurable: !0
+            });
+        }
+    });
+}
+
+exports.preLoadAllModule = preLoadAllModule, preLoadAllModule.__loaded = !1, exports.getLegacyBindingContext = getLegacyBindingContext, 
+exports.resolveLegacySingleton = resolveLegacySingleton, exports.resolveLegacyNamed = resolveLegacyNamed, 
+exports.createLegacySingletonProxy = createLegacySingletonProxy;
+//# sourceMappingURL=bootstrap.js.map

package/cjs/legacy/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legacy/bootstrap.ts"],"names":[],"mappings":"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","file":"bootstrap.js","sourcesContent":["import coreModule from '../core/core-modules';\nimport renderModule from '../render/render-modules';\nimport pickModule from '../picker/pick-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';\nimport { createLegacyBindingContext, type ILegacyBindContext, type ILegacyBindingContext } from './binding-context';\n\nexport type { ILegacyBindContext, ILegacyBindingContext } from './binding-context';\n\nconst legacyBindingContext = createLegacyBindingContext();\n\nfunction getLegacyTarget<T>(resolver: () => T): () => T {\n  let target: T | undefined;\n\n  return () => {\n    if (target === undefined) {\n      target = resolver();\n    }\n\n    return target;\n  };\n}\n\nexport function preLoadAllModule() {\n  if (preLoadAllModule.__loaded) {\n    return;\n  }\n  preLoadAllModule.__loaded = true;\n  coreModule({ bind: legacyBindingContext.bind });\n  graphicModule({ bind: legacyBindingContext.bind });\n  renderModule({ bind: legacyBindingContext.bind });\n  pickModule({ bind: legacyBindingContext.bind, isBound: legacyBindingContext.isBound });\n  pluginModule({ bind: legacyBindingContext.bind });\n  loadBuiltinContributions(legacyBindingContext);\n  loadRenderContributions(legacyBindingContext);\n}\n\npreLoadAllModule.__loaded = false;\n\nexport function getLegacyBindingContext(): ILegacyBindingContext {\n  return legacyBindingContext;\n}\n\nexport function resolveLegacySingleton<T>(serviceIdentifier: any): T {\n  preLoadAllModule();\n  const [instance] = legacyBindingContext.getAll<T>(serviceIdentifier);\n  return instance;\n}\n\nexport function resolveLegacyNamed<T>(serviceIdentifier: any, name: string): T | undefined {\n  preLoadAllModule();\n  return legacyBindingContext.getNamed<T>(serviceIdentifier, name);\n}\n\nexport function createLegacySingletonProxy<T extends object>(resolver: () => T): T {\n  const getTarget = getLegacyTarget(resolver);\n\n  return new Proxy({} as T, {\n    get(_target, property) {\n      const value = (getTarget() as any)[property];\n      return typeof value === 'function' ? value.bind(getTarget()) : value;\n    },\n    set(_target, property, value) {\n      (getTarget() as any)[property] = value;\n      return true;\n    },\n    has(_target, property) {\n      return property in (getTarget() as any);\n    },\n    ownKeys() {\n      return Reflect.ownKeys(getTarget() as any);\n    },\n    getOwnPropertyDescriptor(_target, property) {\n      const descriptor = Object.getOwnPropertyDescriptor(getTarget() as any, property);\n\n      if (!descriptor) {\n        return undefined;\n      }\n\n      return {\n        ...descriptor,\n        configurable: true\n      };\n    }\n  });\n}\n"]}

package/cjs/legacy/module-types.d.ts

@@ -0,0 +1,2 @@
+import type { ILegacyBindContext } from './binding-context';
+export type ILegacyContributionBindingContext = ILegacyBindContext;

package/cjs/legacy/module-types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=module-types.js.map

package/cjs/legacy/module-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legacy/module-types.ts"],"names":[],"mappings":"","file":"module-types.js","sourcesContent":["import type { ILegacyBindContext } from './binding-context';\n\nexport type ILegacyContributionBindingContext = ILegacyBindContext;\n"]}

package/cjs/modules.d.ts

@@ -1,11 +1,10 @@
-import type { IGlobal, IGraphicService } from './interface';
+import type { IGraphicService } from './interface';
 import type { IGraphicUtil, ILayerService, ITransformUtil } from './interface/core';
-export declare function preLoadAllModule(): void;
-export declare namespace preLoadAllModule {
-    var __loaded: boolean;
-}
-export declare const vglobal: IGlobal;
+export { vglobal } from './global';
+export { preLoadAllModule, getLegacyBindingContext, type ILegacyBindContext, type ILegacyBindingContext } from './legacy/bootstrap';
+export declare const container: import("./legacy/binding-context").ILegacyBindingContext;
 export declare const graphicUtil: IGraphicUtil;
 export declare const transformUtil: ITransformUtil;
 export declare const graphicService: IGraphicService;
 export declare const layerService: ILayerService;
+export declare function configureLegacyApplication(): void;