@visactor/vrender 1.1.0-alpha.22 → 1.1.0-alpha.24

package/dist/index.es.js

@@ -163,7 +163,7 @@ class EventListenerManager {
   }
 }
 
-var __awaiter$a = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$8 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -332,7 +332,7 @@ class DefaultGlobal extends EventListenerManager {
     return this._env || this.setEnv("browser"), this.envContribution.loadBlob(url);
   }
   loadFont(name, source, descriptors) {
-    return __awaiter$a(this, void 0, void 0, function* () {
+    return __awaiter$8(this, void 0, void 0, function* () {
       return this._env || this.setEnv("browser"), this.envContribution.loadFont(name, source, descriptors);
     });
   }
@@ -2662,7 +2662,7 @@ const styleStringToObject = (styleStr = "") => {
 };
 const lowerCamelCaseToMiddle = str => str.replace(/([A-Z])/g, "-$1").toLowerCase();
 
-var __awaiter$9 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$7 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -2730,7 +2730,7 @@ class Node extends EventEmitter {
     }
   }
   forEachChildrenAsync(cb, reverse = !1) {
-    return __awaiter$9(this, void 0, void 0, function* () {
+    return __awaiter$7(this, void 0, void 0, function* () {
       if (reverse) {
         let child = this._lastChild,
           i = 0;
@@ -5196,6 +5196,7 @@ const DefaultArcAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
   cornerRadius: 0,
   padRadius: 0,
   padAngle: 0,
+  clipRange: 1,
   cap: !1,
   forceShowCap: !1
 });
@@ -6286,7 +6287,7 @@ function isXML(str) {
   return str.startsWith("<");
 }
 
-var __awaiter$8 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -6315,7 +6316,7 @@ function incrementalAddTo(group, graphic) {
   group.incrementalAppendChild(graphic);
 }
 function waitForAllSubLayers(stage) {
-  return __awaiter$8(this, void 0, void 0, function* () {
+  return __awaiter$6(this, void 0, void 0, function* () {
     const promiseList = [],
       layers = stage.getChildren();
     yield new Promise(resolve => {
@@ -8803,6 +8804,7 @@ const tempConstantXYKey = ["x", "y"],
   FULL_STATE_DEFINITION_KEYS = new Set(["name", "patch", "priority", "exclude", "suppress", "resolver", "declaredAffectedKeys"]),
   point = new Point(),
   EMPTY_STATE_NAMES = [],
+  deprecatedLocalStateFallbackWarningStateNames = new Set(),
   BROAD_UPDATE_CATEGORY = UpdateCategory.PAINT | UpdateCategory.SHAPE | UpdateCategory.BOUNDS | UpdateCategory.TRANSFORM | UpdateCategory.LAYOUT;
 function isPlainObjectValue(value) {
   return "object" == typeof value && null != value && !Array.isArray(value);
@@ -8977,6 +8979,12 @@ class Graphic extends Node {
     var _a, _b;
     return this.localStateDefinitionsSource !== this.states && (this.localStateDefinitionsSource = this.states, this.localFallbackVersion = (null !== (_a = this.localFallbackVersion) && void 0 !== _a ? _a : 0) + 1), null !== (_b = this.localFallbackVersion) && void 0 !== _b ? _b : 0;
   }
+  warnDeprecatedLocalStatesFallback(stateNames) {
+    for (let index = 0; index < stateNames.length; index++) {
+      const stateName = stateNames[index];
+      deprecatedLocalStateFallbackWarningStateNames.has(stateName) || (deprecatedLocalStateFallbackWarningStateNames.add(stateName), console.warn(`[VRender] graphic.states fallback for missing shared state definition "${stateName}" is deprecated. Move the state definition to sharedStateDefinitions or use stateProxy for dynamic per-graphic styles.`));
+    }
+  }
   resolveEffectiveCompiledDefinitions() {
     this.syncSharedStateScopeBindingFromTree(!1);
     const boundScope = this.boundSharedStateScope;
@@ -9011,6 +9019,7 @@ class Graphic extends Node {
       stateProxyModeKey: sharedStateProxyModeKey,
       stateProxyEligibility: sharedStateProxyEligibility
     };
+    this.warnDeprecatedLocalStatesFallback(missingStateNames);
     const localStatesVersion = this.getLocalStatesVersion(),
       stateProxyModeKey = this.stateProxy ? `missing:${missingStateNames.sort().join("|")}` : "none",
       cacheKey = `shared:${boundScope.revision}:fallback:${localStatesVersion}:${stateProxyModeKey}`;
@@ -9901,8 +9910,7 @@ class Graphic extends Node {
   invalidateResolver() {
     var _a, _b;
     if (!this.stateEngine || !(null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.length) || !this.compiledStateDefinitions) return;
-    this.syncStateResolveContext();
-    this.resolverEpoch = (null !== (_b = this.resolverEpoch) && void 0 !== _b ? _b : 0) + 1, this.stateEngine.invalidateResolverCache();
+    this.syncStateResolveContext(), this.resolverEpoch = (null !== (_b = this.resolverEpoch) && void 0 !== _b ? _b : 0) + 1, this.stateEngine.invalidateResolverCache();
     const transition = this.stateEngine.applyStates(this.currentStates),
       resolvedStateAttrs = Object.assign({}, this.stateEngine.resolvedPatch);
     this.effectiveStates = [...transition.effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), this.stopStateAnimates(), this._restoreAttributeFromStaticTruth({
@@ -12825,7 +12833,7 @@ function createArea(attributes) {
   return new Area(attributes);
 }
 
-const ARC_UPDATE_TAG_KEY = ["innerRadius", "outerRadius", "startAngle", "endAngle", "cornerRadius", "padAngle", "padRadius", "cap", ...GRAPHIC_UPDATE_TAG_KEY];
+const ARC_UPDATE_TAG_KEY = ["innerRadius", "outerRadius", "startAngle", "endAngle", "cornerRadius", "padAngle", "padRadius", "clipRange", "cap", ...GRAPHIC_UPDATE_TAG_KEY];
 class Arc extends Graphic {
   constructor(params) {
     super(params), this.type = "arc", this.numberType = ARC_NUMBER_TYPE;
@@ -12869,11 +12877,12 @@ class Arc extends Graphic {
       endAngle = arcTheme.endAngle
     } = this.attribute;
     const {
-        cap = arcTheme.cap
+        cap = arcTheme.cap,
+        clipRange = arcTheme.clipRange
       } = this.attribute,
-      sign = endAngle - startAngle >= 0 ? 1 : -1,
-      deltaAngle = endAngle - startAngle;
-    if (startAngle = clampAngleByRadian(startAngle), endAngle = startAngle + deltaAngle, cap && abs(deltaAngle) < pi2 - epsilon) {
+      sign = endAngle - startAngle >= 0 ? 1 : -1;
+    let deltaAngle = endAngle - startAngle;
+    if (deltaAngle *= Math.max(0, Math.min(clipRange, 1)), startAngle = clampAngleByRadian(startAngle), endAngle = startAngle + deltaAngle, cap && abs(deltaAngle) > epsilon && abs(deltaAngle) < pi2 - epsilon) {
       let startCap = 1,
         endCap = 1;
       cap.length && (startCap = Number(cap[0]), endCap = Number(cap[1]));
@@ -14298,7 +14307,7 @@ class DefaultGlobalPickerService {
   }
 }
 
-var __awaiter$7 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -14368,7 +14377,7 @@ function foreach(graphic, defaultZIndex, cb, reverse = !1, sort3d = !1) {
   } else graphic.forEachChildren(cb, reverse);
 }
 function foreachAsync(graphic, defaultZIndex, cb, reverse = !1) {
-  return __awaiter$7(this, void 0, void 0, function* () {
+  return __awaiter$5(this, void 0, void 0, function* () {
     yield graphic.forEachChildrenAsync(cb, reverse);
   });
 }
@@ -15255,7 +15264,7 @@ function getCurrentEnv() {
   return isBrowserEnv() ? "browser" : "node";
 }
 
-var __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -15452,7 +15461,7 @@ class StateBatchScheduler {
   }
   runJob(job) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    return __awaiter$6(this, void 0, void 0, function* () {
+    return __awaiter$4(this, void 0, void 0, function* () {
       if ("cancelled" === job.status) return;
       if (yield this.waitForNextFrame(), "cancelled" === job.status) return;
       job.status = "running", null === (_a = this.perfMonitor) || void 0 === _a || _a.recordEvent("deferred-job-start", {
@@ -17937,7 +17946,7 @@ class DefaultCanvasGroupRender {
 }
 
 var STATUS,
-  __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
     return new (P || (P = Promise))(function (resolve, reject) {
       function fulfilled(value) {
         try {
@@ -17972,7 +17981,7 @@ class DefaultIncrementalDrawContribution extends DefaultDrawContribution {
     }, this.defaultRenderMap.set(this.lineRender.numberType, this.lineRender), this.defaultRenderMap.set(this.areaRender.numberType, this.areaRender);
   }
   draw(renderService, drawContext) {
-    return __awaiter$5(this, void 0, void 0, function* () {
+    return __awaiter$3(this, void 0, void 0, function* () {
       if (this.checkingForDrawPromise) return;
       this.lastRenderService = renderService, this.lastDrawContext = drawContext, this.checkingForDrawPromise = this.checkForDraw(drawContext);
       const skipDraw = yield this.checkingForDrawPromise;
@@ -17993,15 +18002,15 @@ class DefaultIncrementalDrawContribution extends DefaultDrawContribution {
     });
   }
   _increaseRender(group, drawContext) {
-    return __awaiter$5(this, void 0, void 0, function* () {
+    return __awaiter$3(this, void 0, void 0, function* () {
       this.rendering = !0, yield this._renderIncrementalGroup(group, drawContext);
     });
   }
   _renderIncrementalGroup(group, drawContext) {
-    return __awaiter$5(this, void 0, void 0, function* () {
+    return __awaiter$3(this, void 0, void 0, function* () {
       this.count = group.count, yield new Promise(resolve => {
         this.renderItem(group, drawContext, {
-          drawingCb: () => __awaiter$5(this, void 0, void 0, function* () {
+          drawingCb: () => __awaiter$3(this, void 0, void 0, function* () {
             if (2 !== group.count) yield foreachAsync(group, DefaultAttribute.zIndex, (item, i) => {
               if (this.status === STATUS.STOP) return !0;
               if (item.isContainer) return !1;
@@ -18022,7 +18031,7 @@ class DefaultIncrementalDrawContribution extends DefaultDrawContribution {
     });
   }
   waitToNextFrame() {
-    return __awaiter$5(this, void 0, void 0, function* () {
+    return __awaiter$3(this, void 0, void 0, function* () {
       return new Promise(resolve => {
         this.global.getRequestAnimationFrame()(() => {
           resolve(!1);
@@ -18031,13 +18040,13 @@ class DefaultIncrementalDrawContribution extends DefaultDrawContribution {
     });
   }
   checkForDraw(drawContext) {
-    return __awaiter$5(this, void 0, void 0, function* () {
+    return __awaiter$3(this, void 0, void 0, function* () {
       let skip = this.rendering;
       return drawContext.restartIncremental && (skip = !1, yield this.forceStop(), this.resetToInit()), skip;
     });
   }
   forceStop() {
-    return __awaiter$5(this, void 0, void 0, function* () {
+    return __awaiter$3(this, void 0, void 0, function* () {
       this.rendering && (this.status = STATUS.STOP, yield new Promise(resolve => {
         this.hooks.completeDraw.tap("stopCb", () => {
           this.status = STATUS.NORMAL, this.hooks.completeDraw.taps = this.hooks.completeDraw.taps.filter(item => "stopCb" !== item.name), resolve(!1);
@@ -18049,11 +18058,11 @@ class DefaultIncrementalDrawContribution extends DefaultDrawContribution {
     this.currFrameStartAt = 0, this.currentIdx = 0;
   }
   renderGroup(group, drawContext) {
-    return __awaiter$5(this, void 0, void 0, function* () {
+    return __awaiter$3(this, void 0, void 0, function* () {
       if (!drawContext.break && !1 !== group.attribute.visibleAll) return group.incremental && drawContext.startAtId === group._uid ? (yield this._increaseRender(group, drawContext), void (drawContext.break = !0)) : void (yield new Promise(resolve => {
         this.renderItem(group, drawContext, {
-          drawingCb: () => __awaiter$5(this, void 0, void 0, function* () {
-            yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$5(this, void 0, void 0, function* () {
+          drawingCb: () => __awaiter$3(this, void 0, void 0, function* () {
+            yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$3(this, void 0, void 0, function* () {
               drawContext.break || item.isContainer && (yield this.renderGroup(item, drawContext));
             })), resolve(!1);
           })
@@ -19931,7 +19940,7 @@ class DefaultCanvasImageRender extends BaseRender {
   }
 }
 
-var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -20025,7 +20034,7 @@ class BaseEnvContribution {
     };
   }
   loadFont(font, source, descriptors) {
-    return __awaiter$4(this, void 0, void 0, function* () {
+    return __awaiter$2(this, void 0, void 0, function* () {
       return {
         loadState: "fail"
       };
@@ -21190,7 +21199,7 @@ function mapToCanvasPointForCanvas(nativeEvent) {
   };
 }
 
-var __rest$g = undefined && undefined.__rest || function (s, e) {
+var __rest$f = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -21288,7 +21297,7 @@ class EditModule {
         {
           textConfig = []
         } = _a,
-        rest = __rest$g(_a, ["textConfig"]);
+        rest = __rest$f(_a, ["textConfig"]);
       if ("Backspace" === ev.type && !textConfig.length) return;
       let str = ev.data;
       this.isComposing || "Backspace" === ev.type || str || (str = "\n"), this.selectionStartCursorIdx > this.cursorIndex && ([this.cursorIndex, this.selectionStartCursorIdx] = [this.selectionStartCursorIdx, this.cursorIndex]);
@@ -22310,77 +22319,82 @@ function resolveContainerBinding$1(container, serviceIdentifier) {
   return instance;
 }
 
-let loadArcModule = !1;
+function isBindingContextLoaded(loadedContexts, context) {
+  const key = "object" == typeof context && null !== context || "function" == typeof context ? context : loadedContexts;
+  return !!loadedContexts.has(key) || (loadedContexts.add(key), !1);
+}
+
+const loadedArcModuleContexts = new WeakSet();
 function bindArcRenderModule({
   bind: bind
 }) {
-  loadArcModule || (loadArcModule = !0, bind(DefaultCanvasArcRender).toSelf().inSingletonScope(), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ArcRenderContribution));
+  isBindingContextLoaded(loadedArcModuleContexts, bind) || (bind(DefaultCanvasArcRender).toSelf().inSingletonScope(), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ArcRenderContribution));
 }
 const arcModule = bindArcRenderModule;
 
-let loadRectModule = !1;
+const loadedRectModuleContexts = new WeakSet();
 function bindRectRenderModule({
   bind: bind
 }) {
-  loadRectModule || (loadRectModule = !0, bind(DefaultCanvasRectRender).toDynamicValue(({
+  isBindingContextLoaded(loadedRectModuleContexts, bind) || (bind(DefaultCanvasRectRender).toDynamicValue(({
     container: container
   }) => new DefaultCanvasRectRender(createContributionProvider$1(RectRenderContribution, container))).inSingletonScope(), bind(RectRender).toService(DefaultCanvasRectRender), bind(GraphicRender).toService(RectRender), bind(SplitRectAfterRenderContribution).toSelf(), bind(SplitRectBeforeRenderContribution).toSelf(), bind(RectRenderContribution).toService(SplitRectAfterRenderContribution), bind(RectRenderContribution).toService(SplitRectBeforeRenderContribution), bind(RectRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, RectRenderContribution));
 }
 const rectModule = bindRectRenderModule;
 
-let loadLineModule = !1;
+const loadedLineModuleContexts = new WeakSet();
 function bindLineRenderModule({
   bind: bind
 }) {
-  loadLineModule || (loadLineModule = !0, bind(DefaultCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender));
+  isBindingContextLoaded(loadedLineModuleContexts, bind) || (bind(DefaultCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender));
 }
 const lineModule = bindLineRenderModule;
 
-let loadAreaModule = !1;
+const loadedAreaModuleContexts = new WeakSet();
 function bindAreaRenderModule({
   bind: bind
 }) {
-  loadAreaModule || (loadAreaModule = !0, bind(DefaultCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, AreaRenderContribution), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope());
+  isBindingContextLoaded(loadedAreaModuleContexts, bind) || (bind(DefaultCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, AreaRenderContribution), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope());
 }
 const areaModule = bindAreaRenderModule;
 
-let loadSymbolModule = !1;
+const loadedSymbolModuleContexts = new WeakSet();
 function bindSymbolRenderModule({
   bind: bind
 }) {
-  loadSymbolModule || (loadSymbolModule = !0, bind(DefaultCanvasSymbolRender).toSelf().inSingletonScope(), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, SymbolRenderContribution));
+  isBindingContextLoaded(loadedSymbolModuleContexts, bind) || (bind(DefaultCanvasSymbolRender).toSelf().inSingletonScope(), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, SymbolRenderContribution));
 }
 const symbolModule = bindSymbolRenderModule;
 
-let loadCircleModule = !1;
+const loadedCircleModuleContexts = new WeakSet();
 function bindCircleRenderModule({
   bind: bind
 }) {
-  loadCircleModule || (loadCircleModule = !0, bind(DefaultCanvasCircleRender).toSelf().inSingletonScope(), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, CircleRenderContribution));
+  isBindingContextLoaded(loadedCircleModuleContexts, bind) || (bind(DefaultCanvasCircleRender).toSelf().inSingletonScope(), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, CircleRenderContribution));
 }
 const circleModule = bindCircleRenderModule;
 
-let loadTextModule = !1;
+const loadedTextModuleContexts = new WeakSet();
 function bindTextRenderModule({
   bind: bind
 }) {
-  loadTextModule || (loadTextModule = !0, bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, TextRenderContribution));
+  isBindingContextLoaded(loadedTextModuleContexts, bind) || (bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, TextRenderContribution));
 }
 const textModule = bindTextRenderModule;
 
-let loadPathModule = !1;
+const loadedPathModuleContexts = new WeakSet();
 function bindPathRenderModule({
   bind: bind
 }) {
-  loadPathModule || (loadPathModule = !0, bind(DefaultCanvasPathRender).toSelf().inSingletonScope(), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PathRenderContribution));
+  isBindingContextLoaded(loadedPathModuleContexts, bind) || (bind(DefaultCanvasPathRender).toSelf().inSingletonScope(), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PathRenderContribution));
 }
 const pathModule = bindPathRenderModule;
 
-let loadPolygonModule = !1;
+const loadedPolygonModuleContexts = new WeakSet();
 function bindPolygonRenderModule({
   bind: bind
 }) {
-  loadPolygonModule || (loadPolygonModule = !0, bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
+  isBindingContextLoaded(loadedPolygonModuleContexts, bind) || (bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, PolygonRenderContribution));
 }
 const polygonModule = bindPolygonRenderModule;
 
@@ -22421,11 +22435,11 @@ class DefaultCanvasStarRender extends BaseRender {
   }
 }
 
-let loadStarModule = !1;
+const loadedStarModuleContexts = new WeakSet();
 function bindStarRenderModule({
   bind: bind
 }) {
-  loadStarModule || (loadStarModule = !0, bind(DefaultCanvasStarRender).toDynamicValue(({
+  isBindingContextLoaded(loadedStarModuleContexts, bind) || (bind(DefaultCanvasStarRender).toDynamicValue(({
     container: container
   }) => new DefaultCanvasStarRender(createContributionProvider$1(StarRenderContribution, container))).inSingletonScope(), bind(StarRender).toService(DefaultCanvasStarRender), bind(GraphicRender).toService(StarRender));
 }
@@ -22458,11 +22472,11 @@ class DefaultCanvasGlyphRender {
   }
 }
 
-let loadGlyphModule = !1;
+const loadedGlyphModuleContexts = new WeakSet();
 function bindGlyphRenderModule({
   bind: bind
 }) {
-  loadGlyphModule || (loadGlyphModule = !0, bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
+  isBindingContextLoaded(loadedGlyphModuleContexts, bind) || (bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender));
 }
 const glyphModule = bindGlyphRenderModule;
 
@@ -22518,19 +22532,19 @@ class DefaultCanvasRichTextRender extends BaseRender {
   }
 }
 
-let loadRichtextModule = !1;
+const loadedRichtextModuleContexts = new WeakSet();
 function bindRichtextRenderModule({
   bind: bind
 }) {
-  loadRichtextModule || (loadRichtextModule = !0, bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender));
+  isBindingContextLoaded(loadedRichtextModuleContexts, bind) || (bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender));
 }
 const richtextModule = bindRichtextRenderModule;
 
-let loadImageModule = !1;
+const loadedImageModuleContexts = new WeakSet();
 function bindImageRenderModule({
   bind: bind
 }) {
-  loadImageModule || (loadImageModule = !0, bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ImageRenderContribution));
+  isBindingContextLoaded(loadedImageModuleContexts, bind) || (bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, ImageRenderContribution));
 }
 const imageModule = bindImageRenderModule;
 
@@ -22657,11 +22671,11 @@ class DefaultCanvasRect3dRender extends Base3dRender {
   }
 }
 
-let loadRect3dModule = !1;
+const loadedRect3dModuleContexts = new WeakSet();
 function bindRect3dRenderModule({
   bind: bind
 }) {
-  loadRect3dModule || (loadRect3dModule = !0, bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
+  isBindingContextLoaded(loadedRect3dModuleContexts, bind) || (bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender));
 }
 const rect3dModule = bindRect3dRenderModule;
 
@@ -22786,11 +22800,11 @@ class DefaultCanvasArc3DRender extends BaseRender {
   }
 }
 
-let loadArc3dModule = !1;
+const loadedArc3dModuleContexts = new WeakSet();
 function bindArc3dRenderModule({
   bind: bind
 }) {
-  loadArc3dModule || (loadArc3dModule = !0, bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
+  isBindingContextLoaded(loadedArc3dModuleContexts, bind) || (bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender));
 }
 const arc3dModule = bindArc3dRenderModule;
 
@@ -22825,11 +22839,11 @@ class DefaultCanvasPyramid3dRender extends Base3dRender {
   }
 }
 
-let loadPyramid3dModule = !1;
+const loadedPyramid3dModuleContexts = new WeakSet();
 function bindPyramid3dRenderModule({
   bind: bind
 }) {
-  loadPyramid3dModule || (loadPyramid3dModule = !0, bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender));
+  isBindingContextLoaded(loadedPyramid3dModuleContexts, bind) || (bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender));
 }
 const pyramid3dModule = bindPyramid3dRenderModule;
 
@@ -27091,7 +27105,9 @@ class HarmonyCanvas extends BaseCanvas {
   init() {
     this._context = new HarmonyContext2d(this, this._dpr);
   }
-  resize(width, height) {}
+  resize(width, height) {
+    this.controled && (this._pixelWidth = width * this._dpr, this._pixelHeight = height * this._dpr, this._displayWidth = width, this._displayHeight = height, this._nativeCanvas.width = this._pixelWidth, this._nativeCanvas.height = this._pixelHeight, this._context.dpr = this._dpr);
+  }
   release(...params) {}
 }
 HarmonyCanvas.env = "harmony";
@@ -28022,7 +28038,7 @@ function bindBrowserWindowContribution(container) {
   (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, BrowserWindowHandlerContribution)) || container.bind(BrowserWindowHandlerContribution).toSelf(), (null === (_b = container.getNamed) || void 0 === _b ? void 0 : _b.call(container, WindowHandlerContribution, BrowserWindowHandlerContribution.env)) || container.bind(WindowHandlerContribution).toService(BrowserWindowHandlerContribution).whenTargetNamed(BrowserWindowHandlerContribution.env);
 }
 
-var __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var __awaiter$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -28241,7 +28257,7 @@ class BrowserEnvContribution extends BaseEnvContribution {
     };
   }
   loadFont(font, source, descriptors) {
-    return __awaiter$3(this, void 0, void 0, function* () {
+    return __awaiter$1(this, void 0, void 0, function* () {
       return new FontFace(font, isString$1(source) ? `url(${source})` : source, descriptors).load().then(function (loadedFont) {
         return document.fonts.add(loadedFont), {
           loadState: "success"
@@ -28340,7 +28356,12 @@ class FeishuWindowHandlerContribution extends BaseWindowHandlerContribution {
   createWindowByCanvas(params) {
     let canvas;
     if ("string" == typeof params.canvas) {
-      if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+      if (canvas = this.global.getElementById(params.canvas), canvas || (canvas = this.global.createCanvas({
+        id: params.canvas,
+        width: params.width,
+        height: params.height,
+        dpr: params.dpr
+      })), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
     } else canvas = params.canvas;
     let width = params.width,
       height = params.height;
@@ -28667,17 +28688,55 @@ class CanvasWrapEnableWH {
   }
 }
 
-function makeUpCanvas$4(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, pixelRatio) {
-  const dpr = null != pixelRatio ? pixelRatio : tt.getSystemInfoSync().pixelRatio;
-  canvasIdLists.forEach((id, i) => {
-    const ctx = tt.createCanvasContext(id),
-      canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, dpr, domref.width, domref.height, id);
-    ctx.canvas = canvas, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
-  });
+function getMiniAppCanvasOptions(params, pixelRatio, offscreen = null == params.id) {
+  var _a, _b, _c;
+  return {
+    id: null == params.id ? void 0 : String(params.id),
+    width: null !== (_a = params.width) && void 0 !== _a ? _a : 0,
+    height: null !== (_b = params.height) && void 0 !== _b ? _b : 0,
+    dpr: null !== (_c = params.dpr) && void 0 !== _c ? _c : pixelRatio,
+    offscreen: offscreen
+  };
+}
+function wrapMiniAppNativeCanvas(nativeCanvas, options) {
+  var _a;
+  const ctx = null === (_a = null == nativeCanvas ? void 0 : nativeCanvas.getContext) || void 0 === _a ? void 0 : _a.call(nativeCanvas, "2d");
+  if (!ctx) throw new Error('MiniApp canvas bridge returned a canvas without getContext("2d").');
+  return new CanvasWrapEnableWH(nativeCanvas, ctx, options.dpr, options.width, options.height, options.id);
+}
+function wrapMiniAppContextCanvas(ctx, options) {
+  if (!ctx) throw new Error("MiniApp canvas bridge returned an empty 2d context.");
+  const canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, options.dpr, options.width, options.height, options.id);
+  return ctx.canvas = canvas, canvas;
+}
+function createCanvasWithFactory(params, pixelRatio, canvasMap, factory) {
+  const options = getMiniAppCanvasOptions(params, pixelRatio),
+    id = options.id;
+  if (null != id) {
+    const existing = canvasMap.get(id);
+    if (existing) return existing;
+  }
+  if (!factory) return null;
+  const canvas = wrapMiniAppNativeCanvas(factory(options), options);
+  return null != id && canvasMap.set(id, canvas), canvas;
+}
+
+const FEISHU_CANVAS_BRIDGE_ERROR = "Feishu canvas bridge is unavailable. VRender feishu env requires envParams.canvasFactory, a Stage canvas object, or a feishu/tt runtime that exposes createCanvasContext(id).";
+function getFeishuRuntime(params) {
+  var _a, _b, _c, _d, _e;
+  try {
+    return null !== (_c = null !== (_b = null !== (_a = null == params ? void 0 : params.feishu) && void 0 !== _a ? _a : null == params ? void 0 : params.tt) && void 0 !== _b ? _b : null == params ? void 0 : params.runtime) && void 0 !== _c ? _c : "undefined" != typeof tt ? tt : void 0;
+  } catch (_f) {
+    return null !== (_e = null !== (_d = null == params ? void 0 : params.feishu) && void 0 !== _d ? _d : null == params ? void 0 : params.tt) && void 0 !== _e ? _e : null == params ? void 0 : params.runtime;
+  }
+}
+function getFeishuPixelRatio(params, runtime = getFeishuRuntime(params)) {
+  var _a, _b, _c, _d;
+  return null !== (_d = null !== (_a = null == params ? void 0 : params.pixelRatio) && void 0 !== _a ? _a : null === (_c = null === (_b = null == runtime ? void 0 : runtime.getSystemInfoSync) || void 0 === _b ? void 0 : _b.call(runtime)) || void 0 === _c ? void 0 : _c.pixelRatio) && void 0 !== _d ? _d : 1;
 }
 class FeishuEnvContribution extends BaseEnvContribution {
   constructor() {
-    super(), this.type = "feishu", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+    super(), this.type = "feishu", this.supportEvent = !0, this.canvasMap = new Map(), this.feishuEnvParams = {}, this.supportsTouchEvents = !0;
     try {
       this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
     } catch (err) {
@@ -28686,13 +28745,13 @@ class FeishuEnvContribution extends BaseEnvContribution {
     this.applyStyles = !0;
   }
   getDynamicCanvasCount() {
-    return this.freeCanvasList.length;
+    return 0;
   }
   getStaticCanvasCount() {
     return 9999;
   }
-  configure(service, params) {
-    service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$4(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.pixelRatio));
+  configure(service, params = {}) {
+    service.env === this.type && (service.setActiveEnvContribution(this), this.feishuEnvParams = params);
   }
   loadImage(url) {
     return Promise.resolve({
@@ -28704,13 +28763,21 @@ class FeishuEnvContribution extends BaseEnvContribution {
     return Promise.reject();
   }
   createCanvas(params) {
-    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-    return this.canvasIdx++, result;
+    var _a;
+    const envParams = this.feishuEnvParams,
+      runtime = getFeishuRuntime(envParams),
+      dpr = null !== (_a = params.dpr) && void 0 !== _a ? _a : getFeishuPixelRatio(envParams, runtime),
+      factoryCanvas = createCanvasWithFactory(params, dpr, this.canvasMap, envParams.canvasFactory);
+    if (factoryCanvas) return factoryCanvas;
+    const options = getMiniAppCanvasOptions(params, dpr, !1);
+    if (null == options.id || "function" != typeof (null == runtime ? void 0 : runtime.createCanvasContext)) throw new Error(FEISHU_CANVAS_BRIDGE_ERROR);
+    const canvas = wrapMiniAppContextCanvas(runtime.createCanvasContext(options.id), options);
+    return this.canvasMap.set(options.id, canvas), canvas;
   }
   createOffscreenCanvas(params) {}
   releaseCanvas(canvas) {}
   getDevicePixelRatio() {
-    return tt.getSystemInfoSync().pixelRatio;
+    return getFeishuPixelRatio(this.feishuEnvParams);
   }
   getRequestAnimationFrame() {
     return function (callback) {
@@ -28778,6 +28845,40 @@ let MiniAppEventManager$4 = class MiniAppEventManager {
     this.cache = {};
   }
 };
+function setMiniAppEventTarget$2(event, key, value) {
+  if (event && value) try {
+    event[key] = value;
+  } catch (_a) {
+    Object.defineProperty(event, key, {
+      configurable: !0,
+      value: value
+    });
+  }
+}
+function isValidCoordinate$3(value) {
+  return "number" == typeof value && Number.isFinite(value);
+}
+function pickCoordinate$3(...values) {
+  for (let i = 0; i < values.length; i++) if (isValidCoordinate$3(values[i])) return values[i];
+}
+function setHarmonyEventValue(event, key, value) {
+  try {
+    event[key] = value;
+  } catch (_a) {
+    Object.defineProperty(event, key, {
+      configurable: !0,
+      value: value
+    });
+  }
+}
+function normalizeHarmonyTouchEventPoint(event) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+  const touch = null !== (_b = null === (_a = null == event ? void 0 : event.changedTouches) || void 0 === _a ? void 0 : _a[0]) && void 0 !== _b ? _b : null === (_c = null == event ? void 0 : event.touches) || void 0 === _c ? void 0 : _c[0];
+  if (!touch) return;
+  const x = pickCoordinate$3(event.x, event.offsetX, event.clientX, event.pageX, touch.x, touch.offsetX, touch.clientX, touch.pageX),
+    y = pickCoordinate$3(event.y, event.offsetY, event.clientY, event.pageY, touch.y, touch.offsetY, touch.clientY, touch.pageY);
+  null != x && null != y && (!event.touches && event.changedTouches && setHarmonyEventValue(event, "touches", "touchend" === event.type || "touchcancel" === event.type ? [] : event.changedTouches), setHarmonyEventValue(event, "x", x), setHarmonyEventValue(event, "y", y), setHarmonyEventValue(event, "offsetX", null !== (_d = event.offsetX) && void 0 !== _d ? _d : x), setHarmonyEventValue(event, "offsetY", null !== (_e = event.offsetY) && void 0 !== _e ? _e : y), setHarmonyEventValue(event, "clientX", null !== (_f = event.clientX) && void 0 !== _f ? _f : x), setHarmonyEventValue(event, "clientY", null !== (_g = event.clientY) && void 0 !== _g ? _g : y), setHarmonyEventValue(event, "pageX", null !== (_h = event.pageX) && void 0 !== _h ? _h : x), setHarmonyEventValue(event, "pageY", null !== (_j = event.pageY) && void 0 !== _j ? _j : y), touch.x = null !== (_k = touch.x) && void 0 !== _k ? _k : x, touch.y = null !== (_l = touch.y) && void 0 !== _l ? _l : y, touch.offsetX = null !== (_m = touch.offsetX) && void 0 !== _m ? _m : x, touch.offsetY = null !== (_o = touch.offsetY) && void 0 !== _o ? _o : y, touch.clientX = null !== (_p = touch.clientX) && void 0 !== _p ? _p : x, touch.clientY = null !== (_q = touch.clientY) && void 0 !== _q ? _q : y, touch.pageX = null !== (_r = touch.pageX) && void 0 !== _r ? _r : x, touch.pageY = null !== (_s = touch.pageY) && void 0 !== _s ? _s : y);
+}
 class HarmonyWindowHandlerContribution extends BaseWindowHandlerContribution {
   get container() {
     return null;
@@ -28806,7 +28907,8 @@ class HarmonyWindowHandlerContribution extends BaseWindowHandlerContribution {
   createWindowByConfig(params) {
     const nativeCanvas = this.global.createCanvas({
         width: params.width,
-        height: params.height
+        height: params.height,
+        dpr: params.dpr
       }),
       options = {
         width: params.width,
@@ -28821,7 +28923,12 @@ class HarmonyWindowHandlerContribution extends BaseWindowHandlerContribution {
   createWindowByCanvas(params) {
     let canvas;
     if ("string" == typeof params.canvas) {
-      if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+      if (canvas = this.global.getElementById(params.canvas), canvas || (canvas = this.global.createCanvas({
+        id: params.canvas,
+        width: params.width,
+        height: params.height,
+        dpr: params.dpr
+      })), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
     } else canvas = params.canvas;
     let width = params.width,
       height = params.height;
@@ -28829,15 +28936,19 @@ class HarmonyWindowHandlerContribution extends BaseWindowHandlerContribution {
       const data = canvas.getBoundingClientRect();
       width = data.width, height = data.height;
     }
-    this.canvas = new HarmonyCanvas({
+    let dpr = params.dpr;
+    null == dpr && (dpr = canvas.width / width), this.canvas = new HarmonyCanvas({
       width: width,
       height: height,
-      dpr: 1,
+      dpr: dpr,
       nativeCanvas: canvas,
       canvasControled: params.canvasControled
     });
   }
-  releaseWindow() {}
+  releaseWindow() {
+    var _a, _b;
+    this.eventManager.cleanEvent(), null === (_b = null === (_a = this.canvas) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a);
+  }
   resizeWindow(width, height) {
     this.canvas.resize(width, height);
   }
@@ -28860,12 +28971,15 @@ class HarmonyWindowHandlerContribution extends BaseWindowHandlerContribution {
     this.eventManager.removeEventListener(type, listener);
   }
   dispatchEvent(event) {
+    var _a;
     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 => {
+    if (!this.eventManager.cache[type]) return !1;
+    const nativeCanvas = null === (_a = this.canvas) || void 0 === _a ? void 0 : _a.nativeCanvas;
+    return setMiniAppEventTarget$2(event, "target", nativeCanvas), setMiniAppEventTarget$2(event, "currentTarget", nativeCanvas), normalizeHarmonyTouchEventPoint(event), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(f => {
       f(event);
-    }), !0);
+    }), !0;
   }
   getStyle() {
     return {};
@@ -28897,24 +29011,89 @@ function bindHarmonyWindowContribution(container) {
   (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, HarmonyWindowHandlerContribution)) || container.bind(HarmonyWindowHandlerContribution).toSelf(), (null === (_b = container.getNamed) || void 0 === _b ? void 0 : _b.call(container, WindowHandlerContribution, HarmonyWindowHandlerContribution.env)) || container.bind(WindowHandlerContribution).toService(HarmonyWindowHandlerContribution).whenTargetNamed(HarmonyWindowHandlerContribution.env);
 }
 
-function createCanvas(width, height, id) {
-  const _c = new OffscreenCanvas(width, height),
-    context = _c.getContext("2d");
-  return new CanvasWrapDisableWH({
+const HARMONY_CANVAS_BRIDGE_ERROR = "Harmony canvas bridge is unavailable. VRender Harmony env requires envParams.canvasFactory or a Harmony runtime that exposes a global createCanvas/createOffscreenCanvas capability.",
+  HARMONY_CANVAS_SIZE_ERROR = "Harmony canvas size is unavailable. Pass stage width/height when creating a Harmony stage canvas.";
+function isValidCoordinate$2(value) {
+  return "number" == typeof value && Number.isFinite(value);
+}
+function pickCoordinate$2(...values) {
+  for (let i = 0; i < values.length; i++) if (isValidCoordinate$2(values[i])) return values[i];
+}
+function getPrimaryTouch$1(event) {
+  var _a, _b, _c;
+  return null !== (_b = null === (_a = null == event ? void 0 : event.changedTouches) || void 0 === _a ? void 0 : _a[0]) && void 0 !== _b ? _b : null === (_c = null == event ? void 0 : event.touches) || void 0 === _c ? void 0 : _c[0];
+}
+function getHarmonyEventPoint(event) {
+  const touch = getPrimaryTouch$1(event),
+    x = pickCoordinate$2(null == event ? void 0 : event.x, null == event ? void 0 : event.offsetX, null == event ? void 0 : event.clientX, null == event ? void 0 : event.pageX, null == touch ? void 0 : touch.x, null == touch ? void 0 : touch.offsetX, null == touch ? void 0 : touch.clientX, null == touch ? void 0 : touch.pageX),
+    y = pickCoordinate$2(null == event ? void 0 : event.y, null == event ? void 0 : event.offsetY, null == event ? void 0 : event.clientY, null == event ? void 0 : event.pageY, null == touch ? void 0 : touch.y, null == touch ? void 0 : touch.offsetY, null == touch ? void 0 : touch.clientY, null == touch ? void 0 : touch.pageY);
+  return null == x || null == y ? null : {
+    x: x,
+    y: y
+  };
+}
+function getHarmonyRuntime(params) {
+  var _a;
+  return null !== (_a = null == params ? void 0 : params.harmony) && void 0 !== _a ? _a : null == params ? void 0 : params.runtime;
+}
+function getHarmonyPixelRatio(params) {
+  var _a;
+  return null !== (_a = null == params ? void 0 : params.pixelRatio) && void 0 !== _a ? _a : 1;
+}
+function getCanvasSize$1(width, height) {
+  if (!isValidCoordinate$2(width) || !isValidCoordinate$2(height)) throw new Error(HARMONY_CANVAS_SIZE_ERROR);
+  return {
+    width: width,
+    height: height
+  };
+}
+function getGlobalOffscreenCanvasCtor() {
+  try {
+    return "undefined" != typeof OffscreenCanvas ? OffscreenCanvas : void 0;
+  } catch (err) {
+    return;
+  }
+}
+function createFallbackOffscreenCanvas(width, height) {
+  const OffscreenCanvasCtor = getGlobalOffscreenCanvasCtor();
+  return "function" != typeof OffscreenCanvasCtor ? null : new OffscreenCanvasCtor(width, height);
+}
+function wrapHarmonyNativeCanvas(nativeCanvas, id, width, height, dpr) {
+  var _a, _b, _c;
+  nativeCanvas.width = width * dpr, nativeCanvas.height = height * dpr;
+  const context = null !== (_b = null === (_a = nativeCanvas.getContext) || void 0 === _a ? void 0 : _a.call(nativeCanvas, "2d")) && void 0 !== _b ? _b : null === (_c = nativeCanvas.getContext) || void 0 === _c ? void 0 : _c.call(nativeCanvas);
+  if (!context) throw new Error(HARMONY_CANVAS_BRIDGE_ERROR);
+  return "function" != typeof nativeCanvas.getBoundingClientRect && (nativeCanvas.getBoundingClientRect = () => ({
+    width: width,
+    height: height
+  })), new CanvasWrapEnableWH(nativeCanvas, context, dpr, width, height, id);
+}
+function createHarmonyNativeCanvas(id, width, height, dpr, offscreen, params, runtime) {
+  const options = {
+    id: id,
     width: width,
     height: height,
-    context: context,
-    _c: _c,
-    getBoundingClientRect: () => ({
-      width: width,
-      height: height
-    }),
-    getContext: () => context
-  }, context, 1, width, height, id);
+    dpr: dpr,
+    offscreen: offscreen
+  };
+  if (params.canvasFactory) return params.canvasFactory(options);
+  if (offscreen && "function" == typeof (null == runtime ? void 0 : runtime.createOffscreenCanvas)) {
+    const canvas = runtime.createOffscreenCanvas(options);
+    if (canvas) return canvas;
+  }
+  if (!offscreen && "function" == typeof (null == runtime ? void 0 : runtime.createCanvas)) {
+    const canvas = runtime.createCanvas(options);
+    if (canvas) return canvas;
+  }
+  if (offscreen) {
+    const canvas = createFallbackOffscreenCanvas(width * dpr, height * dpr);
+    if (canvas) return canvas;
+  }
+  throw new Error(HARMONY_CANVAS_BRIDGE_ERROR);
 }
 class HarmonyEnvContribution extends BaseEnvContribution {
   constructor() {
-    super(), this.type = "harmony", this.supportEvent = !0, this.supportsTouchEvents = !0;
+    super(), this.type = "harmony", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
     try {
       this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
     } catch (err) {
@@ -28922,8 +29101,8 @@ class HarmonyEnvContribution extends BaseEnvContribution {
     }
     this.applyStyles = !0, this.rafSTO = new RafBasedSTO(0);
   }
-  configure(service, params) {
-    service.env === this.type && service.setActiveEnvContribution(this);
+  configure(service, params = {}) {
+    service.env === this.type && (service.setActiveEnvContribution(this), this.harmonyEnvParams = params, this.harmonyRuntime = getHarmonyRuntime(params));
   }
   getDynamicCanvasCount() {
     return 9999;
@@ -28931,17 +29110,56 @@ class HarmonyEnvContribution extends BaseEnvContribution {
   getStaticCanvasCount() {
     return 9999;
   }
-  loadImage(url) {}
+  loadImage(url) {
+    var _a;
+    if ("function" != typeof (null === (_a = this.harmonyRuntime) || void 0 === _a ? void 0 : _a.createImage)) return Promise.resolve({
+      data: null,
+      loadState: "fail"
+    });
+    const img = this.harmonyRuntime.createImage(url);
+    return new Promise(resolve => {
+      img.onload = () => {
+        resolve({
+          data: img,
+          loadState: "success"
+        });
+      }, img.onerror = () => {
+        resolve({
+          data: null,
+          loadState: "fail"
+        });
+      };
+    });
+  }
   loadSvg(url) {
-    return Promise.reject();
+    return Promise.resolve({
+      data: null,
+      loadState: "fail"
+    });
   }
   createCanvas(params) {
-    return createCanvas(params.width, params.height, params.id);
+    var _a, _b;
+    const envParams = null !== (_a = this.harmonyEnvParams) && void 0 !== _a ? _a : {},
+      runtime = getHarmonyRuntime(envParams),
+      dpr = null !== (_b = params.dpr) && void 0 !== _b ? _b : getHarmonyPixelRatio(envParams),
+      size = getCanvasSize$1(params.width, params.height);
+    if (null != params.id) {
+      const id = String(params.id),
+        existing = this.canvasMap.get(id);
+      if (existing) return existing;
+      const canvas = wrapHarmonyNativeCanvas(createHarmonyNativeCanvas(id, size.width, size.height, dpr, !1, envParams, runtime), id, size.width, size.height, dpr);
+      return this.canvasMap.set(id, canvas), canvas;
+    }
+    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+    if (this.canvasIdx++, result) return result;
+    const id = Math.random().toString(),
+      canvas = wrapHarmonyNativeCanvas(createHarmonyNativeCanvas(id, size.width, size.height, dpr, !0, envParams, runtime), id, size.width, size.height, dpr);
+    return this.canvasMap.set(id, canvas), this.freeCanvasList.push(canvas), canvas;
   }
   createOffscreenCanvas(params) {}
   releaseCanvas(canvas) {}
   getDevicePixelRatio() {
-    return 1;
+    return getHarmonyPixelRatio(this.harmonyEnvParams);
   }
   getRequestAnimationFrame() {
     return callback => this.rafSTO.call(callback);
@@ -28953,7 +29171,7 @@ class HarmonyEnvContribution extends BaseEnvContribution {
   }
   mapToCanvasPoint(event) {
     var _a;
-    return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
+    return null !== (_a = getHarmonyEventPoint(event)) && void 0 !== _a ? _a : event;
   }
   addEventListener(type, listener, options) {
     return null;
@@ -28965,7 +29183,8 @@ class HarmonyEnvContribution extends BaseEnvContribution {
     return null;
   }
   getElementById(str) {
-    return null;
+    var _a;
+    return null !== (_a = this.canvasMap.get(str)) && void 0 !== _a ? _a : null;
   }
   getRootElement() {
     return null;
@@ -29237,13 +29456,11 @@ function createBoundLynxCanvas(id, runtime) {
   }
   return null;
 }
-function getCanvasSize(domref, width, height) {
-  const resolvedWidth = null != width ? width : null == domref ? void 0 : domref.width,
-    resolvedHeight = null != height ? height : null == domref ? void 0 : domref.height;
-  if (!isValidCoordinate(resolvedWidth) || !isValidCoordinate(resolvedHeight)) throw new Error(LYNX_CANVAS_SIZE_ERROR);
+function getCanvasSize(width, height) {
+  if (!isValidCoordinate(width) || !isValidCoordinate(height)) throw new Error(LYNX_CANVAS_SIZE_ERROR);
   return {
-    width: resolvedWidth,
-    height: resolvedHeight
+    width: width,
+    height: height
   };
 }
 function wrapLynxNativeCanvas(nativeCanvas, id, width, height, dpr) {
@@ -29267,29 +29484,6 @@ function createLynxNativeCanvas(id, width, height, dpr, offscreen, params, runti
   }
   throw new Error(LYNX_CANVAS_BRIDGE_ERROR);
 }
-function makeUpCanvas$3(params = {}, canvasMap, freeCanvasList) {
-  const runtime = getLynxRuntime(params),
-    {
-      domref: domref,
-      canvasIdLists = [],
-      freeCanvasIdx = 0
-    } = params,
-    offscreen = !!params.offscreen,
-    dpr = getLynxPixelRatio(params, runtime);
-  if (canvasIdLists.forEach((id, i) => {
-    const size = getCanvasSize(domref),
-      canvas = wrapLynxNativeCanvas(createLynxNativeCanvas(id, size.width, size.height, dpr, offscreen, params, runtime), id, size.width, size.height, dpr);
-    canvasMap.set(id, canvas), i > freeCanvasIdx && freeCanvasList.push(canvas);
-  }), !freeCanvasList.length && domref && "function" == typeof (null == runtime ? void 0 : runtime.createOffscreenCanvas)) {
-    const size = getCanvasSize(domref),
-      _canvas = runtime.createOffscreenCanvas();
-    _canvas.width = size.width * dpr, _canvas.height = size.height * dpr;
-    const ctx = _canvas.getContext("2d"),
-      id = Math.random().toString(),
-      canvas = new CanvasWrapEnableWH(_canvas, ctx, dpr, size.width, size.height, id);
-    canvasMap.set(id, canvas), freeCanvasList.push(canvas);
-  }
-}
 function createImageElement(src, isSvg = !1, runtime = getGlobalLynxRuntime()) {
   if (isSvg) return Promise.reject();
   if ("function" != typeof (null == runtime ? void 0 : runtime.createImage)) return Promise.reject(new Error("Lynx image bridge is unavailable."));
@@ -29313,7 +29507,7 @@ class LynxEnvContribution extends BaseEnvContribution {
     this.applyStyles = !0;
   }
   configure(service, params = {}) {
-    service.env === this.type && (service.setActiveEnvContribution(this), this.lynxEnvParams = params, this.lynxRuntime = getLynxRuntime(params), makeUpCanvas$3(params, this.canvasMap, this.freeCanvasList));
+    service.env === this.type && (service.setActiveEnvContribution(this), this.lynxEnvParams = params, this.lynxRuntime = getLynxRuntime(params));
   }
   getDynamicCanvasCount() {
     return this.freeCanvasList.length;
@@ -29345,7 +29539,7 @@ class LynxEnvContribution extends BaseEnvContribution {
       const envParams = null !== (_a = this.lynxEnvParams) && void 0 !== _a ? _a : {},
         runtime = getLynxRuntime(envParams),
         dpr = null !== (_b = params.dpr) && void 0 !== _b ? _b : getLynxPixelRatio(envParams, runtime),
-        size = getCanvasSize(envParams.domref, params.width, params.height),
+        size = getCanvasSize(params.width, params.height),
         canvas = wrapLynxNativeCanvas(createLynxNativeCanvas(id, size.width, size.height, dpr, !1, envParams, runtime), id, size.width, size.height, dpr);
       return this.canvasMap.set(id, canvas), canvas;
     }
@@ -29354,7 +29548,7 @@ class LynxEnvContribution extends BaseEnvContribution {
     const envParams = null !== (_c = this.lynxEnvParams) && void 0 !== _c ? _c : {},
       runtime = getLynxRuntime(envParams),
       dpr = null !== (_d = params.dpr) && void 0 !== _d ? _d : getLynxPixelRatio(envParams, runtime),
-      size = getCanvasSize(envParams.domref, params.width, params.height),
+      size = getCanvasSize(params.width, params.height),
       id = Math.random().toString(),
       canvas = wrapLynxNativeCanvas(createLynxNativeCanvas(id, size.width, size.height, dpr, !0, envParams, runtime), id, size.width, size.height, dpr);
     return this.canvasMap.set(id, canvas), this.freeCanvasList.push(canvas), canvas;
@@ -29665,7 +29859,12 @@ class TaroWindowHandlerContribution extends BaseWindowHandlerContribution {
   createWindowByCanvas(params) {
     let canvas;
     if ("string" == typeof params.canvas) {
-      if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+      if (canvas = this.global.getElementById(params.canvas), canvas || (canvas = this.global.createCanvas({
+        id: params.canvas,
+        width: params.width,
+        height: params.height,
+        dpr: params.dpr
+      })), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
     } else canvas = params.canvas;
     let width = params.width,
       height = params.height;
@@ -29750,16 +29949,10 @@ function bindTaroWindowContribution(container) {
   (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, TaroWindowHandlerContribution)) || container.bind(TaroWindowHandlerContribution).toSelf(), (null === (_b = container.getNamed) || void 0 === _b ? void 0 : _b.call(container, WindowHandlerContribution, TaroWindowHandlerContribution.env)) || container.bind(WindowHandlerContribution).toService(TaroWindowHandlerContribution).whenTargetNamed(TaroWindowHandlerContribution.env);
 }
 
-function makeUpCanvas$2(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
-  canvasIdLists.forEach((id, i) => {
-    const ctx = taro.createCanvasContext(id),
-      canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, dpr, domref.width, domref.height, id);
-    return ctx.canvas = canvas, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), canvas;
-  });
-}
+const TARO_CANVAS_BRIDGE_ERROR = "Taro canvas bridge is unavailable. VRender taro env requires envParams.canvasFactory, a Stage canvas object, or envParams.taro.createCanvasContext(id).";
 class TaroEnvContribution extends BaseEnvContribution {
   constructor() {
-    super(), this.type = "taro", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+    super(), this.type = "taro", this.supportEvent = !0, this.canvasMap = new Map(), this.pixelRatio = 1, this.taroEnvParams = {}, this.supportsTouchEvents = !0;
     try {
       this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
     } catch (err) {
@@ -29768,7 +29961,7 @@ class TaroEnvContribution extends BaseEnvContribution {
     this.applyStyles = !0;
   }
   getDynamicCanvasCount() {
-    return this.freeCanvasList.length;
+    return 0;
   }
   getStaticCanvasCount() {
     return 9999;
@@ -29777,8 +29970,9 @@ class TaroEnvContribution extends BaseEnvContribution {
     var _a;
     return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
   }
-  configure(service, params) {
-    service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$2(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.taro, params.pixelRatio), this.taro = params.taro, this.pixelRatio = params.pixelRatio);
+  configure(service, params = {}) {
+    var _a;
+    service.env === this.type && (service.setActiveEnvContribution(this), this.taroEnvParams = params, this.taro = params.taro, this.pixelRatio = null !== (_a = params.pixelRatio) && void 0 !== _a ? _a : 1);
   }
   loadImage(url) {
     return Promise.resolve({
@@ -29787,7 +29981,7 @@ class TaroEnvContribution extends BaseEnvContribution {
     });
   }
   loadSvg(svgStr) {
-    const _window = window || globalThis;
+    const _window = "undefined" != typeof window ? window : globalThis;
     if (_window.DOMParser) {
       const svg = new _window.DOMParser().parseFromString(svgStr, "image/svg+xml").children[0],
         data = new XMLSerializer().serializeToString(svg),
@@ -29810,8 +30004,15 @@ class TaroEnvContribution extends BaseEnvContribution {
     return Promise.reject();
   }
   createCanvas(params) {
-    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-    return this.canvasIdx++, result;
+    var _a, _b;
+    const envParams = this.taroEnvParams,
+      dpr = null !== (_a = params.dpr) && void 0 !== _a ? _a : this.getDevicePixelRatio(),
+      factoryCanvas = createCanvasWithFactory(params, dpr, this.canvasMap, envParams.canvasFactory);
+    if (factoryCanvas) return factoryCanvas;
+    const options = getMiniAppCanvasOptions(params, dpr, !1);
+    if (null == options.id || "function" != typeof (null === (_b = envParams.taro) || void 0 === _b ? void 0 : _b.createCanvasContext)) throw new Error(TARO_CANVAS_BRIDGE_ERROR);
+    const canvas = wrapMiniAppContextCanvas(envParams.taro.createCanvasContext(options.id), options);
+    return this.canvasMap.set(options.id, canvas), canvas;
   }
   createOffscreenCanvas(params) {}
   releaseCanvas(canvas) {}
@@ -29919,7 +30120,12 @@ class TTWindowHandlerContribution extends BaseWindowHandlerContribution {
   createWindowByCanvas(params) {
     let canvas;
     if ("string" == typeof params.canvas) {
-      if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+      if (canvas = this.global.getElementById(params.canvas), canvas || (canvas = this.global.createCanvas({
+        id: params.canvas,
+        width: params.width,
+        height: params.height,
+        dpr: params.dpr
+      })), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
     } else canvas = params.canvas;
     let width = params.width,
       height = params.height;
@@ -29994,51 +30200,22 @@ function bindTTWindowContribution(container) {
   (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, TTWindowHandlerContribution)) || container.bind(TTWindowHandlerContribution).toSelf(), (null === (_b = container.getNamed) || void 0 === _b ? void 0 : _b.call(container, WindowHandlerContribution, TTWindowHandlerContribution.env)) || container.bind(WindowHandlerContribution).toService(TTWindowHandlerContribution).whenTargetNamed(TTWindowHandlerContribution.env);
 }
 
-var __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      var value;
-      result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
-        resolve(value);
-      })).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
-  return __awaiter$2(this, void 0, void 0, function* () {
-    const dpr = tt.getSystemInfoSync().pixelRatio;
-    for (let i = 0; i < canvasIdLists.length; i++) {
-      const id = canvasIdLists[i];
-      yield new Promise(resolve => {
-        let data = tt.createSelectorQuery();
-        component && (data = data.in(component)), data.select(`#${id}`).node().exec(res => {
-          const canvas = res[0].node,
-            width = canvas.width,
-            height = canvas.height;
-          canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
-        });
-      });
-    }
-  });
+const TT_CANVAS_BRIDGE_ERROR = "TT canvas bridge is unavailable. VRender tt env requires envParams.canvasFactory, a Stage canvas object, or a tt runtime that exposes createCanvasContext(id).";
+function getTTRuntime(params) {
+  var _a, _b, _c;
+  try {
+    return null !== (_b = null !== (_a = null == params ? void 0 : params.tt) && void 0 !== _a ? _a : null == params ? void 0 : params.runtime) && void 0 !== _b ? _b : "undefined" != typeof tt ? tt : void 0;
+  } catch (_d) {
+    return null !== (_c = null == params ? void 0 : params.tt) && void 0 !== _c ? _c : null == params ? void 0 : params.runtime;
+  }
+}
+function getTTPixelRatio(params, runtime = getTTRuntime(params)) {
+  var _a, _b, _c, _d;
+  return null !== (_d = null !== (_a = null == params ? void 0 : params.pixelRatio) && void 0 !== _a ? _a : null === (_c = null === (_b = null == runtime ? void 0 : runtime.getSystemInfoSync) || void 0 === _b ? void 0 : _b.call(runtime)) || void 0 === _c ? void 0 : _c.pixelRatio) && void 0 !== _d ? _d : 1;
 }
 class TTEnvContribution extends BaseEnvContribution {
   constructor() {
-    super(), this.type = "tt", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+    super(), this.type = "tt", this.supportEvent = !0, this.canvasMap = new Map(), this.ttEnvParams = {}, this.supportsTouchEvents = !0;
     try {
       this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
     } catch (err) {
@@ -30046,8 +30223,8 @@ class TTEnvContribution extends BaseEnvContribution {
     }
     this.applyStyles = !0;
   }
-  configure(service, params) {
-    if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then(() => {});
+  configure(service, params = {}) {
+    service.env === this.type && (service.setActiveEnvContribution(this), this.ttEnvParams = params);
   }
   loadImage(url) {
     return Promise.resolve({
@@ -30059,13 +30236,21 @@ class TTEnvContribution extends BaseEnvContribution {
     return Promise.reject();
   }
   createCanvas(params) {
-    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-    return this.canvasIdx++, result;
+    var _a;
+    const envParams = this.ttEnvParams,
+      runtime = getTTRuntime(envParams),
+      dpr = null !== (_a = params.dpr) && void 0 !== _a ? _a : getTTPixelRatio(envParams, runtime),
+      factoryCanvas = createCanvasWithFactory(params, dpr, this.canvasMap, envParams.canvasFactory);
+    if (factoryCanvas) return factoryCanvas;
+    const options = getMiniAppCanvasOptions(params, dpr, !1);
+    if (null == options.id || "function" != typeof (null == runtime ? void 0 : runtime.createCanvasContext)) throw new Error(TT_CANVAS_BRIDGE_ERROR);
+    const canvas = wrapMiniAppContextCanvas(runtime.createCanvasContext(options.id), options);
+    return this.canvasMap.set(options.id, canvas), canvas;
   }
   createOffscreenCanvas(params) {}
   releaseCanvas(canvas) {}
   getDevicePixelRatio() {
-    return tt.getSystemInfoSync().pixelRatio;
+    return getTTPixelRatio(this.ttEnvParams);
   }
   getRequestAnimationFrame() {
     return function (callback) {
@@ -30186,7 +30371,12 @@ class WxWindowHandlerContribution extends BaseWindowHandlerContribution {
   createWindowByCanvas(params) {
     let canvas;
     if ("string" == typeof params.canvas) {
-      if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+      if (canvas = this.global.getElementById(params.canvas), canvas || (canvas = this.global.createCanvas({
+        id: params.canvas,
+        width: params.width,
+        height: params.height,
+        dpr: params.dpr
+      })), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
     } else canvas = params.canvas;
     let width = params.width,
       height = params.height;
@@ -30264,55 +30454,22 @@ function bindWxWindowContribution(container) {
   (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, WxWindowHandlerContribution)) || container.bind(WxWindowHandlerContribution).toSelf(), (null === (_b = container.getNamed) || void 0 === _b ? void 0 : _b.call(container, WindowHandlerContribution, WxWindowHandlerContribution.env)) || container.bind(WindowHandlerContribution).toService(WxWindowHandlerContribution).whenTargetNamed(WxWindowHandlerContribution.env);
 }
 
-var __awaiter$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      var value;
-      result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
-        resolve(value);
-      })).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component, forceUpdate) {
-  return __awaiter$1(this, void 0, void 0, function* () {
-    const dpr = wx.getSystemInfoSync().pixelRatio;
-    for (let i = 0; i < canvasIdLists.length; i++) {
-      const id = canvasIdLists[i];
-      !forceUpdate && canvasMap.has(id) || (yield new Promise(resolve => {
-        let data = wx.createSelectorQuery();
-        component && (data = data.in(component)), data.select(`#${id}`).fields({
-          node: !0,
-          size: !0
-        }).exec(res => {
-          if (!res[0]) return;
-          const canvas = res[0].node,
-            width = res[0].width,
-            height = res[0].height;
-          canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
-        });
-      }));
-    }
-  });
+const WX_CANVAS_BRIDGE_ERROR = "Wx canvas bridge is unavailable. VRender wx env requires envParams.canvasFactory, a Stage canvas object, or a wx runtime that exposes createCanvasContext(id).";
+function getWxRuntime(params) {
+  var _a, _b, _c;
+  try {
+    return null !== (_b = null !== (_a = null == params ? void 0 : params.wx) && void 0 !== _a ? _a : null == params ? void 0 : params.runtime) && void 0 !== _b ? _b : "undefined" != typeof wx ? wx : void 0;
+  } catch (_d) {
+    return null !== (_c = null == params ? void 0 : params.wx) && void 0 !== _c ? _c : null == params ? void 0 : params.runtime;
+  }
+}
+function getWxPixelRatio(params, runtime = getWxRuntime(params)) {
+  var _a, _b, _c, _d;
+  return null !== (_d = null !== (_a = null == params ? void 0 : params.pixelRatio) && void 0 !== _a ? _a : null === (_c = null === (_b = null == runtime ? void 0 : runtime.getSystemInfoSync) || void 0 === _b ? void 0 : _b.call(runtime)) || void 0 === _c ? void 0 : _c.pixelRatio) && void 0 !== _d ? _d : 1;
 }
 class WxEnvContribution extends BaseEnvContribution {
   constructor() {
-    super(), this.type = "wx", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+    super(), this.type = "wx", this.supportEvent = !0, this.canvasMap = new Map(), this.wxEnvParams = {}, this.supportsTouchEvents = !0;
     try {
       this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
     } catch (err) {
@@ -30320,8 +30477,8 @@ class WxEnvContribution extends BaseEnvContribution {
     }
     this.applyStyles = !0;
   }
-  configure(service, params) {
-    if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component, params.forceUpdate).then(() => {});
+  configure(service, params = {}) {
+    service.env === this.type && (service.setActiveEnvContribution(this), this.wxEnvParams = params);
   }
   loadImage(url) {
     return Promise.resolve({
@@ -30336,13 +30493,21 @@ class WxEnvContribution extends BaseEnvContribution {
     });
   }
   createCanvas(params) {
-    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-    return this.canvasIdx++, result;
+    var _a;
+    const envParams = this.wxEnvParams,
+      runtime = getWxRuntime(envParams),
+      dpr = null !== (_a = params.dpr) && void 0 !== _a ? _a : getWxPixelRatio(envParams, runtime),
+      factoryCanvas = createCanvasWithFactory(params, dpr, this.canvasMap, envParams.canvasFactory);
+    if (factoryCanvas) return factoryCanvas;
+    const options = getMiniAppCanvasOptions(params, dpr, !1);
+    if (null == options.id || "function" != typeof (null == runtime ? void 0 : runtime.createCanvasContext)) throw new Error(WX_CANVAS_BRIDGE_ERROR);
+    const canvas = wrapMiniAppContextCanvas(runtime.createCanvasContext(options.id), options);
+    return this.canvasMap.set(options.id, canvas), canvas;
   }
   createOffscreenCanvas(params) {}
   releaseCanvas(canvas) {}
   getDevicePixelRatio() {
-    return wx.getSystemInfoSync().pixelRatio;
+    return getWxPixelRatio(this.wxEnvParams);
   }
   getRequestAnimationFrame() {
     return function (callback) {
@@ -31390,7 +31555,7 @@ VRichText.Text = function (params) {
   }, params);
 };
 
-var __rest$f = undefined && undefined.__rest || function (s, e) {
+var __rest$e = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -31414,7 +31579,7 @@ function jsx(type, config, ...children) {
       animation: animation,
       timeline: timeline
     } = _a,
-    props = __rest$f(_a, ["key", "name", "id", "attribute", "stateProxy", "animation", "timeline"]);
+    props = __rest$e(_a, ["key", "name", "id", "attribute", "stateProxy", "animation", "timeline"]);
   let c = type;
   isString$1(type) && (c = graphicCreator$1[type]);
   const childrenList = [];
@@ -32865,187 +33030,6 @@ function bindLottieRenderContribution(container) {
   loadLottieModule || (loadLottieModule = !0, container.bind(DefaultCanvasLottieRender).toDynamicValue(() => new DefaultCanvasLottieRender(createContributionProvider(RectRenderContribution, container))).inSingletonScope(), container.bind(GraphicRender).toService(DefaultCanvasLottieRender));
 }
 
-var VRenderKitsRuntime = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    BrowserEnvContribution: BrowserEnvContribution,
-    CanvasArc3dPicker: CanvasArc3dPicker,
-    CanvasArcPicker: CanvasArcPicker,
-    CanvasAreaPicker: CanvasAreaPicker,
-    CanvasCirclePicker: CanvasCirclePicker,
-    CanvasGifImagePicker: CanvasGifImagePicker,
-    CanvasGlyphPicker: CanvasGlyphPicker,
-    CanvasGroupPicker: CanvasGroupPicker,
-    CanvasImagePicker: CanvasImagePicker,
-    CanvasLinePicker: CanvasLinePicker,
-    CanvasLottiePicker: CanvasLottiePicker,
-    CanvasPathPicker: CanvasPathPicker,
-    CanvasPickerContribution: CanvasPickerContribution,
-    CanvasPolygonPicker: CanvasPolygonPicker,
-    CanvasPyramid3dPicker: CanvasPyramid3dPicker,
-    CanvasRect3dPicker: CanvasRect3dPicker,
-    CanvasRectPicker: CanvasRectPicker,
-    CanvasRichTextPicker: CanvasRichTextPicker,
-    CanvasStarPicker: CanvasStarPicker,
-    CanvasSymbolPicker: CanvasSymbolPicker,
-    CanvasTextPicker: CanvasTextPicker,
-    DragNDrop: DragNDrop,
-    Fragment: Fragment,
-    Gesture: Gesture,
-    GifImage: GifImage,
-    Lottie: Lottie,
-    MathArcPicker: MathArcPicker,
-    MathAreaPicker: MathAreaPicker,
-    MathCirclePicker: MathCirclePicker,
-    MathGlyphPicker: MathGlyphPicker,
-    MathImagePicker: MathImagePicker,
-    MathLinePicker: MathLinePicker,
-    MathPathPicker: MathPathPicker,
-    MathPickerContribution: MathPickerContribution,
-    MathPolygonPicker: MathPolygonPicker,
-    MathRectPicker: MathRectPicker,
-    MathRichTextPicker: MathRichTextPicker,
-    MathSymbolPicker: MathSymbolPicker,
-    MathTextPicker: MathTextPicker,
-    REACT_TO_CANOPUS_EVENTS: REACT_TO_CANOPUS_EVENTS,
-    REACT_TO_CANOPUS_EVENTS_LIST: REACT_TO_CANOPUS_EVENTS_LIST,
-    VArc: VArc,
-    VArc3d: VArc3d,
-    VArea: VArea,
-    VCircle: VCircle,
-    VGlyph: VGlyph,
-    VGroup: VGroup,
-    VImage: VImage,
-    VLine: VLine,
-    VPath: VPath,
-    VPolygon: VPolygon,
-    VPyramid3d: VPyramid3d,
-    VRect: VRect,
-    VRect3d: VRect3d,
-    VRichText: VRichText,
-    VSymbol: VSymbol,
-    VText: VText,
-    _registerArc: _registerArc,
-    alternatingWave: alternatingWave,
-    bindArc3dCanvasPickerContribution: bindArc3dCanvasPickerContribution,
-    bindArcCanvasPickerContribution: bindArcCanvasPickerContribution,
-    bindArcMathPickerContribution: bindArcMathPickerContribution,
-    bindAreaCanvasPickerContribution: bindAreaCanvasPickerContribution,
-    bindAreaMathPickerContribution: bindAreaMathPickerContribution,
-    bindBrowserEnv: bindBrowserEnv,
-    bindCircleCanvasPickerContribution: bindCircleCanvasPickerContribution,
-    bindCircleMathPickerContribution: bindCircleMathPickerContribution,
-    bindFeishuEnv: bindFeishuEnv,
-    bindGifImageCanvasPickerContribution: bindGifImageCanvasPickerContribution,
-    bindGifImageRenderContribution: bindGifImageRenderContribution,
-    bindGlyphCanvasPickerContribution: bindGlyphCanvasPickerContribution,
-    bindGlyphMathPickerContribution: bindGlyphMathPickerContribution,
-    bindHarmonyEnv: bindHarmonyEnv,
-    bindImageCanvasPickerContribution: bindImageCanvasPickerContribution,
-    bindImageMathPickerContribution: bindImageMathPickerContribution,
-    bindLineCanvasPickerContribution: bindLineCanvasPickerContribution,
-    bindLineMathPickerContribution: bindLineMathPickerContribution,
-    bindLottieCanvasPickerContribution: bindLottieCanvasPickerContribution,
-    bindLottieRenderContribution: bindLottieRenderContribution,
-    bindLynxEnv: bindLynxEnv,
-    bindMathPicker: bindMathPicker,
-    bindNodeEnv: bindNodeEnv,
-    bindPathCanvasPickerContribution: bindPathCanvasPickerContribution,
-    bindPathMathPickerContribution: bindPathMathPickerContribution,
-    bindPolygonCanvasPickerContribution: bindPolygonCanvasPickerContribution,
-    bindPolygonMathPickerContribution: bindPolygonMathPickerContribution,
-    bindPyramid3dCanvasPickerContribution: bindPyramid3dCanvasPickerContribution,
-    bindRect3dCanvasPickerContribution: bindRect3dCanvasPickerContribution,
-    bindRectCanvasPickerContribution: bindRectCanvasPickerContribution,
-    bindRectMathPickerContribution: bindRectMathPickerContribution,
-    bindRichTextMathPickerContribution: bindRichTextMathPickerContribution,
-    bindRichtextCanvasPickerContribution: bindRichtextCanvasPickerContribution,
-    bindSymbolCanvasPickerContribution: bindSymbolCanvasPickerContribution,
-    bindSymbolMathPickerContribution: bindSymbolMathPickerContribution,
-    bindTTEnv: bindTTEnv,
-    bindTaroEnv: bindTaroEnv,
-    bindTextCanvasPickerContribution: bindTextCanvasPickerContribution,
-    bindTextMathPickerContribution: bindTextMathPickerContribution,
-    bindWxEnv: bindWxEnv,
-    centerToCorner: centerToCorner,
-    columnCenterToEdge: columnCenterToEdge,
-    columnEdgeToCenter: columnEdgeToCenter,
-    columnLeftToRight: columnLeftToRight,
-    columnRightToLeft: columnRightToLeft,
-    cornerToCenter: cornerToCenter,
-    createGifImage: createGifImage,
-    createImageElement: createImageElement$1,
-    createLottie: createLottie,
-    decodeReactDom: decodeReactDom,
-    diagonalCenterToEdge: diagonalCenterToEdge,
-    diagonalTopLeftToBottomRight: diagonalTopLeftToBottomRight,
-    initAllEnv: initAllEnv,
-    initBrowserEnv: initBrowserEnv,
-    initFeishuEnv: initFeishuEnv,
-    initHarmonyEnv: initHarmonyEnv,
-    initLynxEnv: initLynxEnv,
-    initNodeEnv: initNodeEnv,
-    initTTEnv: initTTEnv,
-    initTaroEnv: initTaroEnv,
-    initWxEnv: initWxEnv,
-    installBrowserEnvToApp: installBrowserEnvToApp,
-    installBrowserPickersToApp: installBrowserPickersToApp,
-    installDefaultGraphicsToApp: installDefaultGraphicsToApp,
-    installFeishuEnvToApp: installFeishuEnvToApp,
-    installHarmonyEnvToApp: installHarmonyEnvToApp,
-    installLynxEnvToApp: installLynxEnvToApp,
-    installMathPickersToApp: installMathPickersToApp,
-    installNodeEnvToApp: installNodeEnvToApp,
-    installNodePickersToApp: installNodePickersToApp,
-    installTTEnvToApp: installTTEnvToApp,
-    installTaroEnvToApp: installTaroEnvToApp,
-    installWxEnvToApp: installWxEnvToApp,
-    jsx: jsx,
-    loadAllEnv: loadAllEnv,
-    loadAllModule: loadAllModule,
-    loadBrowserEnv: loadBrowserEnv,
-    loadFeishuEnv: loadFeishuEnv,
-    loadHarmonyEnv: loadHarmonyEnv,
-    loadLynxEnv: loadLynxEnv,
-    loadMathPicker: loadMathPicker,
-    loadNodeEnv: loadNodeEnv,
-    loadTTEnv: loadTTEnv,
-    loadTaroEnv: loadTaroEnv,
-    loadWxEnv: loadWxEnv,
-    particleEffect: particleEffect,
-    pulseWave: pulseWave,
-    randomOpacity: randomOpacity,
-    registerArc: registerArc,
-    registerArc3d: registerArc3d,
-    registerArea: registerArea,
-    registerCircle: registerCircle,
-    registerGifGraphic: registerGifGraphic,
-    registerGifImage: registerGifImage,
-    registerGlyph: registerGlyph,
-    registerGroup: registerGroup,
-    registerImage: registerImage,
-    registerLine: registerLine,
-    registerPath: registerPath,
-    registerPolygon: registerPolygon,
-    registerPyramid3d: registerPyramid3d,
-    registerRect: registerRect,
-    registerRect3d: registerRect3d,
-    registerRichtext: registerRichtext,
-    registerShadowRoot: registerShadowRoot,
-    registerStar: registerStar,
-    registerSymbol: registerSymbol,
-    registerText: registerText,
-    registerWrapText: registerWrapText,
-    rippleEffect: rippleEffect,
-    rotationScan: rotationScan,
-    roughModule: roughModule,
-    rowBottomToTop: rowBottomToTop,
-    rowCenterToEdge: rowCenterToEdge,
-    rowEdgeToCenter: rowEdgeToCenter,
-    rowTopToBottom: rowTopToBottom,
-    snakeWave: snakeWave,
-    spiralEffect: spiralEffect
-});
-
 class Easing {
   constructor() {}
   static linear(t) {
@@ -37392,36 +37376,40 @@ class ScaleIn extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onBind() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     let from, to;
     super.onBind();
     const attrs = this.target.getFinalAttribute(),
-      fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {};
-    switch (null === (_b = this.params) || void 0 === _b ? void 0 : _b.direction) {
+      fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {},
+      options = null === (_b = this.params) || void 0 === _b ? void 0 : _b.options,
+      direction = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.direction) && void 0 !== _d ? _d : null == options ? void 0 : options.direction,
+      fromScaleX = null !== (_j = null !== (_g = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromScaleX) && void 0 !== _f ? _f : null == options ? void 0 : options.fromScaleX) && void 0 !== _g ? _g : null === (_h = this.params) || void 0 === _h ? void 0 : _h.fromScale) && void 0 !== _j ? _j : null == options ? void 0 : options.fromScale,
+      fromScaleY = null !== (_p = null !== (_m = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromScaleY) && void 0 !== _l ? _l : null == options ? void 0 : options.fromScaleY) && void 0 !== _m ? _m : null === (_o = this.params) || void 0 === _o ? void 0 : _o.fromScale) && void 0 !== _p ? _p : null == options ? void 0 : options.fromScale;
+    switch (direction) {
       case "x":
         from = {
-          scaleX: null !== (_c = fromAttrs.scaleX) && void 0 !== _c ? _c : 0
+          scaleX: null !== (_q = null != fromScaleX ? fromScaleX : fromAttrs.scaleX) && void 0 !== _q ? _q : 0
         }, to = {
-          scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1
+          scaleX: null !== (_r = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _r ? _r : 1
         }, this._updateFunction = this.updateX;
         break;
       case "y":
         from = {
-          scaleY: null !== (_e = fromAttrs.scaleY) && void 0 !== _e ? _e : 0
+          scaleY: null !== (_s = null != fromScaleY ? fromScaleY : fromAttrs.scaleY) && void 0 !== _s ? _s : 0
         }, to = {
-          scaleY: null !== (_f = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _f ? _f : 1
+          scaleY: null !== (_t = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _t ? _t : 1
         }, this._updateFunction = this.updateY;
         break;
       default:
         from = {
-          scaleX: null !== (_g = fromAttrs.scaleX) && void 0 !== _g ? _g : 0,
-          scaleY: null !== (_h = fromAttrs.scaleY) && void 0 !== _h ? _h : 0
+          scaleX: null !== (_u = null != fromScaleX ? fromScaleX : fromAttrs.scaleX) && void 0 !== _u ? _u : 0,
+          scaleY: null !== (_v = null != fromScaleY ? fromScaleY : fromAttrs.scaleY) && void 0 !== _v ? _v : 0
         }, to = {
-          scaleX: null !== (_j = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _j ? _j : 1,
-          scaleY: null !== (_k = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _k ? _k : 1
+          scaleX: null !== (_w = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _w ? _w : 1,
+          scaleY: null !== (_x = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _x ? _x : 1
         }, this._updateFunction = this.updateXY;
     }
-    null === (_m = (_l = this.target).applyFinalAttributeToAttribute) || void 0 === _m || _m.call(_l), this.props = to, this.from = from, this.to = to, !1 !== (null === (_o = this.params.controlOptions) || void 0 === _o ? void 0 : _o.immediatelyApply) && applyAppearStartAttributes(this.target, from);
+    null === (_z = (_y = this.target).applyFinalAttributeToAttribute) || void 0 === _z || _z.call(_y), this.props = to, this.from = from, this.to = to, !1 !== (null === (_0 = this.params.controlOptions) || void 0 === _0 ? void 0 : _0.immediatelyApply) && applyAppearStartAttributes(this.target, from);
   }
   onEnd(cb) {
     super.onEnd(cb);
@@ -40541,7 +40529,7 @@ function loadTagComponent() {
   registerGroup(), registerRect(), registerSymbol(), registerRichtext(), registerText();
 }
 
-var __rest$e = undefined && undefined.__rest || function (s, e) {
+var __rest$d = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -40595,7 +40583,7 @@ class Tag extends AbstractComponent {
     const {
         visible: shapeVisible
       } = shape,
-      shapeStyle = __rest$e(shape, ["visible"]);
+      shapeStyle = __rest$d(shape, ["visible"]);
     if (isBoolean$1(shapeVisible)) {
       const size = (null == shapeStyle ? void 0 : shapeStyle.size) || 10,
         maxSize = isNumber$2(size) ? size : Math.max(size[0], size[1]);
@@ -40696,7 +40684,7 @@ class Tag extends AbstractComponent {
     const {
         visible: bgVisible
       } = panel,
-      backgroundStyle = __rest$e(panel, ["visible"]);
+      backgroundStyle = __rest$d(panel, ["visible"]);
     if (visible && isBoolean$1(bgVisible)) {
       const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
         visible: bgVisible && !!text,
@@ -40778,7 +40766,7 @@ function setPoptipTheme(defaultPoptipTheme) {
   merge(theme.poptip, DEFAULT_THEME, defaultPoptipTheme);
 }
 
-var __rest$d = undefined && undefined.__rest || function (s, e) {
+var __rest$c = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -40887,7 +40875,7 @@ class PopTip extends AbstractComponent {
         visible: bgVisible,
         square: square
       } = panel,
-      backgroundStyle = __rest$d(panel, ["visible", "square"]);
+      backgroundStyle = __rest$c(panel, ["visible", "square"]);
     if (square) {
       const maxWH = max(popTipWidth, poptipHeight);
       popTipWidth = maxWH;
@@ -42868,7 +42856,7 @@ function loadCircleAxisGridComponent() {
   registerGroup(), registerPath();
 }
 
-var __rest$c = undefined && undefined.__rest || function (s, e) {
+var __rest$b = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -42975,7 +42963,7 @@ class LineAxis extends AxisBase {
         style: style,
         state: state
       } = _a,
-      restLineAttrs = __rest$c(_a, ["startSymbol", "endSymbol", "style", "state"]),
+      restLineAttrs = __rest$b(_a, ["startSymbol", "endSymbol", "style", "state"]),
       lineAttrs = Object.assign({
         startSymbol: startSymbol,
         endSymbol: endSymbol,
@@ -43016,7 +43004,7 @@ class LineAxis extends AxisBase {
         state = {},
         maxWidth: maxWidth
       } = _d,
-      restAttrs = __rest$c(_d, ["position", "space", "textStyle", "autoRotate", "shape", "background", "state", "maxWidth"]);
+      restAttrs = __rest$b(_d, ["position", "space", "textStyle", "autoRotate", "shape", "background", "state", "maxWidth"]);
     let percent = .5;
     "start" === position ? percent = 0 : "end" === position && (percent = 1);
     const {
@@ -43118,7 +43106,7 @@ class LineAxis extends AxisBase {
         text: textContent = "",
         maxWidth: maxWidth
       } = _c,
-      restAttrs = __rest$c(_c, ["position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth"]),
+      restAttrs = __rest$b(_c, ["position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth"]),
       point = this.getTickCoord(0);
     "bottom" === orient || "top" === orient ? point.x = position : point.y = position;
     let tickLength = 0;
@@ -43490,7 +43478,7 @@ function circleAutoLimit(labels, config) {
   });
 }
 
-var __rest$b = undefined && undefined.__rest || function (s, e) {
+var __rest$a = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -43549,7 +43537,7 @@ class CircleAxis extends AxisBase {
         background: background,
         state = {}
       } = _d,
-      restAttrs = __rest$b(_d, ["space", "textStyle", "shape", "background", "state"]);
+      restAttrs = __rest$a(_d, ["space", "textStyle", "shape", "background", "state"]);
     let titlePoint = center,
       labelHeight = 0;
     (null === (_a = this.attribute.label) || void 0 === _a ? void 0 : _a.visible) && !1 === this.attribute.label.inside && (labelHeight = get$1(this.attribute.label, "style.fontSize", 12) + get$1(this.attribute.label, "space", 4));
@@ -45108,15 +45096,6 @@ function getAlignOffset(align) {
   return "left" === align ? 0 : "right" === align ? 1 : .5;
 }
 
-var __rest$a = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-  if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
-    var i = 0;
-    for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-  }
-  return t;
-};
 class LabelUpdate extends AComponentAnimate {
   onBind() {
     const animator = createComponentAnimator(this.target);
@@ -45132,8 +45111,8 @@ class LabelUpdate extends AComponentAnimate {
       } = this.params,
       diff = {};
     for (const key in curText.attribute) prevText.attribute[key] !== curText.attribute[key] && (diff[key] = curText.attribute[key]);
-    const rest = __rest$a(diff, ["text"]);
-    animator.animate(prevText, {
+    const rest = Object.assign({}, diff);
+    delete rest.text, animator.animate(prevText, {
       type: "to",
       to: rest,
       duration: duration,
@@ -45363,14 +45342,6 @@ var __rest$9 = undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
-function cloneAttributeSnapshot(value) {
-  if (!isObject$1(value) || isArray$1(value)) return value;
-  const snapshot = {};
-  return Object.keys(value).forEach(key => {
-    const nextValue = value[key];
-    snapshot[key] = isObject$1(nextValue) && !isArray$1(nextValue) ? cloneAttributeSnapshot(nextValue) : nextValue;
-  }), snapshot;
-}
 loadLabelComponent();
 class LabelBase extends AnimateComponent {
   setBitmap(bitmap) {
@@ -45414,7 +45385,7 @@ class LabelBase extends AnimateComponent {
   }
   labeling(textBounds, graphicBounds, position, offset) {}
   _getLabelLinePoints(text, baseMark) {
-    return connectLineBetweenBounds(text.AABBBounds, null == baseMark ? void 0 : baseMark.AABBBounds);
+    return connectLineBetweenBounds(text.AABBBounds, this.getGraphicFinalLayoutBounds(baseMark));
   }
   _createLabelLine(text, baseMark) {
     const points = this._getLabelLinePoints(text, baseMark);
@@ -45482,11 +45453,8 @@ class LabelBase extends AnimateComponent {
   }
   render() {
     if (this._exitReleaseState) return;
-    if (this._prepare(), isNil$1(this._idToGraphic) || this._isCollectionBase && isNil$1(this._idToPoint)) return;
-    const markAttributeList = [];
-    !1 !== this._enableAnimation && this._baseMarks.forEach(mark => {
-      markAttributeList.push(cloneAttributeSnapshot(mark.attribute)), mark.initAttributes(this.getGraphicFinalLayoutAttributes(mark));
-    });
+    if (this._finalLayoutBoundsCache = void 0, this._prepare(), isNil$1(this._idToGraphic) || this._isCollectionBase && isNil$1(this._idToPoint)) return;
+    this._finalLayoutBoundsCache = new Map();
     const {
       overlap: overlap,
       smartInvert: smartInvert,
@@ -45511,9 +45479,7 @@ class LabelBase extends AnimateComponent {
     }
     isFunction$1(customOverlapFunc) ? labels = customOverlapFunc(overlapLabels, this.getRelatedGraphic.bind(this), this._isCollectionBase ? d => this._idToPoint.get(d.id) : null, this).concat(filteredLabels) : !1 !== overlap && (labels = this._overlapping(overlapLabels).concat(filteredLabels)), isFunction$1(this.attribute.onAfterOverlapping) && this.attribute.onAfterOverlapping(labels, this.getRelatedGraphic.bind(this), this._isCollectionBase ? d => this._idToPoint.get(d.id) : null, this), labels && labels.length && labels.forEach(label => {
       this._bindEvent(label), this._setStatesOfText(label);
-    }), !1 !== smartInvert && this._smartInvert(labels), this._renderLabels(labels), !1 !== this._enableAnimation && this._baseMarks.forEach((mark, index) => {
-      mark.initAttributes(markAttributeList[index]);
-    });
+    }), !1 !== smartInvert && this._smartInvert(labels), this._renderLabels(labels), this._finalLayoutBoundsCache = void 0;
   }
   _bindEvent(target) {
     if (this.attribute.disableTriggerEvent) return;
@@ -45580,6 +45546,24 @@ class LabelBase extends AnimateComponent {
     var _a;
     return !!(null === (_a = null == graphic ? void 0 : graphic.context) || void 0 === _a ? void 0 : _a.finalAttrs);
   }
+  shouldUseGraphicFinalLayoutAttributes(graphic) {
+    var _a;
+    return !!graphic && (!!(null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.animationState) || this.hasGraphicContextFinalLayoutAttributes(graphic));
+  }
+  getGraphicFinalLayoutBounds(graphic) {
+    var _a, _b;
+    if (!graphic) return;
+    const useFinalAttrs = this.shouldUseGraphicFinalLayoutAttributes(graphic),
+      graphicAttrs = useFinalAttrs ? this.getGraphicFinalLayoutAttributes(graphic) : graphic.attribute;
+    if (!1 === (null == graphicAttrs ? void 0 : graphicAttrs.visible)) return;
+    if (!useFinalAttrs) return graphic.AABBBounds;
+    const cachedBounds = null === (_a = this._finalLayoutBoundsCache) || void 0 === _a ? void 0 : _a.get(graphic);
+    if (cachedBounds) return cachedBounds;
+    const clonedGraphic = graphic.clone();
+    clonedGraphic.initAttributes(Object.assign(Object.assign({}, clonedGraphic.attribute), graphicAttrs));
+    const bounds = clonedGraphic.AABBBounds;
+    return null === (_b = this._finalLayoutBoundsCache) || void 0 === _b || _b.set(graphic, bounds), bounds;
+  }
   _initText(data = []) {
     const {
         textStyle = {}
@@ -45727,7 +45711,8 @@ class LabelBase extends AnimateComponent {
       result = [],
       checkBounds = strategy.some(s => "bound" === s.type);
     avoidBaseMark && (null === (_a = this._baseMarks) || void 0 === _a || _a.forEach(mark => {
-      mark.AABBBounds && bitmap.setRange(boundToRange(bmpTool, mark.AABBBounds, !0));
+      const markBounds = this.getGraphicFinalLayoutBounds(mark);
+      markBounds && bitmap.setRange(boundToRange(bmpTool, markBounds, !0));
     })), avoidMarks.length > 0 && avoidMarks.forEach(avoid => {
       isString$1(avoid) ? getNoneGroupMarksByName(this.getRootNode(), avoid).forEach(avoidMark => {
         avoidMark.AABBBounds && bitmap.setRange(boundToRange(bmpTool, avoidMark.AABBBounds, !0));
@@ -45743,7 +45728,7 @@ class LabelBase extends AnimateComponent {
           bitmap.setRange(boundToRange(bmpTool, text.AABBBounds, !0)), result.push(text);
           continue;
         }
-        if (checkBounds && baseMark && baseMark.AABBBounds && this._canPlaceInside(text.AABBBounds, baseMark.AABBBounds)) {
+        if (checkBounds && baseMark && this._canPlaceInside(text.AABBBounds, this.getGraphicFinalLayoutBounds(baseMark))) {
           bitmap.setRange(boundToRange(bmpTool, text.AABBBounds, !0)), result.push(text);
           continue;
         }
@@ -45768,6 +45753,7 @@ class LabelBase extends AnimateComponent {
     return result;
   }
   isMarkInsideRect(baseMark, bmpTool) {
+    if (!baseMark) return !1;
     const {
         left: left,
         right: right,
@@ -45780,11 +45766,9 @@ class LabelBase extends AnimateComponent {
         y1: -top,
         y2: bmpTool.height + bottom
       },
-      bounds = baseMark.AABBBounds;
-    if (0 !== bounds.width() && 0 !== bounds.height()) return isRectIntersect(baseMark.AABBBounds, rect, !0);
-    const {
-      attribute: attribute
-    } = baseMark;
+      bounds = this.getGraphicFinalLayoutBounds(baseMark);
+    if (bounds && 0 !== bounds.width() && 0 !== bounds.height()) return isRectIntersect(bounds, rect, !0);
+    const attribute = this.shouldUseGraphicFinalLayoutAttributes(baseMark) ? this.getGraphicFinalLayoutAttributes(baseMark) : baseMark.attribute;
     if ("rect" === baseMark.type) {
       const {
         x: x,
@@ -45809,19 +45793,13 @@ class LabelBase extends AnimateComponent {
     if (baseMarkGroupName) return this.getRootNode().find(node => node.name === baseMarkGroupName, !0);
   }
   getGraphicBounds(graphic, point = {}, position) {
-    var _a;
     if (graphic) {
-      if (!1 !== graphic.attribute.visible) {
-        if ((null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.animationState) || this.hasGraphicContextFinalLayoutAttributes(graphic)) {
-          const clonedGraphic = graphic.clone();
-          return Object.assign(clonedGraphic.attribute, this.getGraphicFinalLayoutAttributes(graphic)), clonedGraphic.AABBBounds;
-        }
-        return graphic.AABBBounds;
-      }
+      const graphicAttrs = this.shouldUseGraphicFinalLayoutAttributes(graphic) ? this.getGraphicFinalLayoutAttributes(graphic) : graphic.attribute;
+      if (!1 !== graphicAttrs.visible) return this.getGraphicFinalLayoutBounds(graphic);
       const {
         x: x,
         y: y
-      } = graphic.attribute;
+      } = graphicAttrs;
       return {
         x1: x,
         x2: x,
@@ -46009,8 +45987,9 @@ class LabelBase extends AnimateComponent {
       }
       const invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors, mode),
         similarColor = contrastAccessibilityChecker(invertColor, brightColor) ? brightColor : darkColor,
-        isInside = this._canPlaceInside(label.AABBBounds, baseMark.AABBBounds),
-        isIntersect = !isInside && label.AABBBounds && baseMark.AABBBounds && baseMark.AABBBounds.intersects(label.AABBBounds);
+        baseMarkBounds = this.getGraphicFinalLayoutBounds(baseMark),
+        isInside = this._canPlaceInside(label.AABBBounds, baseMarkBounds),
+        isIntersect = !isInside && label.AABBBounds && baseMarkBounds && baseMarkBounds.intersects(label.AABBBounds);
       if (isInside || outsideEnable || isIntersect && "inside" === interactInvertType) {
         const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
         if (fill && label.setAttributes({
@@ -48595,6 +48574,10 @@ class Marker extends AbstractComponent {
   }
 }
 
+function getSegmentLineGraphics(segment) {
+  var _a;
+  return segment ? [...(null !== (_a = segment.lines) && void 0 !== _a ? _a : []), segment.line].filter(Boolean) : [];
+}
 function graphicFadeIn(graphic, delay, duration, easing) {
   var _a, _b, _c, _d, _e;
   if (!graphic) return;
@@ -48613,7 +48596,7 @@ function graphicFadeIn(graphic, delay, duration, easing) {
   }, duration, easing);
 }
 function segmentFadeIn(segment, delay, duration, easing) {
-  segment && (graphicFadeIn(segment.startSymbol, delay, duration, easing), segment.lines.forEach(line => graphicFadeIn(line, delay, duration, easing)), graphicFadeIn(segment.line, delay, duration, easing), graphicFadeIn(segment.endSymbol, delay, duration, easing));
+  segment && (graphicFadeIn(segment.startSymbol, delay, duration, easing), getSegmentLineGraphics(segment).forEach(line => graphicFadeIn(line, delay, duration, easing)), graphicFadeIn(segment.endSymbol, delay, duration, easing));
 }
 function tagFadeIn(tag, delay, duration, easing) {
   tag && (graphicFadeIn(tag.getTextShape(), delay, duration, easing), graphicFadeIn(tag.getBgRect(), delay, duration, easing));
@@ -48632,7 +48615,7 @@ function graphicFadeOut(graphic, delay, duration, easing) {
   }, duration, easing));
 }
 function segmentFadeOut(segment, delay, duration, easing) {
-  segment && (graphicFadeOut(segment.startSymbol, delay, duration, easing), segment.lines.forEach(line => graphicFadeOut(line, delay, duration, easing)), graphicFadeOut(segment.line, delay, duration, easing), graphicFadeOut(segment.endSymbol, delay, duration, easing));
+  segment && (graphicFadeOut(segment.startSymbol, delay, duration, easing), getSegmentLineGraphics(segment).forEach(line => graphicFadeOut(line, delay, duration, easing)), graphicFadeOut(segment.endSymbol, delay, duration, easing));
 }
 function tagFadeOut(tag, delay, duration, easing) {
   tag && (graphicFadeOut(tag.getTextShape(), delay, duration, easing), graphicFadeOut(tag.getBgRect(), delay, duration, easing));
@@ -48643,12 +48626,14 @@ function commonLineClipIn(line, label, duration, delay, easing) {
     lineDuration = .7 * duration,
     endSymbolDuration = .1 * duration,
     labelDuration = .1 * duration;
-  graphicFadeIn(line.startSymbol, delay, startSymbolDuration, easing), line.lines.forEach(line => commitUpdateAnimationTarget(line, {
+  graphicFadeIn(line.startSymbol, delay, startSymbolDuration, easing);
+  const lines = getSegmentLineGraphics(line);
+  lines.forEach(line => commitUpdateAnimationTarget(line, {
     clipRange: 1
   }, {
     clipRange: 0
-  })), line.lines.forEach((l, index) => {
-    const stepDuration = lineDuration / line.lines.length;
+  })), lines.forEach((l, index) => {
+    const stepDuration = lineDuration / lines.length;
     l.animate().wait(delay + startSymbolDuration + index * stepDuration).to({
       clipRange: 1
     }, stepDuration, easing);
@@ -48705,12 +48690,14 @@ function pointCallIn(itemLine, decorativeLine, item, duration, delay, easing) {
     decorativeDuration = .05 * duration,
     endSymbolDuration = .1 * duration,
     labelDuration = .1 * duration;
-  graphicFadeIn(itemLine.startSymbol, delay, startSymbolDuration, easing), itemLine.lines.forEach(line => commitUpdateAnimationTarget(line, {
+  graphicFadeIn(itemLine.startSymbol, delay, startSymbolDuration, easing);
+  const lines = getSegmentLineGraphics(itemLine);
+  lines.forEach(line => commitUpdateAnimationTarget(line, {
     clipRange: 1
   }, {
     clipRange: 0
-  })), itemLine.lines.forEach((l, index) => {
-    const stepDuration = lineDuration / itemLine.lines.length;
+  })), lines.forEach((l, index) => {
+    const stepDuration = lineDuration / lines.length;
     l.animate().wait(delay + startSymbolDuration + index * stepDuration).to({
       clipRange: 1
     }, stepDuration, easing);
@@ -55724,14 +55711,13 @@ TableSeriesNumber.defaultAttributes = {
 const BOOTSTRAP_STATE = Symbol.for('vrender.bootstrap.state');
 const installBrowserEnvToAppWithParams = installBrowserEnvToApp;
 const installNodeEnvToAppWithParams = installNodeEnvToApp;
-const runtimeKits = VRenderKitsRuntime;
 const miniEnvBootstraps = {
-    taro: { installEnv: runtimeKits.installTaroEnvToApp, loadEnv: runtimeKits.loadTaroEnv },
-    feishu: { installEnv: runtimeKits.installFeishuEnvToApp, loadEnv: runtimeKits.loadFeishuEnv },
-    tt: { installEnv: runtimeKits.installTTEnvToApp, loadEnv: runtimeKits.loadTTEnv },
-    wx: { installEnv: runtimeKits.installWxEnvToApp, loadEnv: runtimeKits.loadWxEnv },
-    lynx: { installEnv: runtimeKits.installLynxEnvToApp, loadEnv: runtimeKits.loadLynxEnv },
-    harmony: { installEnv: runtimeKits.installHarmonyEnvToApp, loadEnv: runtimeKits.loadHarmonyEnv }
+    taro: { installEnv: installTaroEnvToApp, loadEnv: loadTaroEnv },
+    feishu: { installEnv: installFeishuEnvToApp, loadEnv: loadFeishuEnv },
+    tt: { installEnv: installTTEnvToApp, loadEnv: loadTTEnv },
+    wx: { installEnv: installWxEnvToApp, loadEnv: loadWxEnv },
+    lynx: { installEnv: installLynxEnvToApp, loadEnv: loadLynxEnv },
+    harmony: { installEnv: installHarmonyEnvToApp, loadEnv: loadHarmonyEnv }
 };
 const pluginRegistrations = [
     registerFlexLayoutPlugin,
@@ -55876,7 +55862,7 @@ function bootstrapVRenderMiniApp(app, env, envParams) {
     const bootstrap = miniEnvBootstraps[env];
     bootstrap.installEnv(app, envParams);
     installDefaultGraphicsToApp(app);
-    runtimeKits.installMathPickersToApp(app);
+    installMathPickersToApp(app);
     bootstrap.loadEnv();
     legacyGraphicRegistrations.forEach(register => register());
     syncLegacyRenderersToApp(app);
@@ -56107,6 +56093,6 @@ function createStage(params) {
     return resolveLegacyApp().createStage(params);
 }
 
-const version = "1.1.0-alpha.22";
+const version = "1.1.0-alpha.24";
 
 export { AComponentAnimate, ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AStageAnimate, AXIS_ELEMENT_NAME, AbstractComponent, AbstractGraphicRender, Animate, AnimateExecutor, AnimateMode, AnimateStatus, Step as AnimateStep, AnimateStepType, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, AppContext, Application, Arc, Arc3d, Arc3dRender, ArcInfo, ArcLabel, ArcRender, ArcRenderContribution, ArcSegment, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, AxisStateValue, BaseCanvas, BaseEnvContribution, BasePlayer, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEntry, BrowserEnvContribution, Brush, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGifImagePicker, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasLottiePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasStarPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, CheckBox, Circle, CircleAxis, CircleAxisGrid, CircleCrosshair, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ColorContinuousLegend, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, ComponentAnimator, Context2dFactory, ContinuousPlayer, ContributionProvider, ContributionRegistry, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TEXT_FONT_FAMILY$1 as DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionEnum, DirectionalLight, DiscreteLegend, DiscretePlayer, Dissolve, Distortion, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Easing, Edge, EditModule, EmptyContext2d, EmptyTip, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeIn, FadeOut, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, Fragment, FromTo, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, GaussianBlur, Generator, Gesture, GifImage, Glitch, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicFactory, GraphicPicker, GraphicRender, GraphicService, GraphicStateExtension, GraphicUtil, Grayscale, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupTransition, GroupUpdateAABBBoundsMode, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, HtmlAttributePlugin, IContainPointMode, IDataZoomEvent, IDataZoomInteractiveEvent, IMAGE_NUMBER_TYPE, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Image$1 as Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, Indicator, InputRichText, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LEGEND_ELEMENT_NAME, LINE_NUMBER_TYPE, LabelBase, LabelItemAppear, LabelItemDisappear, Layer, LayerFactory, LayerService, LegendEvent, LegendStateValue, Line$1 as Line, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LineRender, Linear, LinearClosed, LinkPath, Lottie, ManualTicker, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathRichTextPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, MeasureModeEnum, MiniappEntry, MonotoneX, MonotoneY, MorphingPath, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, NodeEntry, OrthoCamera, OutputRichText, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Pager, Particle, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerRegistry, PickerService, Pixelation, PlayerEventEnum, PluginRegistry, PluginService, Polygon, PolygonCrosshair, PolygonRender, PolygonRenderContribution, PolygonSectorCrosshair, PopTip, PoptipAppear, PoptipDisappear, PulseAnimate, Pyramid3d, Pyramid3dRender, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, Radio, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectCrosshair, RectLabel, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, RendererRegistry, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, RotateIn, RotateOut, SLIDER_ELEMENT_NAME, STAR_NUMBER_TYPE, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, ScaleIn, ScaleOut, ScrollBar, SectorCrosshair, SegContext, Segment, SeriesNumberCellStateValue, SeriesNumberEvent, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SizeContinuousLegend, SlideIn, SlideOut, SlideOutRichText, SlideRichText, Slider, SpinIn, SpinOut, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StageFactory, Star, StarRender, StarRenderContribution, State, StateDefinitionCompiler, StateEngine, StaticLayerHandlerContribution, Step$1 as Step, StepClosed, StoryLabelItem, StreamLight, StrokeIn, StrokeOut, Switch, Symbol$1 as Symbol, SymbolLabel, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TableSeriesNumber, Tag, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, Timeline, Title, Tooltip, TopZIndex, TransformUtil, Update, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VTag, VText, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WeatherBox, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, _registerArc, acquireSharedVRenderApp, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, alignTextInLine, alternatingWave, angle, angleLabelOrientAttribute, angleTo, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindArc3dCanvasPickerContribution, bindArc3dRenderModule, bindArcCanvasPickerContribution, bindArcMathPickerContribution, bindArcRenderModule, bindAreaCanvasPickerContribution, bindAreaMathPickerContribution, bindAreaRenderModule, bindBrowserEnv, bindCircleCanvasPickerContribution, bindCircleMathPickerContribution, bindCircleRenderModule, bindContributionProvider, bindContributionProviderNoSingletonScope, bindFeishuEnv, bindGifImageCanvasPickerContribution, bindGifImageRenderContribution, bindGlyphCanvasPickerContribution, bindGlyphMathPickerContribution, bindGlyphRenderModule, bindHarmonyEnv, bindImageCanvasPickerContribution, bindImageMathPickerContribution, bindImageRenderModule, bindLineCanvasPickerContribution, bindLineMathPickerContribution, bindLineRenderModule, bindLottieCanvasPickerContribution, bindLottieRenderContribution, bindLynxEnv, bindMathPicker, bindNodeEnv, bindPathCanvasPickerContribution, bindPathMathPickerContribution, bindPathRenderModule, bindPolygonCanvasPickerContribution, bindPolygonMathPickerContribution, bindPolygonRenderModule, bindPyramid3dCanvasPickerContribution, bindPyramid3dRenderModule, bindRect3dCanvasPickerContribution, bindRect3dRenderModule, bindRectCanvasPickerContribution, bindRectMathPickerContribution, bindRectRenderModule, bindRichTextMathPickerContribution, bindRichtextCanvasPickerContribution, bindRichtextRenderModule, bindStarRenderModule, bindSymbolCanvasPickerContribution, bindSymbolMathPickerContribution, bindSymbolRenderModule, bindTTEnv, bindTaroEnv, bindTextCanvasPickerContribution, bindTextMathPickerContribution, bindTextRenderModule, bindWxEnv, bootstrapLegacyVRenderRuntime, bootstrapVRenderBrowserApp, bootstrapVRenderMiniApp, bootstrapVRenderNodeApp, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, cartesianTicks, centerToCorner, centroidOfSubpath, circleBounds, circleModule, clampRadian, clock, colorEqual, colorStringInterpolationToStr, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeOffsetForlimit, configureRuntimeApplicationForApp, container, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, cornerTangents, cornerToCenter, createBrowserApp$1 as createApp, createArc, createArc3d, createArea, createBrowserApp$1 as createBrowserApp, createBrowserVRenderApp, createCanvasEventTransformer, createCircle, createColor, createComponentAnimator, createConicalGradient, createContributionProvider$1 as createContributionProvider, createEventTransformer, createFeishuVRenderApp, createGifImage, createGlyph, createGraphic$1 as createGraphic, createGroup, createHarmonyVRenderApp, createImage, createImageElement$1 as createImageElement, createLine, createLottie, createLynxVRenderApp, createMat4, createMiniappApp$1 as createMiniappApp, createNodeApp$1 as createNodeApp, createNodeVRenderApp, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createTTVRenderApp, createTaroVRenderApp, createText, createTextGraphicByType, createWrapText, createWxVRenderApp, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, deltaXYToAngle, diagonalCenterToEdge, diagonalTopLeftToBottomRight, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawBackgroundImage, drawImageWithLayout, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, fuzzyEqualNumber, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getAxisBreakSymbolAttrs, getBackgroundImage, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getElMap, getExtraModelMatrix, getHorizontalPath, getLegacyBindingContext, getMarksByName, getModelMatrix, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getRichTextBounds, getRuntimeInstallerBindingContext, getRuntimeInstallerGlobal, getScaledStroke, getSharedVRenderApp, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextBounds, getTextType, getTheme, getThemeFromGroup, getVerticalCoord, getVerticalPath, globalTheme, glyphModule, graphicCreator$1 as graphicCreator, graphicService, graphicUtil, hasOverlap, htmlAttributeTransform, identityMat4, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initTextMeasure, initWxEnv, installBrowserEnvToApp, installBrowserPickersToApp, installDefaultGraphicsToApp, installFeishuEnvToApp, installHarmonyEnvToApp, installLynxEnvToApp, installMathPickersToApp, installNodeEnvToApp, installNodePickersToApp, installPoptipToApp, installRuntimeDrawContributionsToApp, installRuntimeGraphicRenderersToApp, installRuntimePickersToApp, installScrollbarToApp, installTTEnvToApp, installTaroEnvToApp, installWxEnvToApp, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isInRange, isNoRepeatSizingMode, isNodeEnv, isPostiveXAxis, isRichText, isSvg, isVisible, isXML, jsx, labelSmartInvert, layerService, length, limitShapeInBounds, lineModule, linearDiscreteTicks, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadMathPicker, loadNodeEnv, loadPoptip, loadScrollbar, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, measureTextSize, morphPath, multiToOneMorph, multiplyMat4Mat3, multiplyMat4Mat4, newThemeObj, normalize$1 as normalize, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, particleEffect, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polarAngleAxisDiscreteTicks, polarTicks, polygonModule, preLoadAllModule, pulseWave, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, randomOpacity, reactAttributeTransform, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, refreshRuntimeInstallerContributions, registerAnimate, registerArc, registerArc3d, registerArc3dGraphic, registerArcDataLabel, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerCustomAnimate, registerDirectionalLight, registerFlexLayoutPlugin, registerGifGraphic, registerGifImage, registerGlobalEventTransformer, registerGlyph, registerGlyphGraphic, registerGraphic, registerGroup, registerGroupGraphic, registerHtmlAttributePlugin, registerImage, registerImageGraphic, registerLine, registerLineDataLabel, registerLineGraphic, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerOrthoCamera, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect, registerRect3d, registerRect3dGraphic, registerRectDataLabel, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerStar, registerStarGraphic, registerSymbol, registerSymbolDataLabel, registerSymbolGraphic, registerText, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapText, registerWrapTextGraphic, releaseSharedVRenderApp, removeRepeatPoint, renderCommandList, resolveBackgroundDrawMode, resolveBackgroundParamsByImageSizing, resolveBackgroundPosition, resolveBackgroundSizing, resolveContainerBinding$1 as resolveContainerBinding, resolveImageMode, resolveImageRepeatMode, resolveRenderableImageSize, rewriteProto, richTextAttributeTransform, richtextModule, rippleEffect, rotateX, rotateY, rotateZ, rotationScan, roughModule, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, runFill, runStroke, scale, scaleMat4, segments, setPoptipTheme, shouldClipImageByLayout, shouldUseMat4, smartInvertStrategy, snakeWave, snapLength, spiralEffect, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, tan2AngleToAngle, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textIntersect, textLayoutOffsetY, textModule, ticks, transformMat4, transformPointForCanvas, transformUtil, transitionRegistry, translate, traverseGroup, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };