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

package/dist/index.js

@@ -169,7 +169,7 @@
       }
     }
 
-    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 {
@@ -338,7 +338,7 @@
         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);
         });
       }
@@ -2668,7 +2668,7 @@
     };
     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 {
@@ -2736,7 +2736,7 @@
         }
       }
       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;
@@ -5202,6 +5202,7 @@
       cornerRadius: 0,
       padRadius: 0,
       padAngle: 0,
+      clipRange: 1,
       cap: !1,
       forceShowCap: !1
     });
@@ -6292,7 +6293,7 @@
       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 {
@@ -6321,7 +6322,7 @@
       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 => {
@@ -8809,6 +8810,7 @@
       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);
@@ -8983,6 +8985,12 @@
         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;
@@ -9017,6 +9025,7 @@
           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}`;
@@ -9907,8 +9916,7 @@
       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({
@@ -12831,7 +12839,7 @@
       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;
@@ -12875,11 +12883,12 @@
           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]));
@@ -14304,7 +14313,7 @@
       }
     }
 
-    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 {
@@ -14374,7 +14383,7 @@
       } 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);
       });
     }
@@ -15261,7 +15270,7 @@
       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 {
@@ -15458,7 +15467,7 @@
       }
       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", {
@@ -17943,7 +17952,7 @@
     }
 
     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 {
@@ -17978,7 +17987,7 @@
         }, 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;
@@ -17999,15 +18008,15 @@
         });
       }
       _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;
@@ -18028,7 +18037,7 @@
         });
       }
       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);
@@ -18037,13 +18046,13 @@
         });
       }
       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);
@@ -18055,11 +18064,11 @@
         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);
               })
@@ -19937,7 +19946,7 @@
       }
     }
 
-    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 {
@@ -20031,7 +20040,7 @@
         };
       }
       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"
           };
@@ -21196,7 +21205,7 @@
       };
     }
 
-    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) {
@@ -21294,7 +21303,7 @@
             {
               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]);
@@ -22316,77 +22325,82 @@
       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;
 
@@ -22427,11 +22441,11 @@
       }
     }
 
-    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));
     }
@@ -22464,11 +22478,11 @@
       }
     }
 
-    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;
 
@@ -22524,19 +22538,19 @@
       }
     }
 
-    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;
 
@@ -22663,11 +22677,11 @@
       }
     }
 
-    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;
 
@@ -22792,11 +22806,11 @@
       }
     }
 
-    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;
 
@@ -22831,11 +22845,11 @@
       }
     }
 
-    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;
 
@@ -27097,7 +27111,9 @@
       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";
@@ -28028,7 +28044,7 @@
       (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 {
@@ -28247,7 +28263,7 @@
         };
       }
       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"
@@ -28346,7 +28362,12 @@
       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;
@@ -28673,17 +28694,55 @@
       }
     }
 
-    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) {
@@ -28692,13 +28751,13 @@
         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({
@@ -28710,13 +28769,21 @@
         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) {
@@ -28784,6 +28851,40 @@
         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;
@@ -28812,7 +28913,8 @@
       createWindowByConfig(params) {
         const nativeCanvas = this.global.createCanvas({
             width: params.width,
-            height: params.height
+            height: params.height,
+            dpr: params.dpr
           }),
           options = {
             width: params.width,
@@ -28827,7 +28929,12 @@
       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;
@@ -28835,15 +28942,19 @@
           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);
       }
@@ -28866,12 +28977,15 @@
         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 {};
@@ -28903,24 +29017,89 @@
       (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) {
@@ -28928,8 +29107,8 @@
         }
         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;
@@ -28937,17 +29116,56 @@
       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);
@@ -28959,7 +29177,7 @@
       }
       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;
@@ -28971,7 +29189,8 @@
         return null;
       }
       getElementById(str) {
-        return null;
+        var _a;
+        return null !== (_a = this.canvasMap.get(str)) && void 0 !== _a ? _a : null;
       }
       getRootElement() {
         return null;
@@ -29243,13 +29462,11 @@
       }
       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) {
@@ -29273,29 +29490,6 @@
       }
       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."));
@@ -29319,7 +29513,7 @@
         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;
@@ -29351,7 +29545,7 @@
           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;
         }
@@ -29360,7 +29554,7 @@
         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;
@@ -29671,7 +29865,12 @@
       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;
@@ -29756,16 +29955,10 @@
       (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) {
@@ -29774,7 +29967,7 @@
         this.applyStyles = !0;
       }
       getDynamicCanvasCount() {
-        return this.freeCanvasList.length;
+        return 0;
       }
       getStaticCanvasCount() {
         return 9999;
@@ -29783,8 +29976,9 @@
         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({
@@ -29793,7 +29987,7 @@
         });
       }
       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),
@@ -29816,8 +30010,15 @@
         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) {}
@@ -29925,7 +30126,12 @@
       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;
@@ -30000,51 +30206,22 @@
       (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) {
@@ -30052,8 +30229,8 @@
         }
         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({
@@ -30065,13 +30242,21 @@
         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) {
@@ -30192,7 +30377,12 @@
       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;
@@ -30270,55 +30460,22 @@
       (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) {
@@ -30326,8 +30483,8 @@
         }
         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({
@@ -30342,13 +30499,21 @@
         });
       }
       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) {
@@ -31396,7 +31561,7 @@
       }, 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) {
@@ -31420,7 +31585,7 @@
           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 = [];
@@ -32871,187 +33036,6 @@
       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) {
@@ -37398,36 +37382,40 @@
         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);
@@ -40547,7 +40535,7 @@
       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) {
@@ -40601,7 +40589,7 @@
         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]);
@@ -40702,7 +40690,7 @@
         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,
@@ -40784,7 +40772,7 @@
       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) {
@@ -40893,7 +40881,7 @@
             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;
@@ -42874,7 +42862,7 @@
       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) {
@@ -42981,7 +42969,7 @@
             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,
@@ -43022,7 +43010,7 @@
             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 {
@@ -43124,7 +43112,7 @@
             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;
@@ -43496,7 +43484,7 @@
       });
     }
 
-    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) {
@@ -43555,7 +43543,7 @@
             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));
@@ -45114,15 +45102,6 @@
       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);
@@ -45138,8 +45117,8 @@
           } = 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,
@@ -45369,14 +45348,6 @@
       }
       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) {
@@ -45420,7 +45391,7 @@
       }
       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);
@@ -45488,11 +45459,8 @@
       }
       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,
@@ -45517,9 +45485,7 @@
         }
         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;
@@ -45586,6 +45552,24 @@
         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 = {}
@@ -45733,7 +45717,8 @@
           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));
@@ -45749,7 +45734,7 @@
               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;
             }
@@ -45774,6 +45759,7 @@
         return result;
       }
       isMarkInsideRect(baseMark, bmpTool) {
+        if (!baseMark) return !1;
         const {
             left: left,
             right: right,
@@ -45786,11 +45772,9 @@
             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,
@@ -45815,19 +45799,13 @@
         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,
@@ -46015,8 +45993,9 @@
           }
           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({
@@ -48601,6 +48580,10 @@
       }
     }
 
+    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;
@@ -48619,7 +48602,7 @@
       }, 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));
@@ -48638,7 +48621,7 @@
       }, 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));
@@ -48649,12 +48632,14 @@
         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);
@@ -48711,12 +48696,14 @@
         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);
@@ -55730,14 +55717,13 @@
     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,
@@ -55882,7 +55868,7 @@
         const bootstrap = miniEnvBootstraps[env];
         bootstrap.installEnv(app, envParams);
         installDefaultGraphicsToApp(app);
-        runtimeKits.installMathPickersToApp(app);
+        installMathPickersToApp(app);
         bootstrap.loadEnv();
         legacyGraphicRegistrations.forEach(register => register());
         syncLegacyRenderersToApp(app);
@@ -56113,7 +56099,7 @@
         return resolveLegacyApp().createStage(params);
     }
 
-    const version = "1.1.0-alpha.22";
+    const version = "1.1.0-alpha.24";
 
     exports.AComponentAnimate = AComponentAnimate;
     exports.ACustomAnimate = ACustomAnimate;