@visactor/react-vchart 2.1.3-alpha.2 → 2.1.3-alpha.4

package/build/index.js

@@ -10245,7 +10245,17 @@
     });
 
     class Application {}
-    const application = new Application();
+    const APPLICATION_STATE_SYMBOL = Symbol.for("@visactor/vrender-core/application-state");
+    function createApplicationState() {
+      return {
+        application: new Application()
+      };
+    }
+    function getApplicationState() {
+      const scope = globalThis;
+      return scope[APPLICATION_STATE_SYMBOL] || (scope[APPLICATION_STATE_SYMBOL] = createApplicationState()), scope[APPLICATION_STATE_SYMBOL];
+    }
+    const application = getApplicationState().application;
 
     class ResourceLoader {
       static GetImage(url, mark) {
@@ -17717,7 +17727,6 @@
         }
       };
     }
-    const sharedGraphicFactory = new GraphicFactory();
     class GraphicCreator {
       constructor() {
         this.store = new Map();
@@ -17732,13 +17741,25 @@
         return this.store.has(name) ? createGraphic$1(name, attributes) : null;
       }
     }
-    const graphicCreator$1 = new GraphicCreator();
+    const GRAPHIC_REGISTRY_SYMBOL = Symbol.for("@visactor/vrender-core/graphic-registry");
+    function createGraphicRegistryState() {
+      return {
+        graphicCreator: new GraphicCreator(),
+        graphicFactory: new GraphicFactory()
+      };
+    }
+    function getGraphicRegistryState() {
+      const scope = globalThis;
+      return scope[GRAPHIC_REGISTRY_SYMBOL] || (scope[GRAPHIC_REGISTRY_SYMBOL] = createGraphicRegistryState()), scope[GRAPHIC_REGISTRY_SYMBOL];
+    }
+    const sharedGraphicRegistry = getGraphicRegistryState();
+    const graphicCreator$1 = sharedGraphicRegistry.graphicCreator;
     function registerGraphic(name, creator) {
       if (!name) throw new Error("Graphic registration requires a non-empty graphic type");
-      graphicCreator$1.registerStore(name, creator), sharedGraphicFactory.register(name, createGraphicCtor(creator));
+      graphicCreator$1.registerStore(name, creator), sharedGraphicRegistry.graphicFactory.register(name, createGraphicCtor(creator));
     }
     function createGraphic$1(name, attributes) {
-      return sharedGraphicFactory.create(name, attributes);
+      return sharedGraphicRegistry.graphicFactory.create(name, attributes);
     }
 
     class Hook {
@@ -18447,6 +18468,17 @@
       }
     }
 
+    const FACTORY_STATE_SYMBOL = Symbol.for("@visactor/vrender-core/factory-state");
+    function createFactoryState() {
+      return {
+        pluginClasses: {}
+      };
+    }
+    function getFactoryState() {
+      const scope = globalThis;
+      return scope[FACTORY_STATE_SYMBOL] || (scope[FACTORY_STATE_SYMBOL] = createFactoryState()), scope[FACTORY_STATE_SYMBOL];
+    }
+
     class DefaultGlobalPickerService {
       constructor() {
         this.global = application.global, this.global.hooks.onSetEnv.tap("global-picker-service", (lastEnv, env, global) => {
@@ -20351,7 +20383,7 @@
         return Factory._pluginClasses[pluginKey];
       }
     };
-    Factory$1._pluginClasses = {};
+    Factory$1._pluginClasses = getFactoryState().pluginClasses;
 
     function defaultLayerHandlerFactory(layerMode) {
       const handlerFactory = application.layerHandlerFactory;
@@ -20431,6 +20463,17 @@
     const DynamicLayerHandlerContribution = Symbol.for("DynamicLayerHandlerContribution");
     const VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
 
+    const CONTRIBUTION_STORE_STATE_SYMBOL = Symbol.for("@visactor/vrender-core/contribution-store-state");
+    function createContributionStoreState() {
+      return {
+        store: new Map()
+      };
+    }
+    function getContributionStoreState() {
+      const scope = globalThis;
+      return scope[CONTRIBUTION_STORE_STATE_SYMBOL] || (scope[CONTRIBUTION_STORE_STATE_SYMBOL] = createContributionStoreState()), scope[CONTRIBUTION_STORE_STATE_SYMBOL];
+    }
+
     const ContributionProvider = Symbol("ContributionProvider");
     class ContributionProviderCache {
       constructor(serviceIdentifier, container) {
@@ -20473,7 +20516,7 @@
         });
       }
     }
-    ContributionStore.store = new Map();
+    ContributionStore.store = getContributionStoreState().store;
 
     class ATextMeasure {
       constructor() {
@@ -22795,13 +22838,26 @@
       return new LegacyBindingContext();
     }
 
-    const legacyBindingContext = createLegacyBindingContext();
+    const LEGACY_BOOTSTRAP_STATE_SYMBOL = Symbol.for("@visactor/vrender-core/legacy-bootstrap-state");
+    function createLegacyBootstrapState() {
+      return {
+        legacyBindingContext: createLegacyBindingContext(),
+        preloaded: !1
+      };
+    }
+    function getLegacyBootstrapState() {
+      const scope = globalThis;
+      return scope[LEGACY_BOOTSTRAP_STATE_SYMBOL] || (scope[LEGACY_BOOTSTRAP_STATE_SYMBOL] = createLegacyBootstrapState()), scope[LEGACY_BOOTSTRAP_STATE_SYMBOL];
+    }
+
+    const legacyBootstrapState = getLegacyBootstrapState(),
+      legacyBindingContext = legacyBootstrapState.legacyBindingContext;
     function getLegacyTarget(resolver) {
       let target;
       return () => (void 0 === target && (target = resolver()), target);
     }
     function preLoadAllModule() {
-      preLoadAllModule.__loaded || (preLoadAllModule.__loaded = !0, bindCoreModules({
+      legacyBootstrapState.preloaded || (legacyBootstrapState.preloaded = !0, bindCoreModules({
         bind: legacyBindingContext.bind
       }), bindGraphicModules({
         bind: legacyBindingContext.bind
@@ -22814,7 +22870,6 @@
         bind: legacyBindingContext.bind
       }), load$1(legacyBindingContext), load(legacyBindingContext));
     }
-    preLoadAllModule.__loaded = !1;
     function getLegacyBindingContext() {
       return legacyBindingContext;
     }
@@ -27076,126 +27131,7 @@
     }
     const textModule = bindTextRenderModule;
 
-    class DirectionalLight {
-      constructor(dir, color, ambient = .8) {
-        this.dir = dir, this.color = color, this.colorRgb = ColorStore.Get(color, ColorType.Color1), this.ambient = ambient;
-        const length = sqrt$3(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);
-        this.formatedDir = [dir[0] / length, dir[1] / length, dir[2] / length];
-      }
-      computeColor(normal, color) {
-        const lightDir = this.formatedDir,
-          brightness = min$1(max$1((normal[0] * lightDir[0] + normal[1] * lightDir[1] + normal[2] * lightDir[2]) * (1 - this.ambient / 2), 0) + this.ambient, 1);
-        let colorArray;
-        colorArray = isString$1(color) ? ColorStore.Get(color, ColorType.Color1) : color;
-        const lightColorArray = this.colorRgb;
-        return `rgb(${lightColorArray[0] * colorArray[0] * brightness}, ${lightColorArray[1] * colorArray[1] * brightness}, ${lightColorArray[2] * colorArray[2] * brightness})`;
-      }
-    }
-    const registerDirectionalLight = () => {
-      Factory$1.registerPlugin("DirectionalLight", DirectionalLight);
-    };
-
-    class OrthoCamera {
-      set params(params) {
-        this._params = Object.assign({}, params), this._projectionMatrixCached = this.forceGetProjectionMatrix(), this._viewMatrixCached = this.forceGetViewMatrix();
-      }
-      get params() {
-        return Object.assign({}, this._params);
-      }
-      constructor(params) {
-        this.params = params;
-      }
-      getViewMatrix() {
-        return this._viewMatrixCached || (this._viewMatrixCached = mat4Allocate.allocate()), this._viewMatrixCached;
-      }
-      forceGetViewMatrix() {
-        this._viewMatrixCached || (this._viewMatrixCached = mat4Allocate.allocate());
-        const {
-          pos: pos,
-          center: center,
-          up: up
-        } = this.params.viewParams;
-        return lookAt(this._viewMatrixCached, pos, center, up), this._vp || (this._vp = mat4Allocate.allocate()), this._vp = multiplyMat4Mat4(this._vp, this.getProjectionMatrix(), this.getViewMatrix()), this._viewMatrixCached;
-      }
-      getProjectionMatrix() {
-        return this._projectionMatrixCached || (this._projectionMatrixCached = mat4Allocate.allocate()), this._projectionMatrixCached;
-      }
-      forceGetProjectionMatrix() {
-        this._projectionMatrixCached || (this._projectionMatrixCached = mat4Allocate.allocate());
-        const {
-          left: left,
-          top: top,
-          right: right,
-          bottom: bottom
-        } = this._params;
-        return ortho(this._projectionMatrixCached, left, right, bottom, top, 0, -2e6), this._vp || (this._vp = mat4Allocate.allocate()), this._vp = multiplyMat4Mat4(this._vp, this.getProjectionMatrix(), this.getViewMatrix()), this._projectionMatrixCached;
-      }
-      getField() {
-        const {
-          fieldRatio = .8,
-          fieldDepth: fieldDepth,
-          left: left,
-          right: right
-        } = this._params;
-        return (null != fieldDepth ? fieldDepth : right - left) * fieldRatio;
-      }
-      getProjectionScale(z) {
-        const field = this.getField();
-        return field / (field + z);
-      }
-      view(x, y, z) {
-        const outP = [0, 0, 0];
-        return transformMat4(outP, [x, y, z], this._viewMatrixCached), outP;
-      }
-      vp(x, y, z) {
-        const outP = [0, 0, 0],
-          {
-            pos: pos
-          } = this._params.viewParams;
-        transformMat4(outP, [x, y, z], this._viewMatrixCached), x = outP[0], y = outP[1], z = outP[2];
-        const sizeProjection = this.getProjectionScale(z);
-        return {
-          x: x * sizeProjection + pos[0],
-          y: y * sizeProjection + pos[1]
-        };
-      }
-    }
-    const registerOrthoCamera = () => {
-      Factory$1.registerPlugin("OrthoCamera", OrthoCamera);
-    };
-
-    class ViewTransform3dPlugin {
-      constructor() {
-        this.name = "ViewTransform3dPlugin", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), this.key = this.name + this._uid, this.onMouseDown = e => {
-          this.option3d || (this.option3d = this.pluginService.stage.option3d), this.option3d && (this.mousedown = !0, this.pageX = e.page.x, this.pageY = e.page.y);
-        }, this.onMouseUp = e => {
-          this.option3d || (this.option3d = this.pluginService.stage.option3d), this.option3d && (this.mousedown = !1);
-        }, this.onMouseMove = e => {
-          var _a, _b;
-          const stage = this.pluginService.stage;
-          if (this.option3d || (this.option3d = stage.option3d), this.option3d && this.mousedown) if (this.pageX && this.pageY) {
-            const deltaX = e.page.x - this.pageX,
-              deltaY = e.page.y - this.pageY;
-            this.pageX = e.page.x, this.pageY = e.page.y;
-            const angle1 = deltaX / 100,
-              angle2 = deltaY / 100;
-            this.option3d.alpha = (null !== (_a = this.option3d.alpha) && void 0 !== _a ? _a : 0) + angle1, this.option3d.beta = (null !== (_b = this.option3d.beta) && void 0 !== _b ? _b : 0) + angle2, stage.set3dOptions(this.option3d), stage.renderNextFrame();
-          } else this.pageX = e.page.x, this.pageY = e.page.y;
-        };
-      }
-      activate(context) {
-        this.pluginService = context;
-        const stage = context.stage;
-        this.option3d = stage.option3d, stage.addEventListener("mousedown", this.onMouseDown), stage.addEventListener("mouseup", this.onMouseUp), stage.addEventListener("mousemove", this.onMouseMove);
-      }
-      deactivate(context) {
-        const stage = context.stage;
-        stage.removeEventListener("mousedown", this.onMouseDown), stage.removeEventListener("mouseup", this.onMouseUp), stage.removeEventListener("mousemove", this.onMouseMove);
-      }
-    }
-    const registerViewTransform3dPlugin = () => {
-      Factory$1.registerPlugin("ViewTransform3dPlugin", ViewTransform3dPlugin);
-    };
+    const browser = isBrowserEnv();
 
     function resolveContainerBinding$1(container, serviceIdentifier) {
       const [instance] = container.getAll(serviceIdentifier);
@@ -27409,6 +27345,94 @@
       }
     }
 
+    class DirectionalLight {
+      constructor(dir, color, ambient = .8) {
+        this.dir = dir, this.color = color, this.colorRgb = ColorStore.Get(color, ColorType.Color1), this.ambient = ambient;
+        const length = sqrt$3(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);
+        this.formatedDir = [dir[0] / length, dir[1] / length, dir[2] / length];
+      }
+      computeColor(normal, color) {
+        const lightDir = this.formatedDir,
+          brightness = min$1(max$1((normal[0] * lightDir[0] + normal[1] * lightDir[1] + normal[2] * lightDir[2]) * (1 - this.ambient / 2), 0) + this.ambient, 1);
+        let colorArray;
+        colorArray = isString$1(color) ? ColorStore.Get(color, ColorType.Color1) : color;
+        const lightColorArray = this.colorRgb;
+        return `rgb(${lightColorArray[0] * colorArray[0] * brightness}, ${lightColorArray[1] * colorArray[1] * brightness}, ${lightColorArray[2] * colorArray[2] * brightness})`;
+      }
+    }
+    const registerDirectionalLight = () => {
+      Factory$1.registerPlugin("DirectionalLight", DirectionalLight);
+    };
+
+    class OrthoCamera {
+      set params(params) {
+        this._params = Object.assign({}, params), this._projectionMatrixCached = this.forceGetProjectionMatrix(), this._viewMatrixCached = this.forceGetViewMatrix();
+      }
+      get params() {
+        return Object.assign({}, this._params);
+      }
+      constructor(params) {
+        this.params = params;
+      }
+      getViewMatrix() {
+        return this._viewMatrixCached || (this._viewMatrixCached = mat4Allocate.allocate()), this._viewMatrixCached;
+      }
+      forceGetViewMatrix() {
+        this._viewMatrixCached || (this._viewMatrixCached = mat4Allocate.allocate());
+        const {
+          pos: pos,
+          center: center,
+          up: up
+        } = this.params.viewParams;
+        return lookAt(this._viewMatrixCached, pos, center, up), this._vp || (this._vp = mat4Allocate.allocate()), this._vp = multiplyMat4Mat4(this._vp, this.getProjectionMatrix(), this.getViewMatrix()), this._viewMatrixCached;
+      }
+      getProjectionMatrix() {
+        return this._projectionMatrixCached || (this._projectionMatrixCached = mat4Allocate.allocate()), this._projectionMatrixCached;
+      }
+      forceGetProjectionMatrix() {
+        this._projectionMatrixCached || (this._projectionMatrixCached = mat4Allocate.allocate());
+        const {
+          left: left,
+          top: top,
+          right: right,
+          bottom: bottom
+        } = this._params;
+        return ortho(this._projectionMatrixCached, left, right, bottom, top, 0, -2e6), this._vp || (this._vp = mat4Allocate.allocate()), this._vp = multiplyMat4Mat4(this._vp, this.getProjectionMatrix(), this.getViewMatrix()), this._projectionMatrixCached;
+      }
+      getField() {
+        const {
+          fieldRatio = .8,
+          fieldDepth: fieldDepth,
+          left: left,
+          right: right
+        } = this._params;
+        return (null != fieldDepth ? fieldDepth : right - left) * fieldRatio;
+      }
+      getProjectionScale(z) {
+        const field = this.getField();
+        return field / (field + z);
+      }
+      view(x, y, z) {
+        const outP = [0, 0, 0];
+        return transformMat4(outP, [x, y, z], this._viewMatrixCached), outP;
+      }
+      vp(x, y, z) {
+        const outP = [0, 0, 0],
+          {
+            pos: pos
+          } = this._params.viewParams;
+        transformMat4(outP, [x, y, z], this._viewMatrixCached), x = outP[0], y = outP[1], z = outP[2];
+        const sizeProjection = this.getProjectionScale(z);
+        return {
+          x: x * sizeProjection + pos[0],
+          y: y * sizeProjection + pos[1]
+        };
+      }
+    }
+    const registerOrthoCamera = () => {
+      Factory$1.registerPlugin("OrthoCamera", OrthoCamera);
+    };
+
     const EMPTY_PICK_ITEM_INTERCEPTOR_PROVIDER = {
         getContributions: () => []
       },
@@ -27721,18 +27745,32 @@
       }
     }
 
-    const runtimeInstallerContext = createLegacyBindingContext();
-    let runtimeGlobal,
-      runtimeInstallerPreloaded = !1;
-    const RUNTIME_RENDERER_NAMESPACE = "vrender:runtime-renderer",
+    const RUNTIME_INSTALLER_STATE_SYMBOL = Symbol.for("@visactor/vrender-core/runtime-installer-state");
+    function createRuntimeInstallerState() {
+      return {
+        runtimeInstallerContext: createLegacyBindingContext(),
+        preloaded: !1,
+        runtimeEntryKeys: new WeakMap(),
+        runtimeDrawContributions: new WeakMap(),
+        loadedRuntimeContributionModules: new WeakMap()
+      };
+    }
+    function getRuntimeInstallerState() {
+      const scope = globalThis;
+      return scope[RUNTIME_INSTALLER_STATE_SYMBOL] || (scope[RUNTIME_INSTALLER_STATE_SYMBOL] = createRuntimeInstallerState()), scope[RUNTIME_INSTALLER_STATE_SYMBOL];
+    }
+
+    const runtimeInstallerState = getRuntimeInstallerState(),
+      runtimeInstallerContext = runtimeInstallerState.runtimeInstallerContext,
+      RUNTIME_RENDERER_NAMESPACE = "vrender:runtime-renderer",
       RUNTIME_PICKER_NAMESPACE = "vrender:runtime-picker",
-      runtimeEntryKeys = new WeakMap(),
-      runtimeDrawContributions = new WeakMap(),
-      loadedRuntimeContributionModules = new WeakMap(),
+      runtimeEntryKeys = runtimeInstallerState.runtimeEntryKeys,
+      runtimeDrawContributions = runtimeInstallerState.runtimeDrawContributions,
+      loadedRuntimeContributionModules = runtimeInstallerState.loadedRuntimeContributionModules,
       DEFAULT_RUNTIME_CONTRIBUTION_TARGETS = ["graphic-renderer"],
       noopUnbindRuntimeContributionService = () => {};
     function ensureRuntimeInstallerPreloaded() {
-      runtimeInstallerPreloaded || (runtimeInstallerPreloaded = !0, bindCoreModules({
+      runtimeInstallerState.preloaded || (runtimeInstallerState.preloaded = !0, bindCoreModules({
         bind: runtimeInstallerContext.bind
       }), bindGraphicModules({
         bind: runtimeInstallerContext.bind
@@ -27777,7 +27815,8 @@
       ContributionStore.refreshAllContributions();
     }
     function getRuntimeInstallerGlobal() {
-      return ensureRuntimeInstallerPreloaded(), null != runtimeGlobal || (runtimeGlobal = new DefaultGlobal(createContributionProvider$1(EnvContribution, runtimeInstallerContext))), runtimeGlobal;
+      var _a;
+      return ensureRuntimeInstallerPreloaded(), null !== (_a = runtimeInstallerState.runtimeGlobal) && void 0 !== _a || (runtimeInstallerState.runtimeGlobal = new DefaultGlobal(createContributionProvider$1(EnvContribution, runtimeInstallerContext))), runtimeInstallerState.runtimeGlobal;
     }
     function configureRuntimeApplicationForApp(app) {
       const bindingContext = getRuntimeInstallerBindingContext(),
@@ -29612,24 +29651,57 @@
       return instance;
     }
 
-    const _tempBounds = new AABBBounds();
-    class FlexLayoutPlugin {
+    class ViewTransform3dPlugin {
       constructor() {
-        this.name = "FlexLayoutPlugin", this.activeEvent = "onRegister", this.id = Generator.GenAutoIncrementId(), this.key = this.name + this.id, this.tempBounds = new AABBBounds();
-      }
-      pauseLayout(p) {
-        this.pause = p;
-      }
-      tryLayoutChildren(graphic) {
-        graphic.firstChild && this.tryLayout(graphic.firstChild);
-      }
-      tryLayout(graphic, force = !0) {
-        if (this.pause) return;
-        const p = graphic.parent;
-        if (!(force || p && graphic.needUpdateLayout())) return;
-        const theme = getTheme$1(p).group,
-          {
-            display = theme.display
+        this.name = "ViewTransform3dPlugin", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), this.key = this.name + this._uid, this.onMouseDown = e => {
+          this.option3d || (this.option3d = this.pluginService.stage.option3d), this.option3d && (this.mousedown = !0, this.pageX = e.page.x, this.pageY = e.page.y);
+        }, this.onMouseUp = e => {
+          this.option3d || (this.option3d = this.pluginService.stage.option3d), this.option3d && (this.mousedown = !1);
+        }, this.onMouseMove = e => {
+          var _a, _b;
+          const stage = this.pluginService.stage;
+          if (this.option3d || (this.option3d = stage.option3d), this.option3d && this.mousedown) if (this.pageX && this.pageY) {
+            const deltaX = e.page.x - this.pageX,
+              deltaY = e.page.y - this.pageY;
+            this.pageX = e.page.x, this.pageY = e.page.y;
+            const angle1 = deltaX / 100,
+              angle2 = deltaY / 100;
+            this.option3d.alpha = (null !== (_a = this.option3d.alpha) && void 0 !== _a ? _a : 0) + angle1, this.option3d.beta = (null !== (_b = this.option3d.beta) && void 0 !== _b ? _b : 0) + angle2, stage.set3dOptions(this.option3d), stage.renderNextFrame();
+          } else this.pageX = e.page.x, this.pageY = e.page.y;
+        };
+      }
+      activate(context) {
+        this.pluginService = context;
+        const stage = context.stage;
+        this.option3d = stage.option3d, stage.addEventListener("mousedown", this.onMouseDown), stage.addEventListener("mouseup", this.onMouseUp), stage.addEventListener("mousemove", this.onMouseMove);
+      }
+      deactivate(context) {
+        const stage = context.stage;
+        stage.removeEventListener("mousedown", this.onMouseDown), stage.removeEventListener("mouseup", this.onMouseUp), stage.removeEventListener("mousemove", this.onMouseMove);
+      }
+    }
+    const registerViewTransform3dPlugin = () => {
+      Factory$1.registerPlugin("ViewTransform3dPlugin", ViewTransform3dPlugin);
+    };
+
+    const _tempBounds = new AABBBounds();
+    class FlexLayoutPlugin {
+      constructor() {
+        this.name = "FlexLayoutPlugin", this.activeEvent = "onRegister", this.id = Generator.GenAutoIncrementId(), this.key = this.name + this.id, this.tempBounds = new AABBBounds();
+      }
+      pauseLayout(p) {
+        this.pause = p;
+      }
+      tryLayoutChildren(graphic) {
+        graphic.firstChild && this.tryLayout(graphic.firstChild);
+      }
+      tryLayout(graphic, force = !0) {
+        if (this.pause) return;
+        const p = graphic.parent;
+        if (!(force || p && graphic.needUpdateLayout())) return;
+        const theme = getTheme$1(p).group,
+          {
+            display = theme.display
           } = p.attribute;
         if ("flex" !== display) return;
         const {
@@ -29883,6 +29955,7 @@
 
     var VRenderCore = /*#__PURE__*/Object.freeze({
         __proto__: null,
+        APPLICATION_STATE_SYMBOL: APPLICATION_STATE_SYMBOL,
         ARC3D_NUMBER_TYPE: ARC3D_NUMBER_TYPE,
         ARC_NUMBER_TYPE: ARC_NUMBER_TYPE,
         AREA_NUMBER_TYPE: AREA_NUMBER_TYPE,
@@ -29914,6 +29987,7 @@
         BoundsPicker: BoundsPicker,
         BrowserEntry: BrowserEntry,
         CIRCLE_NUMBER_TYPE: CIRCLE_NUMBER_TYPE,
+        CONTRIBUTION_STORE_STATE_SYMBOL: CONTRIBUTION_STORE_STATE_SYMBOL,
         Canvas3DDrawItemInterceptor: Canvas3DDrawItemInterceptor,
         Canvas3DPickItemInterceptor: Canvas3DPickItemInterceptor,
         CanvasFactory: CanvasFactory,
@@ -30026,6 +30100,7 @@
         EventManager: EventManager,
         EventSystem: EventSystem,
         EventTarget: EventTarget,
+        FACTORY_STATE_SYMBOL: FACTORY_STATE_SYMBOL,
         FORMAT_ALL_TEXT_COMMAND: FORMAT_ALL_TEXT_COMMAND,
         FORMAT_ELEMENT_COMMAND: FORMAT_ELEMENT_COMMAND,
         FORMAT_TEXT_COMMAND: FORMAT_TEXT_COMMAND,
@@ -30036,6 +30111,7 @@
         FederatedWheelEvent: FederatedWheelEvent,
         FlexLayoutPlugin: FlexLayoutPlugin,
         GLYPH_NUMBER_TYPE: GLYPH_NUMBER_TYPE,
+        GRAPHIC_REGISTRY_SYMBOL: GRAPHIC_REGISTRY_SYMBOL,
         GRAPHIC_UPDATE_TAG_KEY: GRAPHIC_UPDATE_TAG_KEY,
         GROUP_NUMBER_TYPE: GROUP_NUMBER_TYPE,
         Generator: Generator,
@@ -30104,6 +30180,7 @@
         RECT3D_NUMBER_TYPE: RECT3D_NUMBER_TYPE,
         RECT_NUMBER_TYPE: RECT_NUMBER_TYPE,
         RICHTEXT_NUMBER_TYPE: RICHTEXT_NUMBER_TYPE,
+        RUNTIME_INSTALLER_STATE_SYMBOL: RUNTIME_INSTALLER_STATE_SYMBOL,
         RafBasedSTO: RafBasedSTO,
         ReactAttributePlugin: ReactAttributePlugin,
         Rect: Rect,
@@ -30312,17 +30389,22 @@
         genStepClosedSegments: genStepClosedSegments,
         genStepSegments: genStepSegments,
         genStepTypeSegments: genStepTypeSegments,
+        getApplicationState: getApplicationState,
         getAttributeFromDefaultAttrList: getAttributeFromDefaultAttrList,
         getBackgroundImage: getBackgroundImage,
         getConicGradientAt: getConicGradientAt,
+        getContributionStoreState: getContributionStoreState,
         getCurrentEnv: getCurrentEnv,
         getDefaultCharacterConfig: getDefaultCharacterConfig,
         getExtraModelMatrix: getExtraModelMatrix,
+        getFactoryState: getFactoryState,
+        getGraphicRegistryState: getGraphicRegistryState,
         getLegacyBindingContext: getLegacyBindingContext,
         getModelMatrix: getModelMatrix,
         getRichTextBounds: getRichTextBounds,
         getRuntimeInstallerBindingContext: getRuntimeInstallerBindingContext,
         getRuntimeInstallerGlobal: getRuntimeInstallerGlobal,
+        getRuntimeInstallerState: getRuntimeInstallerState,
         getScaledStroke: getScaledStroke,
         getTextBounds: getTextBounds,
         getTheme: getTheme$1,
@@ -30464,6 +30546,70 @@
         xul: xul
     });
 
+    class PickerBase {
+      contains(graphic, point, params) {
+        if (!graphic.AABBBounds.containsPoint(point)) return !1;
+        if ("imprecise" === graphic.attribute.pickMode) return !0;
+        if (!this.canvasRenderer) return !0;
+        const {
+          pickContext: pickContext
+        } = null != params ? params : {};
+        if (!pickContext) return !1;
+        const attribute = graphic.getGraphicTheme();
+        pickContext.highPerformanceSave();
+        let {
+          x = attribute.x,
+          y = attribute.y
+        } = graphic.attribute;
+        if (graphic.transMatrix.onlyTranslate()) {
+          const point = graphic.getOffsetXY(attribute);
+          x += point.x, y += point.y, pickContext.setTransformForCurrent();
+        } else x = 0, y = 0, pickContext.transformFromMatrix(graphic.transMatrix, !0);
+        let picked = !1,
+          _final = !1;
+        return this.canvasRenderer.drawShape(graphic, pickContext, x, y, {}, null, (context, arcAttribute, themeAttribute, final) => !(!picked && !_final) || (picked = context.isPointInPath(point.x, point.y), _final = final || _final, picked), (context, arcAttribute, themeAttribute, final) => {
+          if (picked || _final) return !0;
+          const lineWidth = arcAttribute.lineWidth || themeAttribute.lineWidth,
+            pickStrokeBuffer = arcAttribute.pickStrokeBuffer || themeAttribute.pickStrokeBuffer,
+            keepStrokeScale = arcAttribute.keepStrokeScale || themeAttribute.keepStrokeScale;
+          return pickContext.lineWidth = keepStrokeScale ? lineWidth + pickStrokeBuffer : getScaledStroke(pickContext, lineWidth + pickStrokeBuffer, pickContext.dpr), picked = context.isPointInStroke(point.x, point.y), _final = final || _final, picked;
+        }), pickContext.highPerformanceRestore(), picked;
+      }
+    }
+
+    class DefaultCanvasArcPicker extends PickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
+      }
+    }
+
+    let loadArcPick$1 = !1;
+    function bindArcCanvasPickerContribution(container) {
+      loadArcPick$1 || (loadArcPick$1 = !0, container.bind(CanvasArcPicker).toDynamicValue(() => new DefaultCanvasArcPicker(resolveContainerBinding$1(container, ArcRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasArcPicker));
+    }
+
+    class DefaultMathArcPicker extends PickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
+      }
+    }
+
+    let loadArcPick = !1;
+    function bindArcMathPickerContribution(container) {
+      loadArcPick || (loadArcPick = !0, container.bind(MathArcPicker).toDynamicValue(() => new DefaultMathArcPicker(resolveContainerBinding$1(container, ArcRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathArcPicker));
+    }
+
+    function _registerArc() {
+      if (_registerArc.__loaded) return;
+      _registerArc.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerArcGraphic(), arcModule({
+        bind: legacyContext.bind
+      }), browser ? bindArcCanvasPickerContribution(legacyContext) : bindArcMathPickerContribution(legacyContext);
+    }
+    _registerArc.__loaded = !1;
+    const registerArc = _registerArc;
+
     class Base3dPicker extends BaseRender {
       contains(graphic, point, params) {
         const {
@@ -30514,123 +30660,665 @@
     _registerArc3d.__loaded = !1;
     const registerArc3d = _registerArc3d;
 
-    class DefaultCanvasPyramid3dPicker extends Base3dPicker {
+    class DefaultCanvasAreaPicker extends PickerBase {
       constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "pyramid3d", this.numberType = PYRAMID3D_NUMBER_TYPE, this.themeType = "polygon";
+        super(), this.canvasRenderer = canvasRenderer, this.type = "area", this.numberType = AREA_NUMBER_TYPE;
       }
     }
 
-    let loadPyramid3dPick = !1;
-    function bindPyramid3dCanvasPickerContribution(container) {
-      var _a;
-      loadPyramid3dPick || (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, Pyramid3dRender)) && (loadPyramid3dPick = !0, container.bind(CanvasPyramid3dPicker).toDynamicValue(() => new DefaultCanvasPyramid3dPicker(resolveContainerBinding$1(container, Pyramid3dRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasPyramid3dPicker));
-    }
-
-    function _registerPyramid3d() {
-      if (_registerPyramid3d.__loaded) return;
-      _registerPyramid3d.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerPyramid3dGraphic(), registerDirectionalLight(), registerOrthoCamera(), pyramid3dModule({
-        bind: legacyContext.bind
-      }), bindPyramid3dCanvasPickerContribution(legacyContext);
+    let loadAreaPick$1 = !1;
+    function bindAreaCanvasPickerContribution(container) {
+      loadAreaPick$1 || (loadAreaPick$1 = !0, container.bind(CanvasAreaPicker).toDynamicValue(() => new DefaultCanvasAreaPicker(resolveContainerBinding$1(container, AreaRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasAreaPicker));
     }
-    _registerPyramid3d.__loaded = !1;
-    const registerPyramid3d = _registerPyramid3d;
 
-    class DefaultCanvasRect3dPicker extends Base3dPicker {
+    class DefaultMathAreaPicker extends PickerBase {
       constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "rect3d", this.numberType = RECT3D_NUMBER_TYPE, this.themeType = "rect";
+        super(), this.canvasRenderer = canvasRenderer, this.type = "area", this.numberType = AREA_NUMBER_TYPE;
       }
     }
 
-    let loadRect3dPick = !1;
-    function bindRect3dCanvasPickerContribution(container) {
-      var _a;
-      loadRect3dPick || (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, Rect3DRender)) && (loadRect3dPick = !0, container.bind(CanvasRect3dPicker).toDynamicValue(() => new DefaultCanvasRect3dPicker(resolveContainerBinding$1(container, Rect3DRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasRect3dPicker));
+    let loadAreaPick = !1;
+    function bindAreaMathPickerContribution(container) {
+      loadAreaPick || (loadAreaPick = !0, container.bind(MathAreaPicker).toDynamicValue(() => new DefaultMathAreaPicker(resolveContainerBinding$1(container, AreaRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathAreaPicker));
     }
 
-    function _registerRect3d() {
-      if (_registerRect3d.__loaded) return;
-      _registerRect3d.__loaded = !0;
+    function _registerArea() {
+      if (_registerArea.__loaded) return;
+      _registerArea.__loaded = !0;
       const legacyContext = getLegacyBindingContext();
-      registerRect3dGraphic(), rect3dModule({
+      registerAreaGraphic(), areaModule({
         bind: legacyContext.bind
-      }), bindRect3dCanvasPickerContribution(legacyContext);
+      }), browser ? bindAreaCanvasPickerContribution(legacyContext) : bindAreaMathPickerContribution(legacyContext);
     }
-    _registerRect3d.__loaded = !1;
-    const registerRect3d = _registerRect3d;
-
-    const createArc3d = attributes => (registerArc3d(), createGraphic$1("arc3d", attributes));
-    const createPyramid3d = attributes => (registerPyramid3d(), createGraphic$1("pyramid3d", attributes));
-    const createRect3d = attributes => (registerRect3d(), createGraphic$1("rect3d", attributes));
-    const waitForAllSubLayers = stage => new Promise(resolve => {
-      vglobal.getRequestAnimationFrame()(() => {
-        resolve(null);
-      });
-    }).then(() => {
-      const promiseList = [];
-      return stage.getChildren().forEach(layer => {
-        var _a;
-        (null === (_a = layer.subLayers) || void 0 === _a ? void 0 : _a.size) && layer.subLayers.forEach(subLayer => {
-          const drawContribution = subLayer.drawContribution;
-          (null == drawContribution ? void 0 : drawContribution.hooks) && drawContribution.rendering && promiseList.push(new Promise(resolve => {
-            drawContribution.hooks.completeDraw.tap("outWait", () => {
-              drawContribution.hooks.completeDraw.taps = drawContribution.hooks.completeDraw.taps.filter(item => "outWait" !== item.name), resolve(null);
-            });
-          }));
-        });
-      }), Promise.all(promiseList);
-    });
+    _registerArea.__loaded = !1;
+    const registerArea = _registerArea;
 
-    function combineDomains(domains) {
-      const result = [];
-      for (let index = 0; index < domains.length; index++) {
-        const domain = domains[index];
-        0 !== index && domain[0] === result[result.length - 1] || result.push(domain[0]), result.push(domain[1]);
+    class GlyphPickerBase {
+      constructor() {
+        this.type = "glyph", this.numberType = GLYPH_NUMBER_TYPE;
+      }
+      contains(glyph, point, params) {
+        if (!glyph.AABBBounds.containsPoint(point)) return !1;
+        if ("imprecise" === glyph.attribute.pickMode) return !0;
+        const {
+          pickContext: pickContext
+        } = null != params ? params : {};
+        if (!pickContext) return !1;
+        const pickerService = null == params ? void 0 : params.pickerService;
+        if (pickerService) {
+          let picked = !1;
+          return glyph.getSubGraphic().forEach(g => {
+            if (picked) return;
+            const data = pickerService.pickItem(g, point, null, params);
+            picked = !(!data || !data.graphic);
+          }), picked;
+        }
+        return !1;
       }
-      return result;
-    }
-    function moveAfterInArray(array, target, ref) {
-      const index = array.indexOf(target),
-        refIndex = array.indexOf(ref);
-      index >= 0 && refIndex >= 0 && index < refIndex && (array.splice(index, 1), array.splice(refIndex, 0, target));
     }
 
-    const log = (msg, ...args) => Logger.getInstance().info(`[VChart log]: ${msg}`, ...args);
-    const warn = (msg, detail) => (isFunction$1(config.warnHandler) && config.warnHandler.call(null, msg, detail), detail ? Logger.getInstance().warn(`[VChart warn]: ${msg}`, detail) : Logger.getInstance().warn(`[VChart warn]: ${msg}`));
-    const error = (msg, detail, err) => {
-      {
-        if (!isFunction$1(config.errorHandler)) throw new Error(msg);
-        config.errorHandler.call(null, msg, detail);
+    class DefaultCanvasGlyphPicker extends GlyphPickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer;
       }
-    };
-    const config = {
-      silent: !1,
-      warnHandler: !1,
-      errorHandler: !1
-    };
-
-    const isBrowser = isBrowserEnv();
-    const domDocument = isBrowser && globalThis ? globalThis.document : void 0;
-    function isTrueBrowser(mode) {
-      return ("desktop-browser" === mode || "mobile-browser" === mode) && isBrowser;
-    }
-    function isMobileLikeMode(mode) {
-      return isMiniAppLikeMode(mode) || "mobile-browser" === mode;
     }
-    function isMiniAppLikeMode(mode) {
-      return mode.includes("miniApp") || "lynx" === mode || "wx" === mode || "harmony" === mode;
+
+    let loadGlyphPick$1 = !1;
+    function bindGlyphCanvasPickerContribution(container) {
+      loadGlyphPick$1 || (loadGlyphPick$1 = !0, container.bind(CanvasGlyphPicker).toDynamicValue(() => new DefaultCanvasGlyphPicker(resolveContainerBinding$1(container, GlyphRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasGlyphPicker));
     }
 
-    let VChartId = 0;
-    function createID() {
-      return VChartId >= 9999999 && (VChartId = 0), VChartId++;
+    class DefaultMathGlyphPicker extends GlyphPickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer;
+      }
     }
 
-    function couldBeValidNumber(v) {
-      return null != v && "" !== v && (!!isNumber$2(v) || +v == +v);
+    let loadGlyphPick = !1;
+    function bindGlyphMathPickerContribution(container) {
+      loadGlyphPick || (loadGlyphPick = !0, container.bind(MathGlyphPicker).toDynamicValue(() => new DefaultMathGlyphPicker(resolveContainerBinding$1(container, GlyphRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathGlyphPicker));
     }
-    function toValidNumber(v) {
+
+    function _registerGlyph() {
+      if (_registerGlyph.__loaded) return;
+      _registerGlyph.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerGlyphGraphic(), glyphModule({
+        bind: legacyContext.bind
+      }), browser ? bindGlyphCanvasPickerContribution(legacyContext) : bindGlyphMathPickerContribution(legacyContext);
+    }
+    _registerGlyph.__loaded = !1;
+    const registerGlyph = _registerGlyph;
+
+    function _registerGroup() {
+      _registerGroup.__loaded || (_registerGroup.__loaded = !0, registerGroupGraphic());
+    }
+    _registerGroup.__loaded = !1;
+    const registerGroup = _registerGroup;
+
+    class DefaultCanvasImagePicker extends PickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "image", this.numberType = IMAGE_NUMBER_TYPE;
+      }
+    }
+
+    let loadImagePick$1 = !1;
+    function bindImageCanvasPickerContribution(container) {
+      loadImagePick$1 || (loadImagePick$1 = !0, container.bind(CanvasImagePicker).toDynamicValue(() => new DefaultCanvasImagePicker(resolveContainerBinding$1(container, ImageRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasImagePicker));
+    }
+
+    class DefaultMathImagePicker {
+      constructor() {
+        this.type = "image", this.numberType = IMAGE_NUMBER_TYPE;
+      }
+      contains(image, point, params) {
+        const {
+          pickContext: pickContext
+        } = null != params ? params : {};
+        return !!pickContext && !!image.AABBBounds.containsPoint(point);
+      }
+    }
+
+    let loadImagePick = !1;
+    function bindImageMathPickerContribution(container) {
+      loadImagePick || (loadImagePick = !0, container.bind(MathImagePicker).toDynamicValue(() => new DefaultMathImagePicker()).inSingletonScope(), container.bind(MathPickerContribution).toService(MathImagePicker));
+    }
+
+    function _registerImage() {
+      if (_registerImage.__loaded) return;
+      _registerImage.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerImageGraphic(), imageModule({
+        bind: legacyContext.bind
+      }), browser ? bindImageCanvasPickerContribution(legacyContext) : bindImageMathPickerContribution(legacyContext);
+    }
+    _registerImage.__loaded = !1;
+    const registerImage = _registerImage;
+
+    class BaseLinePicker extends BaseRender {
+      contains(graphic, point, params) {
+        if (!graphic.AABBBounds.containsPoint(point)) return !1;
+        if ("imprecise" === graphic.attribute.pickMode) return !0;
+        const {
+          pickContext: pickContext
+        } = null != params ? params : {};
+        if (!pickContext) return !1;
+        pickContext.highPerformanceSave();
+        const lineAttribute = graphic.getGraphicTheme(),
+          data = this.transform(graphic, lineAttribute, pickContext),
+          {
+            x: x,
+            y: y,
+            z: z,
+            lastModelMatrix: lastModelMatrix
+          } = data;
+        let pickPoint = point;
+        if (pickContext.camera) {
+          pickPoint = point.clone();
+          const globalMatrix = graphic.parent.globalTransMatrix;
+          pickPoint.x = globalMatrix.a * point.x + globalMatrix.c * point.y + globalMatrix.e, pickPoint.y = globalMatrix.b * point.x + globalMatrix.d * point.y + globalMatrix.f;
+        }
+        this.canvasRenderer.z = z;
+        let picked = !1;
+        return this.canvasRenderer.drawShape(graphic, pickContext, x, y, {}, null, context => !!picked || (picked = context.isPointInPath(pickPoint.x, pickPoint.y), picked), (context, lineAttribute, themeAttribute) => {
+          if (picked) return !0;
+          const lineWidth = lineAttribute.lineWidth || themeAttribute.lineWidth,
+            pickStrokeBuffer = lineAttribute.pickStrokeBuffer || themeAttribute.pickStrokeBuffer,
+            keepStrokeScale = lineAttribute.keepStrokeScale || themeAttribute.keepStrokeScale;
+          return pickContext.lineWidth = keepStrokeScale ? lineWidth + pickStrokeBuffer : getScaledStroke(pickContext, lineWidth + pickStrokeBuffer, pickContext.dpr), picked = context.isPointInStroke(pickPoint.x, pickPoint.y), picked;
+        }), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
+      }
+    }
+
+    class DefaultCanvasLinePicker extends BaseLinePicker {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
+      }
+    }
+
+    let loadLinePick$1 = !1;
+    function bindLineCanvasPickerContribution(container) {
+      loadLinePick$1 || (loadLinePick$1 = !0, container.bind(CanvasLinePicker).toDynamicValue(() => new DefaultCanvasLinePicker(resolveContainerBinding$1(container, LineRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasLinePicker));
+    }
+
+    class DefaultMathLinePicker extends PickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
+      }
+    }
+
+    let loadLinePick = !1;
+    function bindLineMathPickerContribution(container) {
+      loadLinePick || (loadLinePick = !0, container.bind(MathLinePicker).toDynamicValue(() => new DefaultMathLinePicker(resolveContainerBinding$1(container, LineRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathLinePicker));
+    }
+
+    function _registerLine() {
+      if (_registerLine.__loaded) return;
+      _registerLine.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerLineGraphic(), lineModule({
+        bind: legacyContext.bind
+      }), browser ? bindLineCanvasPickerContribution(legacyContext) : bindLineMathPickerContribution(legacyContext);
+    }
+    _registerLine.__loaded = !1;
+    const registerLine = _registerLine;
+
+    class DefaultCanvasPathPicker extends BaseLinePicker {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
+      }
+    }
+
+    let loadPathPick$1 = !1;
+    function bindPathCanvasPickerContribution(container) {
+      loadPathPick$1 || (loadPathPick$1 = !0, container.bind(CanvasPathPicker).toDynamicValue(() => new DefaultCanvasPathPicker(resolveContainerBinding$1(container, PathRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasPathPicker));
+    }
+
+    class DefaultMathPathPicker extends PickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
+      }
+    }
+
+    let loadPathPick = !1;
+    function bindPathMathPickerContribution(container) {
+      loadPathPick || (loadPathPick = !0, container.bind(MathPathPicker).toDynamicValue(() => new DefaultMathPathPicker(resolveContainerBinding$1(container, PathRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathPathPicker));
+    }
+
+    function _registerPath() {
+      if (_registerPath.__loaded) return;
+      _registerPath.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerPathGraphic(), pathModule({
+        bind: legacyContext.bind
+      }), browser ? bindPathCanvasPickerContribution(legacyContext) : bindPathMathPickerContribution(legacyContext);
+    }
+    _registerPath.__loaded = !1;
+    const registerPath = _registerPath;
+
+    class DefaultCanvasPolygonPicker extends PickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
+      }
+    }
+
+    let loadPolygonPick$1 = !1;
+    function bindPolygonCanvasPickerContribution(container) {
+      loadPolygonPick$1 || (loadPolygonPick$1 = !0, container.bind(CanvasPolygonPicker).toDynamicValue(() => new DefaultCanvasPolygonPicker(resolveContainerBinding$1(container, PolygonRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasPolygonPicker));
+    }
+
+    class DefaultMathPolygonPicker extends PickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
+      }
+    }
+
+    let loadPolygonPick = !1;
+    function bindPolygonMathPickerContribution(container) {
+      loadPolygonPick || (loadPolygonPick = !0, container.bind(MathPolygonPicker).toDynamicValue(() => new DefaultMathPolygonPicker(resolveContainerBinding$1(container, PolygonRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathPolygonPicker));
+    }
+
+    function _registerPolygon() {
+      if (_registerPolygon.__loaded) return;
+      _registerPolygon.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerPolygonGraphic(), polygonModule({
+        bind: legacyContext.bind
+      }), browser ? bindPolygonCanvasPickerContribution(legacyContext) : bindPolygonMathPickerContribution(legacyContext);
+    }
+    _registerPolygon.__loaded = !1;
+    const registerPolygon = _registerPolygon;
+
+    class DefaultCanvasPyramid3dPicker extends Base3dPicker {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "pyramid3d", this.numberType = PYRAMID3D_NUMBER_TYPE, this.themeType = "polygon";
+      }
+    }
+
+    let loadPyramid3dPick = !1;
+    function bindPyramid3dCanvasPickerContribution(container) {
+      var _a;
+      loadPyramid3dPick || (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, Pyramid3dRender)) && (loadPyramid3dPick = !0, container.bind(CanvasPyramid3dPicker).toDynamicValue(() => new DefaultCanvasPyramid3dPicker(resolveContainerBinding$1(container, Pyramid3dRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasPyramid3dPicker));
+    }
+
+    function _registerPyramid3d() {
+      if (_registerPyramid3d.__loaded) return;
+      _registerPyramid3d.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerPyramid3dGraphic(), registerDirectionalLight(), registerOrthoCamera(), pyramid3dModule({
+        bind: legacyContext.bind
+      }), bindPyramid3dCanvasPickerContribution(legacyContext);
+    }
+    _registerPyramid3d.__loaded = !1;
+    const registerPyramid3d = _registerPyramid3d;
+
+    const _bounds = new AABBBounds();
+    class RectPickerBase {
+      constructor() {
+        this.type = "rect", this.numberType = RECT_NUMBER_TYPE;
+      }
+      contains(rect, point, params) {
+        if (!rect.AABBBounds.containsPoint(point)) return !1;
+        if ("imprecise" === rect.attribute.pickMode) return !0;
+        const {
+          pickContext: pickContext
+        } = null != params ? params : {};
+        if (!pickContext) return !1;
+        const rectAttribute = rect.getGraphicTheme(),
+          {
+            cornerRadius = rectAttribute.cornerRadius
+          } = rect.attribute;
+        let {
+          x = rectAttribute.x,
+          y = rectAttribute.y
+        } = rect.attribute;
+        pickContext.highPerformanceSave();
+        let onlyTranslate = !0;
+        if (rect.transMatrix.onlyTranslate()) {
+          const point = rect.getOffsetXY(rectAttribute);
+          x += point.x, y += point.y, pickContext.setTransformForCurrent();
+        } else x = 0, y = 0, onlyTranslate = !1, pickContext.transformFromMatrix(rect.transMatrix, !0);
+        let picked = !0;
+        if (!onlyTranslate || rect.shadowRoot || isNumber$2(cornerRadius, !0) && 0 !== cornerRadius || isArray$1(cornerRadius) && cornerRadius.some(num => 0 !== num)) picked = !1, this.canvasRenderer.drawShape(rect, pickContext, x, y, {}, null, (context, rectAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(point.x, point.y), picked), (context, rectAttribute, themeAttribute) => {
+          if (picked) return !0;
+          const lineWidth = rectAttribute.lineWidth || themeAttribute.lineWidth,
+            pickStrokeBuffer = rectAttribute.pickStrokeBuffer || themeAttribute.pickStrokeBuffer,
+            keepStrokeScale = rectAttribute.keepStrokeScale || themeAttribute.keepStrokeScale;
+          return pickContext.lineWidth = keepStrokeScale ? lineWidth + pickStrokeBuffer : getScaledStroke(pickContext, lineWidth + pickStrokeBuffer, pickContext.dpr), picked = context.isPointInStroke(point.x, point.y), picked;
+        });else {
+          const {
+            fill = rectAttribute.fill,
+            stroke = rectAttribute.stroke,
+            lineWidth = rectAttribute.lineWidth
+          } = rect.attribute;
+          if (fill) picked = !0;else if (stroke) {
+            const bounds = rect.AABBBounds;
+            _bounds.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2), _bounds.expand(-lineWidth / 2), picked = !_bounds.containsPoint(point);
+          }
+        }
+        return pickContext.highPerformanceRestore(), picked;
+      }
+    }
+
+    class DefaultCanvasRectPicker extends RectPickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer;
+      }
+    }
+
+    let loadRectPick$1 = !1;
+    function bindRectCanvasPickerContribution(container) {
+      loadRectPick$1 || (loadRectPick$1 = !0, container.bind(CanvasRectPicker).toDynamicValue(() => new DefaultCanvasRectPicker(resolveContainerBinding$1(container, RectRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasRectPicker));
+    }
+
+    class DefaultMathRectPicker extends RectPickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer;
+      }
+    }
+
+    let loadRectPick = !1;
+    function bindRectMathPickerContribution(container) {
+      loadRectPick || (loadRectPick = !0, container.bind(MathRectPicker).toDynamicValue(() => new DefaultMathRectPicker(resolveContainerBinding$1(container, RectRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathRectPicker));
+    }
+
+    function _registerRect() {
+      if (_registerRect.__loaded) return;
+      _registerRect.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerRectGraphic(), rectModule({
+        bind: legacyContext.bind
+      }), browser ? bindRectCanvasPickerContribution(legacyContext) : bindRectMathPickerContribution(legacyContext);
+    }
+    _registerRect.__loaded = !1;
+    const registerRect = _registerRect;
+
+    class DefaultCanvasRect3dPicker extends Base3dPicker {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "rect3d", this.numberType = RECT3D_NUMBER_TYPE, this.themeType = "rect";
+      }
+    }
+
+    let loadRect3dPick = !1;
+    function bindRect3dCanvasPickerContribution(container) {
+      var _a;
+      loadRect3dPick || (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, Rect3DRender)) && (loadRect3dPick = !0, container.bind(CanvasRect3dPicker).toDynamicValue(() => new DefaultCanvasRect3dPicker(resolveContainerBinding$1(container, Rect3DRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasRect3dPicker));
+    }
+
+    function _registerRect3d() {
+      if (_registerRect3d.__loaded) return;
+      _registerRect3d.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerRect3dGraphic(), rect3dModule({
+        bind: legacyContext.bind
+      }), bindRect3dCanvasPickerContribution(legacyContext);
+    }
+    _registerRect3d.__loaded = !1;
+    const registerRect3d = _registerRect3d;
+
+    class DefaultCanvasRichTextPicker {
+      constructor(canvasRenderer) {
+        this.canvasRenderer = canvasRenderer, this.type = "richtext", this.numberType = RICHTEXT_NUMBER_TYPE;
+      }
+      contains(richtext, point, params) {
+        return !!richtext.AABBBounds.containsPoint(point);
+      }
+    }
+
+    let loadRichtextPick = !1;
+    function bindRichtextCanvasPickerContribution(container) {
+      loadRichtextPick || (loadRichtextPick = !0, container.bind(CanvasRichTextPicker).toDynamicValue(() => new DefaultCanvasRichTextPicker(resolveContainerBinding$1(container, RichTextRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasRichTextPicker));
+    }
+
+    class DefaultMathRichTextPicker {
+      constructor(canvasRenderer) {
+        this.canvasRenderer = canvasRenderer, this.type = "richtext", this.numberType = RICHTEXT_NUMBER_TYPE;
+      }
+      contains(richtext, point, params) {
+        return !!richtext.AABBBounds.containsPoint(point);
+      }
+    }
+
+    let loadRichTextPick = !1;
+    function bindRichTextMathPickerContribution(container) {
+      loadRichTextPick || (loadRichTextPick = !0, container.bind(MathRichTextPicker).toDynamicValue(() => new DefaultMathRichTextPicker(resolveContainerBinding$1(container, RichTextRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathRichTextPicker));
+    }
+
+    function _registerRichtext() {
+      if (_registerRichtext.__loaded) return;
+      _registerRichtext.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerRichtextGraphic(), richtextModule({
+        bind: legacyContext.bind
+      }), browser ? bindRichtextCanvasPickerContribution(legacyContext) : bindRichTextMathPickerContribution(legacyContext);
+    }
+    _registerRichtext.__loaded = !1;
+    const registerRichtext = _registerRichtext;
+
+    function _registerShadowRoot() {
+      _registerShadowRoot.__loaded || (_registerShadowRoot.__loaded = !0, registerShadowRootGraphic());
+    }
+    _registerShadowRoot.__loaded = !1;
+    const registerShadowRoot = _registerShadowRoot;
+
+    class DefaultCanvasSymbolPicker extends Base3dPicker {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "symbol", this.numberType = SYMBOL_NUMBER_TYPE;
+      }
+      contains(symbol, point, params) {
+        const {
+          pickContext: pickContext
+        } = null != params ? params : {};
+        if (!pickContext) return !1;
+        const parsedPath = symbol.getParsedPath();
+        if (!pickContext.camera) {
+          if (!symbol.AABBBounds.containsPoint(point)) return !1;
+          if (parsedPath.isSvg || "imprecise" === symbol.attribute.pickMode) return !0;
+        }
+        pickContext.highPerformanceSave();
+        const symbolAttribute = symbol.getGraphicTheme(),
+          data = this.transform(symbol, symbolAttribute, pickContext),
+          {
+            x: x,
+            y: y,
+            z: z,
+            lastModelMatrix: lastModelMatrix
+          } = data;
+        let pickPoint = point;
+        if (pickContext.camera) {
+          pickPoint = point.clone();
+          const globalMatrix = symbol.parent.globalTransMatrix;
+          pickPoint.x = globalMatrix.a * point.x + globalMatrix.c * point.y + globalMatrix.e, pickPoint.y = globalMatrix.b * point.x + globalMatrix.d * point.y + globalMatrix.f;
+        }
+        this.canvasRenderer.z = z;
+        let picked = !1;
+        return this.canvasRenderer.drawShape(symbol, pickContext, x, y, {}, null, (context, symbolAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(pickPoint.x, pickPoint.y), picked), (context, symbolAttribute, themeAttribute) => {
+          if (picked) return !0;
+          const lineWidth = symbolAttribute.lineWidth || themeAttribute.lineWidth,
+            pickStrokeBuffer = symbolAttribute.pickStrokeBuffer || themeAttribute.pickStrokeBuffer,
+            keepStrokeScale = symbolAttribute.keepStrokeScale || themeAttribute.keepStrokeScale;
+          return pickContext.lineWidth = keepStrokeScale ? lineWidth + pickStrokeBuffer : getScaledStroke(pickContext, lineWidth + pickStrokeBuffer, pickContext.dpr), picked = context.isPointInStroke(pickPoint.x, pickPoint.y), picked;
+        }), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
+      }
+    }
+
+    let loadSymbolPick$1 = !1;
+    function bindSymbolCanvasPickerContribution(container) {
+      loadSymbolPick$1 || (loadSymbolPick$1 = !0, container.bind(CanvasSymbolPicker).toDynamicValue(() => new DefaultCanvasSymbolPicker(resolveContainerBinding$1(container, SymbolRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasSymbolPicker));
+    }
+
+    class DefaultMathSymbolPicker extends PickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "symbol", this.numberType = SYMBOL_NUMBER_TYPE;
+      }
+    }
+
+    let loadSymbolPick = !1;
+    function bindSymbolMathPickerContribution(container) {
+      loadSymbolPick || (loadSymbolPick = !0, container.bind(MathSymbolPicker).toDynamicValue(() => new DefaultMathSymbolPicker(resolveContainerBinding$1(container, SymbolRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathSymbolPicker));
+    }
+
+    function _registerSymbol() {
+      if (_registerSymbol.__loaded) return;
+      _registerSymbol.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerSymbolGraphic(), symbolModule({
+        bind: legacyContext.bind
+      }), browser ? bindSymbolCanvasPickerContribution(legacyContext) : bindSymbolMathPickerContribution(legacyContext);
+    }
+    _registerSymbol.__loaded = !1;
+    const registerSymbol = _registerSymbol;
+
+    class DefaultCanvasTextPicker extends Base3dPicker {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "text", this.numberType = TEXT_NUMBER_TYPE;
+      }
+      contains(text, point, params) {
+        const {
+          pickContext: pickContext
+        } = null != params ? params : {};
+        if (!pickContext) return !1;
+        const bounds = text.AABBBounds;
+        if (!pickContext.camera) return !!bounds.containsPoint(point);
+        pickContext.highPerformanceSave();
+        const textAttribute = text.getGraphicTheme(),
+          {
+            keepDirIn3d = textAttribute.keepDirIn3d
+          } = text.attribute,
+          computed3dMatrix = !keepDirIn3d,
+          data = this.transform(text, textAttribute, pickContext, computed3dMatrix),
+          {
+            x: x,
+            y: y,
+            z: z,
+            lastModelMatrix: lastModelMatrix
+          } = data;
+        this.canvasRenderer.z = z;
+        let pickPoint = point;
+        if (pickContext.camera) {
+          pickPoint = point.clone();
+          const globalMatrix = text.parent.globalTransMatrix;
+          pickPoint.x = globalMatrix.a * point.x + globalMatrix.c * point.y + globalMatrix.e, pickPoint.y = globalMatrix.b * point.x + globalMatrix.d * point.y + globalMatrix.f;
+        }
+        let picked = !1;
+        return this.canvasRenderer.drawShape(text, pickContext, x, y, {}, null, (context, symbolAttribute, themeAttribute) => {
+          if (picked) return !0;
+          const {
+              fontSize = textAttribute.fontSize,
+              textBaseline = textAttribute.textBaseline,
+              textAlign = textAttribute.textAlign
+            } = text.attribute,
+            bounds = text.AABBBounds,
+            height = bounds.height(),
+            width = bounds.width(),
+            offsetY = textLayoutOffsetY(textBaseline, height, fontSize),
+            offsetX = textDrawOffsetX(textAlign, width);
+          return context.rect(offsetX + x, offsetY + y, width, height, z), picked = context.isPointInPath(pickPoint.x, pickPoint.y), picked;
+        }, (context, symbolAttribute, themeAttribute) => picked), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
+      }
+    }
+
+    let loadTextPick$1 = !1;
+    function bindTextCanvasPickerContribution(container) {
+      loadTextPick$1 || (loadTextPick$1 = !0, container.bind(CanvasTextPicker).toDynamicValue(() => new DefaultCanvasTextPicker(resolveContainerBinding$1(container, TextRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasTextPicker));
+    }
+
+    class DefaultMathTextPicker {
+      constructor() {
+        this.type = "text", this.numberType = TEXT_NUMBER_TYPE;
+      }
+      contains(text, point, params) {
+        return !!text.AABBBounds.containsPoint(point);
+      }
+    }
+
+    let loadTextPick = !1;
+    function bindTextMathPickerContribution(container) {
+      loadTextPick || (loadTextPick = !0, container.bind(MathTextPicker).toDynamicValue(() => new DefaultMathTextPicker()).inSingletonScope(), container.bind(MathPickerContribution).toService(MathTextPicker));
+    }
+
+    function _registerText() {
+      if (_registerText.__loaded) return;
+      _registerText.__loaded = !0;
+      const legacyContext = getLegacyBindingContext();
+      registerTextGraphic(), textModule({
+        bind: legacyContext.bind
+      }), browser ? bindTextCanvasPickerContribution(legacyContext) : bindTextMathPickerContribution(legacyContext);
+    }
+    _registerText.__loaded = !1;
+    const registerText = _registerText;
+
+    const createArc3d = attributes => (registerArc3d(), createGraphic$1("arc3d", attributes));
+    const createPyramid3d = attributes => (registerPyramid3d(), createGraphic$1("pyramid3d", attributes));
+    const createRect3d = attributes => (registerRect3d(), createGraphic$1("rect3d", attributes));
+    const waitForAllSubLayers = stage => new Promise(resolve => {
+      vglobal.getRequestAnimationFrame()(() => {
+        resolve(null);
+      });
+    }).then(() => {
+      const promiseList = [];
+      return stage.getChildren().forEach(layer => {
+        var _a;
+        (null === (_a = layer.subLayers) || void 0 === _a ? void 0 : _a.size) && layer.subLayers.forEach(subLayer => {
+          const drawContribution = subLayer.drawContribution;
+          (null == drawContribution ? void 0 : drawContribution.hooks) && drawContribution.rendering && promiseList.push(new Promise(resolve => {
+            drawContribution.hooks.completeDraw.tap("outWait", () => {
+              drawContribution.hooks.completeDraw.taps = drawContribution.hooks.completeDraw.taps.filter(item => "outWait" !== item.name), resolve(null);
+            });
+          }));
+        });
+      }), Promise.all(promiseList);
+    });
+
+    function combineDomains(domains) {
+      const result = [];
+      for (let index = 0; index < domains.length; index++) {
+        const domain = domains[index];
+        0 !== index && domain[0] === result[result.length - 1] || result.push(domain[0]), result.push(domain[1]);
+      }
+      return result;
+    }
+    function moveAfterInArray(array, target, ref) {
+      const index = array.indexOf(target),
+        refIndex = array.indexOf(ref);
+      index >= 0 && refIndex >= 0 && index < refIndex && (array.splice(index, 1), array.splice(refIndex, 0, target));
+    }
+
+    const log = (msg, ...args) => Logger.getInstance().info(`[VChart log]: ${msg}`, ...args);
+    const warn = (msg, detail) => (isFunction$1(config.warnHandler) && config.warnHandler.call(null, msg, detail), detail ? Logger.getInstance().warn(`[VChart warn]: ${msg}`, detail) : Logger.getInstance().warn(`[VChart warn]: ${msg}`));
+    const error = (msg, detail, err) => {
+      {
+        if (!isFunction$1(config.errorHandler)) throw new Error(msg);
+        config.errorHandler.call(null, msg, detail);
+      }
+    };
+    const config = {
+      silent: !1,
+      warnHandler: !1,
+      errorHandler: !1
+    };
+
+    const isBrowser = isBrowserEnv();
+    const domDocument = isBrowser && globalThis ? globalThis.document : void 0;
+    function isTrueBrowser(mode) {
+      return ("desktop-browser" === mode || "mobile-browser" === mode) && isBrowser;
+    }
+    function isMobileLikeMode(mode) {
+      return isMiniAppLikeMode(mode) || "mobile-browser" === mode;
+    }
+    function isMiniAppLikeMode(mode) {
+      return mode.includes("miniApp") || "lynx" === mode || "wx" === mode || "harmony" === mode;
+    }
+
+    let VChartId = 0;
+    function createID() {
+      return VChartId >= 9999999 && (VChartId = 0), VChartId++;
+    }
+
+    function couldBeValidNumber(v) {
+      return null != v && "" !== v && (!!isNumber$2(v) || +v == +v);
+    }
+    function toValidNumber(v) {
       if (isValidNumber$1(v)) return v;
       const value = +v;
       return isValidNumber$1(value) ? value : 0;
@@ -35196,269 +35884,29 @@
 
     let loaded$1 = !1;
     function bindCanvasPickerContribution(c) {
-      loaded$1 || (loaded$1 = !0, c.bind(CanvasGroupPicker).toDynamicValue(() => new DefaultCanvasGroupPicker()).inSingletonScope(), c.bind(CanvasPickerContribution).toService(CanvasGroupPicker), bindContributionProvider(c.bind.bind(c), CanvasPickerContribution));
-    }
-
-    class PickerBase {
-      contains(graphic, point, params) {
-        if (!graphic.AABBBounds.containsPoint(point)) return !1;
-        if ("imprecise" === graphic.attribute.pickMode) return !0;
-        if (!this.canvasRenderer) return !0;
-        const {
-          pickContext: pickContext
-        } = null != params ? params : {};
-        if (!pickContext) return !1;
-        const attribute = graphic.getGraphicTheme();
-        pickContext.highPerformanceSave();
-        let {
-          x = attribute.x,
-          y = attribute.y
-        } = graphic.attribute;
-        if (graphic.transMatrix.onlyTranslate()) {
-          const point = graphic.getOffsetXY(attribute);
-          x += point.x, y += point.y, pickContext.setTransformForCurrent();
-        } else x = 0, y = 0, pickContext.transformFromMatrix(graphic.transMatrix, !0);
-        let picked = !1,
-          _final = !1;
-        return this.canvasRenderer.drawShape(graphic, pickContext, x, y, {}, null, (context, arcAttribute, themeAttribute, final) => !(!picked && !_final) || (picked = context.isPointInPath(point.x, point.y), _final = final || _final, picked), (context, arcAttribute, themeAttribute, final) => {
-          if (picked || _final) return !0;
-          const lineWidth = arcAttribute.lineWidth || themeAttribute.lineWidth,
-            pickStrokeBuffer = arcAttribute.pickStrokeBuffer || themeAttribute.pickStrokeBuffer,
-            keepStrokeScale = arcAttribute.keepStrokeScale || themeAttribute.keepStrokeScale;
-          return pickContext.lineWidth = keepStrokeScale ? lineWidth + pickStrokeBuffer : getScaledStroke(pickContext, lineWidth + pickStrokeBuffer, pickContext.dpr), picked = context.isPointInStroke(point.x, point.y), _final = final || _final, picked;
-        }), pickContext.highPerformanceRestore(), picked;
-      }
-    }
-
-    class DefaultCanvasArcPicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
-      }
-    }
-
-    let loadArcPick$1 = !1;
-    function bindArcCanvasPickerContribution(container) {
-      loadArcPick$1 || (loadArcPick$1 = !0, container.bind(CanvasArcPicker).toDynamicValue(() => new DefaultCanvasArcPicker(resolveContainerBinding$1(container, ArcRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasArcPicker));
-    }
-
-    class DefaultCanvasAreaPicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "area", this.numberType = AREA_NUMBER_TYPE;
-      }
-    }
-
-    let loadAreaPick$1 = !1;
-    function bindAreaCanvasPickerContribution(container) {
-      loadAreaPick$1 || (loadAreaPick$1 = !0, container.bind(CanvasAreaPicker).toDynamicValue(() => new DefaultCanvasAreaPicker(resolveContainerBinding$1(container, AreaRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasAreaPicker));
-    }
-
-    class DefaultCanvasCirclePicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
-      }
-    }
-
-    let loadCirclePick$1 = !1;
-    function bindCircleCanvasPickerContribution(container) {
-      loadCirclePick$1 || (loadCirclePick$1 = !0, container.bind(CanvasCirclePicker).toDynamicValue(() => new DefaultCanvasCirclePicker(resolveContainerBinding$1(container, CircleRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasCirclePicker));
-    }
-
-    class GlyphPickerBase {
-      constructor() {
-        this.type = "glyph", this.numberType = GLYPH_NUMBER_TYPE;
-      }
-      contains(glyph, point, params) {
-        if (!glyph.AABBBounds.containsPoint(point)) return !1;
-        if ("imprecise" === glyph.attribute.pickMode) return !0;
-        const {
-          pickContext: pickContext
-        } = null != params ? params : {};
-        if (!pickContext) return !1;
-        const pickerService = null == params ? void 0 : params.pickerService;
-        if (pickerService) {
-          let picked = !1;
-          return glyph.getSubGraphic().forEach(g => {
-            if (picked) return;
-            const data = pickerService.pickItem(g, point, null, params);
-            picked = !(!data || !data.graphic);
-          }), picked;
-        }
-        return !1;
-      }
-    }
-
-    class DefaultCanvasGlyphPicker extends GlyphPickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer;
-      }
-    }
-
-    let loadGlyphPick$1 = !1;
-    function bindGlyphCanvasPickerContribution(container) {
-      loadGlyphPick$1 || (loadGlyphPick$1 = !0, container.bind(CanvasGlyphPicker).toDynamicValue(() => new DefaultCanvasGlyphPicker(resolveContainerBinding$1(container, GlyphRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasGlyphPicker));
-    }
-
-    class DefaultCanvasImagePicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "image", this.numberType = IMAGE_NUMBER_TYPE;
-      }
-    }
-
-    let loadImagePick$1 = !1;
-    function bindImageCanvasPickerContribution(container) {
-      loadImagePick$1 || (loadImagePick$1 = !0, container.bind(CanvasImagePicker).toDynamicValue(() => new DefaultCanvasImagePicker(resolveContainerBinding$1(container, ImageRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasImagePicker));
-    }
-
-    class BaseLinePicker extends BaseRender {
-      contains(graphic, point, params) {
-        if (!graphic.AABBBounds.containsPoint(point)) return !1;
-        if ("imprecise" === graphic.attribute.pickMode) return !0;
-        const {
-          pickContext: pickContext
-        } = null != params ? params : {};
-        if (!pickContext) return !1;
-        pickContext.highPerformanceSave();
-        const lineAttribute = graphic.getGraphicTheme(),
-          data = this.transform(graphic, lineAttribute, pickContext),
-          {
-            x: x,
-            y: y,
-            z: z,
-            lastModelMatrix: lastModelMatrix
-          } = data;
-        let pickPoint = point;
-        if (pickContext.camera) {
-          pickPoint = point.clone();
-          const globalMatrix = graphic.parent.globalTransMatrix;
-          pickPoint.x = globalMatrix.a * point.x + globalMatrix.c * point.y + globalMatrix.e, pickPoint.y = globalMatrix.b * point.x + globalMatrix.d * point.y + globalMatrix.f;
-        }
-        this.canvasRenderer.z = z;
-        let picked = !1;
-        return this.canvasRenderer.drawShape(graphic, pickContext, x, y, {}, null, context => !!picked || (picked = context.isPointInPath(pickPoint.x, pickPoint.y), picked), (context, lineAttribute, themeAttribute) => {
-          if (picked) return !0;
-          const lineWidth = lineAttribute.lineWidth || themeAttribute.lineWidth,
-            pickStrokeBuffer = lineAttribute.pickStrokeBuffer || themeAttribute.pickStrokeBuffer,
-            keepStrokeScale = lineAttribute.keepStrokeScale || themeAttribute.keepStrokeScale;
-          return pickContext.lineWidth = keepStrokeScale ? lineWidth + pickStrokeBuffer : getScaledStroke(pickContext, lineWidth + pickStrokeBuffer, pickContext.dpr), picked = context.isPointInStroke(pickPoint.x, pickPoint.y), picked;
-        }), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
-      }
-    }
-
-    class DefaultCanvasLinePicker extends BaseLinePicker {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
-      }
-    }
-
-    let loadLinePick$1 = !1;
-    function bindLineCanvasPickerContribution(container) {
-      loadLinePick$1 || (loadLinePick$1 = !0, container.bind(CanvasLinePicker).toDynamicValue(() => new DefaultCanvasLinePicker(resolveContainerBinding$1(container, LineRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasLinePicker));
-    }
-
-    const _bounds = new AABBBounds();
-    class RectPickerBase {
-      constructor() {
-        this.type = "rect", this.numberType = RECT_NUMBER_TYPE;
-      }
-      contains(rect, point, params) {
-        if (!rect.AABBBounds.containsPoint(point)) return !1;
-        if ("imprecise" === rect.attribute.pickMode) return !0;
-        const {
-          pickContext: pickContext
-        } = null != params ? params : {};
-        if (!pickContext) return !1;
-        const rectAttribute = rect.getGraphicTheme(),
-          {
-            cornerRadius = rectAttribute.cornerRadius
-          } = rect.attribute;
-        let {
-          x = rectAttribute.x,
-          y = rectAttribute.y
-        } = rect.attribute;
-        pickContext.highPerformanceSave();
-        let onlyTranslate = !0;
-        if (rect.transMatrix.onlyTranslate()) {
-          const point = rect.getOffsetXY(rectAttribute);
-          x += point.x, y += point.y, pickContext.setTransformForCurrent();
-        } else x = 0, y = 0, onlyTranslate = !1, pickContext.transformFromMatrix(rect.transMatrix, !0);
-        let picked = !0;
-        if (!onlyTranslate || rect.shadowRoot || isNumber$2(cornerRadius, !0) && 0 !== cornerRadius || isArray$1(cornerRadius) && cornerRadius.some(num => 0 !== num)) picked = !1, this.canvasRenderer.drawShape(rect, pickContext, x, y, {}, null, (context, rectAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(point.x, point.y), picked), (context, rectAttribute, themeAttribute) => {
-          if (picked) return !0;
-          const lineWidth = rectAttribute.lineWidth || themeAttribute.lineWidth,
-            pickStrokeBuffer = rectAttribute.pickStrokeBuffer || themeAttribute.pickStrokeBuffer,
-            keepStrokeScale = rectAttribute.keepStrokeScale || themeAttribute.keepStrokeScale;
-          return pickContext.lineWidth = keepStrokeScale ? lineWidth + pickStrokeBuffer : getScaledStroke(pickContext, lineWidth + pickStrokeBuffer, pickContext.dpr), picked = context.isPointInStroke(point.x, point.y), picked;
-        });else {
-          const {
-            fill = rectAttribute.fill,
-            stroke = rectAttribute.stroke,
-            lineWidth = rectAttribute.lineWidth
-          } = rect.attribute;
-          if (fill) picked = !0;else if (stroke) {
-            const bounds = rect.AABBBounds;
-            _bounds.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2), _bounds.expand(-lineWidth / 2), picked = !_bounds.containsPoint(point);
-          }
-        }
-        return pickContext.highPerformanceRestore(), picked;
-      }
-    }
-
-    class DefaultCanvasLottiePicker extends RectPickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer;
-      }
-    }
-
-    let loadLottiePick = !1;
-    function bindLottieCanvasPickerContribution(container) {
-      loadLottiePick || (loadLottiePick = !0, container.bind(CanvasLottiePicker).toDynamicValue(() => new DefaultCanvasLottiePicker(resolveContainerBinding$1(container, RectRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasLottiePicker));
-    }
-
-    class DefaultCanvasPathPicker extends BaseLinePicker {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
-      }
-    }
-
-    let loadPathPick$1 = !1;
-    function bindPathCanvasPickerContribution(container) {
-      loadPathPick$1 || (loadPathPick$1 = !0, container.bind(CanvasPathPicker).toDynamicValue(() => new DefaultCanvasPathPicker(resolveContainerBinding$1(container, PathRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasPathPicker));
-    }
-
-    class DefaultCanvasPolygonPicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
-      }
-    }
-
-    let loadPolygonPick$1 = !1;
-    function bindPolygonCanvasPickerContribution(container) {
-      loadPolygonPick$1 || (loadPolygonPick$1 = !0, container.bind(CanvasPolygonPicker).toDynamicValue(() => new DefaultCanvasPolygonPicker(resolveContainerBinding$1(container, PolygonRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasPolygonPicker));
+      loaded$1 || (loaded$1 = !0, c.bind(CanvasGroupPicker).toDynamicValue(() => new DefaultCanvasGroupPicker()).inSingletonScope(), c.bind(CanvasPickerContribution).toService(CanvasGroupPicker), bindContributionProvider(c.bind.bind(c), CanvasPickerContribution));
     }
 
-    class DefaultCanvasRectPicker extends RectPickerBase {
+    class DefaultCanvasCirclePicker extends PickerBase {
       constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer;
+        super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
       }
     }
 
-    let loadRectPick$1 = !1;
-    function bindRectCanvasPickerContribution(container) {
-      loadRectPick$1 || (loadRectPick$1 = !0, container.bind(CanvasRectPicker).toDynamicValue(() => new DefaultCanvasRectPicker(resolveContainerBinding$1(container, RectRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasRectPicker));
+    let loadCirclePick$1 = !1;
+    function bindCircleCanvasPickerContribution(container) {
+      loadCirclePick$1 || (loadCirclePick$1 = !0, container.bind(CanvasCirclePicker).toDynamicValue(() => new DefaultCanvasCirclePicker(resolveContainerBinding$1(container, CircleRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasCirclePicker));
     }
 
-    class DefaultCanvasRichTextPicker {
+    class DefaultCanvasLottiePicker extends RectPickerBase {
       constructor(canvasRenderer) {
-        this.canvasRenderer = canvasRenderer, this.type = "richtext", this.numberType = RICHTEXT_NUMBER_TYPE;
-      }
-      contains(richtext, point, params) {
-        return !!richtext.AABBBounds.containsPoint(point);
+        super(), this.canvasRenderer = canvasRenderer;
       }
     }
 
-    let loadRichtextPick = !1;
-    function bindRichtextCanvasPickerContribution(container) {
-      loadRichtextPick || (loadRichtextPick = !0, container.bind(CanvasRichTextPicker).toDynamicValue(() => new DefaultCanvasRichTextPicker(resolveContainerBinding$1(container, RichTextRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasRichTextPicker));
+    let loadLottiePick = !1;
+    function bindLottieCanvasPickerContribution(container) {
+      loadLottiePick || (loadLottiePick = !0, container.bind(CanvasLottiePicker).toDynamicValue(() => new DefaultCanvasLottiePicker(resolveContainerBinding$1(container, RectRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasLottiePicker));
     }
 
     class DefaultCanvasStarPicker extends PickerBase {
@@ -35473,106 +35921,6 @@
       loadStarPick || (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, StarRender)) && (loadStarPick = !0, container.bind(CanvasStarPicker).toDynamicValue(() => new DefaultCanvasStarPicker(resolveContainerBinding$1(container, StarRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasStarPicker));
     }
 
-    class DefaultCanvasSymbolPicker extends Base3dPicker {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "symbol", this.numberType = SYMBOL_NUMBER_TYPE;
-      }
-      contains(symbol, point, params) {
-        const {
-          pickContext: pickContext
-        } = null != params ? params : {};
-        if (!pickContext) return !1;
-        const parsedPath = symbol.getParsedPath();
-        if (!pickContext.camera) {
-          if (!symbol.AABBBounds.containsPoint(point)) return !1;
-          if (parsedPath.isSvg || "imprecise" === symbol.attribute.pickMode) return !0;
-        }
-        pickContext.highPerformanceSave();
-        const symbolAttribute = symbol.getGraphicTheme(),
-          data = this.transform(symbol, symbolAttribute, pickContext),
-          {
-            x: x,
-            y: y,
-            z: z,
-            lastModelMatrix: lastModelMatrix
-          } = data;
-        let pickPoint = point;
-        if (pickContext.camera) {
-          pickPoint = point.clone();
-          const globalMatrix = symbol.parent.globalTransMatrix;
-          pickPoint.x = globalMatrix.a * point.x + globalMatrix.c * point.y + globalMatrix.e, pickPoint.y = globalMatrix.b * point.x + globalMatrix.d * point.y + globalMatrix.f;
-        }
-        this.canvasRenderer.z = z;
-        let picked = !1;
-        return this.canvasRenderer.drawShape(symbol, pickContext, x, y, {}, null, (context, symbolAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(pickPoint.x, pickPoint.y), picked), (context, symbolAttribute, themeAttribute) => {
-          if (picked) return !0;
-          const lineWidth = symbolAttribute.lineWidth || themeAttribute.lineWidth,
-            pickStrokeBuffer = symbolAttribute.pickStrokeBuffer || themeAttribute.pickStrokeBuffer,
-            keepStrokeScale = symbolAttribute.keepStrokeScale || themeAttribute.keepStrokeScale;
-          return pickContext.lineWidth = keepStrokeScale ? lineWidth + pickStrokeBuffer : getScaledStroke(pickContext, lineWidth + pickStrokeBuffer, pickContext.dpr), picked = context.isPointInStroke(pickPoint.x, pickPoint.y), picked;
-        }), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
-      }
-    }
-
-    let loadSymbolPick$1 = !1;
-    function bindSymbolCanvasPickerContribution(container) {
-      loadSymbolPick$1 || (loadSymbolPick$1 = !0, container.bind(CanvasSymbolPicker).toDynamicValue(() => new DefaultCanvasSymbolPicker(resolveContainerBinding$1(container, SymbolRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasSymbolPicker));
-    }
-
-    class DefaultCanvasTextPicker extends Base3dPicker {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "text", this.numberType = TEXT_NUMBER_TYPE;
-      }
-      contains(text, point, params) {
-        const {
-          pickContext: pickContext
-        } = null != params ? params : {};
-        if (!pickContext) return !1;
-        const bounds = text.AABBBounds;
-        if (!pickContext.camera) return !!bounds.containsPoint(point);
-        pickContext.highPerformanceSave();
-        const textAttribute = text.getGraphicTheme(),
-          {
-            keepDirIn3d = textAttribute.keepDirIn3d
-          } = text.attribute,
-          computed3dMatrix = !keepDirIn3d,
-          data = this.transform(text, textAttribute, pickContext, computed3dMatrix),
-          {
-            x: x,
-            y: y,
-            z: z,
-            lastModelMatrix: lastModelMatrix
-          } = data;
-        this.canvasRenderer.z = z;
-        let pickPoint = point;
-        if (pickContext.camera) {
-          pickPoint = point.clone();
-          const globalMatrix = text.parent.globalTransMatrix;
-          pickPoint.x = globalMatrix.a * point.x + globalMatrix.c * point.y + globalMatrix.e, pickPoint.y = globalMatrix.b * point.x + globalMatrix.d * point.y + globalMatrix.f;
-        }
-        let picked = !1;
-        return this.canvasRenderer.drawShape(text, pickContext, x, y, {}, null, (context, symbolAttribute, themeAttribute) => {
-          if (picked) return !0;
-          const {
-              fontSize = textAttribute.fontSize,
-              textBaseline = textAttribute.textBaseline,
-              textAlign = textAttribute.textAlign
-            } = text.attribute,
-            bounds = text.AABBBounds,
-            height = bounds.height(),
-            width = bounds.width(),
-            offsetY = textLayoutOffsetY(textBaseline, height, fontSize),
-            offsetX = textDrawOffsetX(textAlign, width);
-          return context.rect(offsetX + x, offsetY + y, width, height, z), picked = context.isPointInPath(pickPoint.x, pickPoint.y), picked;
-        }, (context, symbolAttribute, themeAttribute) => picked), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
-      }
-    }
-
-    let loadTextPick$1 = !1;
-    function bindTextCanvasPickerContribution(container) {
-      loadTextPick$1 || (loadTextPick$1 = !0, container.bind(CanvasTextPicker).toDynamicValue(() => new DefaultCanvasTextPicker(resolveContainerBinding$1(container, TextRender))).inSingletonScope(), container.bind(CanvasPickerContribution).toService(CanvasTextPicker));
-    }
-
     const GIFIMAGE_NUMBER_TYPE = genNumberType();
     genNumberType();
 
@@ -36121,216 +36469,83 @@
       }
       dispatchEvent(event) {
         const {
-          type: type
-        } = event;
-        return !!this.eventManager.cache[type] && (event.changedTouches && event.changedTouches[0] && (event.offsetX = event.changedTouches[0].x, event.changedTouches[0].offsetX = event.changedTouches[0].x, event.changedTouches[0].clientX = event.changedTouches[0].x, event.offsetY = event.changedTouches[0].y, event.changedTouches[0].offsetY = event.changedTouches[0].y, event.changedTouches[0].clientY = event.changedTouches[0].y), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(f => {
-          f(event);
-        }), !0);
-      }
-      getStyle() {
-        return {};
-      }
-      setStyle(style) {}
-      getBoundingClientRect() {
-        const wh = this.getWH();
-        return {
-          x: 0,
-          y: 0,
-          width: wh.width,
-          height: wh.height,
-          left: 0,
-          top: 0,
-          right: 0,
-          bottom: 0
-        };
-      }
-      clearViewBox(color) {
-        const vb = this.viewBox,
-          context = this.getContext(),
-          dpr = this.getDpr();
-        context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
-      }
-    }
-    FeishuWindowHandlerContribution.env = "feishu";
-    function bindFeishuWindowContribution(container) {
-      var _a, _b;
-      (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, FeishuWindowHandlerContribution)) || container.bind(FeishuWindowHandlerContribution).toSelf(), (null === (_b = container.getNamed) || void 0 === _b ? void 0 : _b.call(container, WindowHandlerContribution, FeishuWindowHandlerContribution.env)) || container.bind(WindowHandlerContribution).toService(FeishuWindowHandlerContribution).whenTargetNamed(FeishuWindowHandlerContribution.env);
-    }
-
-    class DefaultMathPickerService extends DefaultPickService {
-      constructor(contributions, pickItemInterceptorContributions, pickServiceInterceptorContributions) {
-        super(pickItemInterceptorContributions, pickServiceInterceptorContributions), this.contributions = contributions, this.pickItemInterceptorContributions = pickItemInterceptorContributions, this.pickServiceInterceptorContributions = pickServiceInterceptorContributions, this.global.hooks.onSetEnv.tap("math-picker-service", (lastEnv, env, global) => {
-          this.configure(global, env);
-        }), this.configure(this.global, this.global.env), this.pickerMap = new Map(), this.init();
-      }
-      init() {
-        this.contributions.getContributions().forEach(item => {
-          this.pickerMap.set(item.numberType, item);
-        }), super._init();
-      }
-      configure(global, env) {
-        this.pickContext = new EmptyContext2d(null, 1);
-      }
-      pickItem(graphic, point, parentMatrix, params) {
-        if (!1 === graphic.attribute.pickable) return null;
-        const picker = this.pickerMap.get(graphic.numberType);
-        if (!picker) return null;
-        const pd = picker.contains(graphic, point, params),
-          g = pd ? graphic : null;
-        return g ? {
-          graphic: g,
-          params: pd
-        } : null;
-      }
-    }
-
-    let loaded = !1;
-    function bindMathPickerContribution(c) {
-      loaded || (loaded = !0, bindContributionProvider(c.bind.bind(c), MathPickerContribution));
-    }
-
-    class DefaultMathArcPicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
-      }
-    }
-
-    let loadArcPick = !1;
-    function bindArcMathPickerContribution(container) {
-      loadArcPick || (loadArcPick = !0, container.bind(MathArcPicker).toDynamicValue(() => new DefaultMathArcPicker(resolveContainerBinding$1(container, ArcRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathArcPicker));
-    }
-
-    class DefaultMathAreaPicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "area", this.numberType = AREA_NUMBER_TYPE;
-      }
-    }
-
-    let loadAreaPick = !1;
-    function bindAreaMathPickerContribution(container) {
-      loadAreaPick || (loadAreaPick = !0, container.bind(MathAreaPicker).toDynamicValue(() => new DefaultMathAreaPicker(resolveContainerBinding$1(container, AreaRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathAreaPicker));
-    }
-
-    class DefaultMathCirclePicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
-      }
-    }
-
-    let loadCirclePick = !1;
-    function bindCircleMathPickerContribution(container) {
-      loadCirclePick || (loadCirclePick = !0, container.bind(MathCirclePicker).toDynamicValue(() => new DefaultMathCirclePicker(resolveContainerBinding$1(container, CircleRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathCirclePicker));
-    }
-
-    class DefaultMathGlyphPicker extends GlyphPickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer;
-      }
-    }
-
-    let loadGlyphPick = !1;
-    function bindGlyphMathPickerContribution(container) {
-      loadGlyphPick || (loadGlyphPick = !0, container.bind(MathGlyphPicker).toDynamicValue(() => new DefaultMathGlyphPicker(resolveContainerBinding$1(container, GlyphRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathGlyphPicker));
-    }
-
-    class DefaultMathImagePicker {
-      constructor() {
-        this.type = "image", this.numberType = IMAGE_NUMBER_TYPE;
-      }
-      contains(image, point, params) {
-        const {
-          pickContext: pickContext
-        } = null != params ? params : {};
-        return !!pickContext && !!image.AABBBounds.containsPoint(point);
-      }
-    }
-
-    let loadImagePick = !1;
-    function bindImageMathPickerContribution(container) {
-      loadImagePick || (loadImagePick = !0, container.bind(MathImagePicker).toDynamicValue(() => new DefaultMathImagePicker()).inSingletonScope(), container.bind(MathPickerContribution).toService(MathImagePicker));
-    }
-
-    class DefaultMathLinePicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "line", this.numberType = LINE_NUMBER_TYPE;
+          type: type
+        } = event;
+        return !!this.eventManager.cache[type] && (event.changedTouches && event.changedTouches[0] && (event.offsetX = event.changedTouches[0].x, event.changedTouches[0].offsetX = event.changedTouches[0].x, event.changedTouches[0].clientX = event.changedTouches[0].x, event.offsetY = event.changedTouches[0].y, event.changedTouches[0].offsetY = event.changedTouches[0].y, event.changedTouches[0].clientY = event.changedTouches[0].y), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(f => {
+          f(event);
+        }), !0);
       }
-    }
-
-    let loadLinePick = !1;
-    function bindLineMathPickerContribution(container) {
-      loadLinePick || (loadLinePick = !0, container.bind(MathLinePicker).toDynamicValue(() => new DefaultMathLinePicker(resolveContainerBinding$1(container, LineRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathLinePicker));
-    }
-
-    class DefaultMathPolygonPicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
+      getStyle() {
+        return {};
       }
-    }
-
-    let loadPolygonPick = !1;
-    function bindPolygonMathPickerContribution(container) {
-      loadPolygonPick || (loadPolygonPick = !0, container.bind(MathPolygonPicker).toDynamicValue(() => new DefaultMathPolygonPicker(resolveContainerBinding$1(container, PolygonRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathPolygonPicker));
-    }
-
-    class DefaultMathPathPicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "path", this.numberType = PATH_NUMBER_TYPE;
+      setStyle(style) {}
+      getBoundingClientRect() {
+        const wh = this.getWH();
+        return {
+          x: 0,
+          y: 0,
+          width: wh.width,
+          height: wh.height,
+          left: 0,
+          top: 0,
+          right: 0,
+          bottom: 0
+        };
       }
-    }
-
-    let loadPathPick = !1;
-    function bindPathMathPickerContribution(container) {
-      loadPathPick || (loadPathPick = !0, container.bind(MathPathPicker).toDynamicValue(() => new DefaultMathPathPicker(resolveContainerBinding$1(container, PathRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathPathPicker));
-    }
-
-    class DefaultMathRectPicker extends RectPickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer;
+      clearViewBox(color) {
+        const vb = this.viewBox,
+          context = this.getContext(),
+          dpr = this.getDpr();
+        context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
       }
     }
-
-    let loadRectPick = !1;
-    function bindRectMathPickerContribution(container) {
-      loadRectPick || (loadRectPick = !0, container.bind(MathRectPicker).toDynamicValue(() => new DefaultMathRectPicker(resolveContainerBinding$1(container, RectRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathRectPicker));
+    FeishuWindowHandlerContribution.env = "feishu";
+    function bindFeishuWindowContribution(container) {
+      var _a, _b;
+      (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, FeishuWindowHandlerContribution)) || container.bind(FeishuWindowHandlerContribution).toSelf(), (null === (_b = container.getNamed) || void 0 === _b ? void 0 : _b.call(container, WindowHandlerContribution, FeishuWindowHandlerContribution.env)) || container.bind(WindowHandlerContribution).toService(FeishuWindowHandlerContribution).whenTargetNamed(FeishuWindowHandlerContribution.env);
     }
 
-    class DefaultMathRichTextPicker {
-      constructor(canvasRenderer) {
-        this.canvasRenderer = canvasRenderer, this.type = "richtext", this.numberType = RICHTEXT_NUMBER_TYPE;
+    class DefaultMathPickerService extends DefaultPickService {
+      constructor(contributions, pickItemInterceptorContributions, pickServiceInterceptorContributions) {
+        super(pickItemInterceptorContributions, pickServiceInterceptorContributions), this.contributions = contributions, this.pickItemInterceptorContributions = pickItemInterceptorContributions, this.pickServiceInterceptorContributions = pickServiceInterceptorContributions, this.global.hooks.onSetEnv.tap("math-picker-service", (lastEnv, env, global) => {
+          this.configure(global, env);
+        }), this.configure(this.global, this.global.env), this.pickerMap = new Map(), this.init();
       }
-      contains(richtext, point, params) {
-        return !!richtext.AABBBounds.containsPoint(point);
+      init() {
+        this.contributions.getContributions().forEach(item => {
+          this.pickerMap.set(item.numberType, item);
+        }), super._init();
       }
-    }
-
-    let loadRichTextPick = !1;
-    function bindRichTextMathPickerContribution(container) {
-      loadRichTextPick || (loadRichTextPick = !0, container.bind(MathRichTextPicker).toDynamicValue(() => new DefaultMathRichTextPicker(resolveContainerBinding$1(container, RichTextRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathRichTextPicker));
-    }
-
-    class DefaultMathSymbolPicker extends PickerBase {
-      constructor(canvasRenderer) {
-        super(), this.canvasRenderer = canvasRenderer, this.type = "symbol", this.numberType = SYMBOL_NUMBER_TYPE;
+      configure(global, env) {
+        this.pickContext = new EmptyContext2d(null, 1);
+      }
+      pickItem(graphic, point, parentMatrix, params) {
+        if (!1 === graphic.attribute.pickable) return null;
+        const picker = this.pickerMap.get(graphic.numberType);
+        if (!picker) return null;
+        const pd = picker.contains(graphic, point, params),
+          g = pd ? graphic : null;
+        return g ? {
+          graphic: g,
+          params: pd
+        } : null;
       }
     }
 
-    let loadSymbolPick = !1;
-    function bindSymbolMathPickerContribution(container) {
-      loadSymbolPick || (loadSymbolPick = !0, container.bind(MathSymbolPicker).toDynamicValue(() => new DefaultMathSymbolPicker(resolveContainerBinding$1(container, SymbolRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathSymbolPicker));
+    let loaded = !1;
+    function bindMathPickerContribution(c) {
+      loaded || (loaded = !0, bindContributionProvider(c.bind.bind(c), MathPickerContribution));
     }
 
-    class DefaultMathTextPicker {
-      constructor() {
-        this.type = "text", this.numberType = TEXT_NUMBER_TYPE;
-      }
-      contains(text, point, params) {
-        return !!text.AABBBounds.containsPoint(point);
+    class DefaultMathCirclePicker extends PickerBase {
+      constructor(canvasRenderer) {
+        super(), this.canvasRenderer = canvasRenderer, this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
       }
     }
 
-    let loadTextPick = !1;
-    function bindTextMathPickerContribution(container) {
-      loadTextPick || (loadTextPick = !0, container.bind(MathTextPicker).toDynamicValue(() => new DefaultMathTextPicker()).inSingletonScope(), container.bind(MathPickerContribution).toService(MathTextPicker));
+    let loadCirclePick = !1;
+    function bindCircleMathPickerContribution(container) {
+      loadCirclePick || (loadCirclePick = !0, container.bind(MathCirclePicker).toDynamicValue(() => new DefaultMathCirclePicker(resolveContainerBinding$1(container, CircleRender))).inSingletonScope(), container.bind(MathPickerContribution).toService(MathCirclePicker));
     }
 
     function bindMathPicker(c) {
@@ -39149,30 +39364,6 @@
       installNodePickersToApp(app);
     }
 
-    const browser = isBrowserEnv();
-
-    function _registerArc() {
-      if (_registerArc.__loaded) return;
-      _registerArc.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerArcGraphic(), arcModule({
-        bind: legacyContext.bind
-      }), browser ? bindArcCanvasPickerContribution(legacyContext) : bindArcMathPickerContribution(legacyContext);
-    }
-    _registerArc.__loaded = !1;
-    const registerArc = _registerArc;
-
-    function _registerArea() {
-      if (_registerArea.__loaded) return;
-      _registerArea.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerAreaGraphic(), areaModule({
-        bind: legacyContext.bind
-      }), browser ? bindAreaCanvasPickerContribution(legacyContext) : bindAreaMathPickerContribution(legacyContext);
-    }
-    _registerArea.__loaded = !1;
-    const registerArea = _registerArea;
-
     function _registerCircle() {
       if (_registerCircle.__loaded) return;
       _registerCircle.__loaded = !0;
@@ -39184,95 +39375,6 @@
     _registerCircle.__loaded = !1;
     const registerCircle = _registerCircle;
 
-    function _registerGlyph() {
-      if (_registerGlyph.__loaded) return;
-      _registerGlyph.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerGlyphGraphic(), glyphModule({
-        bind: legacyContext.bind
-      }), browser ? bindGlyphCanvasPickerContribution(legacyContext) : bindGlyphMathPickerContribution(legacyContext);
-    }
-    _registerGlyph.__loaded = !1;
-    const registerGlyph = _registerGlyph;
-
-    function _registerGroup() {
-      _registerGroup.__loaded || (_registerGroup.__loaded = !0, registerGroupGraphic());
-    }
-    _registerGroup.__loaded = !1;
-    const registerGroup = _registerGroup;
-
-    function _registerImage() {
-      if (_registerImage.__loaded) return;
-      _registerImage.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerImageGraphic(), imageModule({
-        bind: legacyContext.bind
-      }), browser ? bindImageCanvasPickerContribution(legacyContext) : bindImageMathPickerContribution(legacyContext);
-    }
-    _registerImage.__loaded = !1;
-    const registerImage = _registerImage;
-
-    function _registerLine() {
-      if (_registerLine.__loaded) return;
-      _registerLine.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerLineGraphic(), lineModule({
-        bind: legacyContext.bind
-      }), browser ? bindLineCanvasPickerContribution(legacyContext) : bindLineMathPickerContribution(legacyContext);
-    }
-    _registerLine.__loaded = !1;
-    const registerLine = _registerLine;
-
-    function _registerPath() {
-      if (_registerPath.__loaded) return;
-      _registerPath.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerPathGraphic(), pathModule({
-        bind: legacyContext.bind
-      }), browser ? bindPathCanvasPickerContribution(legacyContext) : bindPathMathPickerContribution(legacyContext);
-    }
-    _registerPath.__loaded = !1;
-    const registerPath = _registerPath;
-
-    function _registerPolygon() {
-      if (_registerPolygon.__loaded) return;
-      _registerPolygon.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerPolygonGraphic(), polygonModule({
-        bind: legacyContext.bind
-      }), browser ? bindPolygonCanvasPickerContribution(legacyContext) : bindPolygonMathPickerContribution(legacyContext);
-    }
-    _registerPolygon.__loaded = !1;
-    const registerPolygon = _registerPolygon;
-
-    function _registerRect() {
-      if (_registerRect.__loaded) return;
-      _registerRect.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerRectGraphic(), rectModule({
-        bind: legacyContext.bind
-      }), browser ? bindRectCanvasPickerContribution(legacyContext) : bindRectMathPickerContribution(legacyContext);
-    }
-    _registerRect.__loaded = !1;
-    const registerRect = _registerRect;
-
-    function _registerRichtext() {
-      if (_registerRichtext.__loaded) return;
-      _registerRichtext.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerRichtextGraphic(), richtextModule({
-        bind: legacyContext.bind
-      }), browser ? bindRichtextCanvasPickerContribution(legacyContext) : bindRichTextMathPickerContribution(legacyContext);
-    }
-    _registerRichtext.__loaded = !1;
-    const registerRichtext = _registerRichtext;
-
-    function _registerShadowRoot() {
-      _registerShadowRoot.__loaded || (_registerShadowRoot.__loaded = !0, registerShadowRootGraphic());
-    }
-    _registerShadowRoot.__loaded = !1;
-    const registerShadowRoot = _registerShadowRoot;
-
     function _registerStar() {
       if (_registerStar.__loaded) return;
       _registerStar.__loaded = !0;
@@ -39284,28 +39386,6 @@
     _registerStar.__loaded = !1;
     const registerStar = _registerStar;
 
-    function _registerSymbol() {
-      if (_registerSymbol.__loaded) return;
-      _registerSymbol.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerSymbolGraphic(), symbolModule({
-        bind: legacyContext.bind
-      }), browser ? bindSymbolCanvasPickerContribution(legacyContext) : bindSymbolMathPickerContribution(legacyContext);
-    }
-    _registerSymbol.__loaded = !1;
-    const registerSymbol = _registerSymbol;
-
-    function _registerText() {
-      if (_registerText.__loaded) return;
-      _registerText.__loaded = !0;
-      const legacyContext = getLegacyBindingContext();
-      registerTextGraphic(), textModule({
-        bind: legacyContext.bind
-      }), browser ? bindTextCanvasPickerContribution(legacyContext) : bindTextMathPickerContribution(legacyContext);
-    }
-    _registerText.__loaded = !1;
-    const registerText = _registerText;
-
     function _registerWrapText() {
       _registerWrapText.__loaded || (_registerWrapText.__loaded = !0, registerWrapTextGraphic());
     }