@visactor/vtable-calendar 1.19.10-alpha.0 → 1.19.10-alpha.1

package/dist/vtable-calendar.js

@@ -588,15 +588,7 @@
     const VGlobal = Symbol.for("VGlobal");
     const DEFAULT_TEXT_FONT_FAMILY$2 = "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol";
 
-    const container = new Container$1();
-
-    const RenderService = Symbol.for("RenderService");
-
-    class Application {
-      get renderService() {
-        return this._renderService || (this._renderService = container.get(RenderService)), this._renderService;
-      }
-    }
+    class Application {}
     const application = new Application();
 
     let idx = 0;
@@ -4643,8 +4635,7 @@
       y1: 0,
       strokeBoundsBuffer: 0,
       cornerRadius: 0,
-      cornerType: "round",
-      drawStrokeWhenZeroWH: !1
+      cornerType: "round"
     });
     Object.assign(Object.assign({}, DefaultAttribute), {
       width: 0,
@@ -4653,8 +4644,7 @@
       y1: 0,
       cornerRadius: 0,
       length: 0,
-      cornerType: "round",
-      drawStrokeWhenZeroWH: !1
+      cornerType: "round"
     });
     const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
       symbolType: "circle",
@@ -4881,34 +4871,6 @@
         }
         return c;
       }
-      static processColorStops(colorStops) {
-        if (!colorStops || 0 === colorStops.length) return [];
-        if (colorStops.some(item => item.length)) {
-          const stops = colorStops.map(item => ({
-            color: item.value,
-            offset: item.length ? parseFloat(item.length.value) / 100 : -1
-          }));
-          stops[0].offset < 0 && (stops[0].offset = 0), stops[stops.length - 1].offset < 0 && (stops[stops.length - 1].offset = 1);
-          for (let i = 1; i < stops.length - 1; i++) if (stops[i].offset < 0) {
-            const prevWithOffsetIdx = i - 1;
-            let nextWithOffsetIdx = i + 1;
-            for (; nextWithOffsetIdx < stops.length && stops[nextWithOffsetIdx].offset < 0;) nextWithOffsetIdx++;
-            const startOffset = stops[prevWithOffsetIdx].offset,
-              endOffset = stops[nextWithOffsetIdx].offset,
-              unspecCount = nextWithOffsetIdx - prevWithOffsetIdx;
-            for (let j = 1; j < unspecCount; j++) stops[prevWithOffsetIdx + j].offset = startOffset + (endOffset - startOffset) * j / unspecCount;
-            i = nextWithOffsetIdx - 1;
-          }
-          return stops;
-        }
-        return colorStops.map((item, index) => {
-          const offset = colorStops.length > 1 ? index / (colorStops.length - 1) : 0;
-          return {
-            color: item.value,
-            offset: offset
-          };
-        });
-      }
       static ParseConic(datum) {
         const {
             orientation: orientation,
@@ -4922,7 +4884,10 @@
           y: .5,
           startAngle: sa,
           endAngle: sa + pi2,
-          stops: GradientParser.processColorStops(colorStops)
+          stops: colorStops.map(item => ({
+            color: item.value,
+            offset: parseFloat(item.length.value) / 100
+          }))
         };
       }
       static ParseRadial(datum) {
@@ -4937,7 +4902,10 @@
           y1: .5,
           r0: 0,
           r1: 1,
-          stops: GradientParser.processColorStops(colorStops)
+          stops: colorStops.map(item => ({
+            color: item.value,
+            offset: parseFloat(item.length.value) / 100
+          }))
         };
       }
       static ParseLinear(datum) {
@@ -4959,7 +4927,10 @@
           y0: y0,
           x1: x1,
           y1: y1,
-          stops: GradientParser.processColorStops(colorStops)
+          stops: colorStops.map(item => ({
+            color: item.value,
+            offset: parseFloat(item.length.value) / 100
+          }))
         };
       }
     }
@@ -5155,9 +5126,6 @@
       return c > 3 && r && Object.defineProperty(target, key, r), r;
     };
     let ATextMeasure = class {
-      constructor() {
-        this.id = "ATextMeasure";
-      }
       configure(service, env) {
         this.canvas = service.canvas, this.context = service.context, service.bindTextMeasure(this);
       }
@@ -5550,13 +5518,11 @@
       return c > 3 && r && Object.defineProperty(target, key, r), r;
     };
     const TextMeasureContribution = Symbol.for("TextMeasureContribution");
-    let DefaultTextMeasureContribution = class extends ATextMeasure {
-      constructor() {
-        super(...arguments), this.id = "DefaultTextMeasureContribution";
-      }
-    };
+    let DefaultTextMeasureContribution = class extends ATextMeasure {};
     DefaultTextMeasureContribution = __decorate$15([injectable()], DefaultTextMeasureContribution);
 
+    const container = new Container$1();
+
     const CanvasFactory = Symbol.for("CanvasFactory");
     const Context2dFactory = Symbol.for("Context2dFactory");
 
@@ -6133,17 +6099,13 @@
         return this.tryInitCanvas(), this._context;
       }
       constructor(contributions) {
-        this.contributions = contributions, this.configured = !1, this.global = application.global, this._textMeasureMap = new Map(), this.global.hooks.onSetEnv.tap("graphic-util", (lastEnv, env, global) => {
+        this.contributions = contributions, this.configured = !1, this.global = application.global, this.global.hooks.onSetEnv.tap("graphic-util", (lastEnv, env, global) => {
           this.configured = !1, this.configure(global, env);
         });
       }
       get textMeasure() {
         return this._textMeasure || this.configure(this.global, this.global.env), this._textMeasure;
       }
-      getTextMeasureInstance(textMeasureId) {
-        if (!textMeasureId) return this.textMeasure;
-        return this._textMeasureMap.get(textMeasureId) || this.textMeasure;
-      }
       configure(global, env) {
         this.configured || (this.contributions.getContributions().forEach(contribution => {
           contribution.configure(this, env);
@@ -6156,7 +6118,7 @@
         }
       }
       bindTextMeasure(tm) {
-        this._textMeasure && "DefaultTextMeasureContribution" !== tm.id || (this._textMeasure = tm), this._textMeasureMap.has(tm.id) || this._textMeasureMap.set(tm.id, tm);
+        this._textMeasure = tm;
       }
       measureText(text, tc, method = "native") {
         var _a;
@@ -9336,7 +9298,7 @@
         });
       }
       setAttributes(params, forceUpdateTag = !1, context) {
-        params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
+        (params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context);
       }
       _setAttributes(params, forceUpdateTag = !1, context) {
         const keys = Object.keys(params);
@@ -10161,8 +10123,8 @@
     function strokeVisible(opacity, strokeOpacity) {
       return opacity * strokeOpacity > 0;
     }
-    function rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH) {
-      return drawStrokeWhenZeroWH ? opacity * strokeOpacity > 0 : opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
+    function rectStrokeVisible(opacity, strokeOpacity, width, height) {
+      return opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
     }
     function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
       const x10 = x1 - x0,
@@ -10753,7 +10715,7 @@
           this.cache.layoutData.lines.forEach(item => {
             mergedText += item.str;
           });
-          return (Array.isArray(text) ? text.join("") : text).toString() !== mergedText;
+          return (Array.isArray(text) ? text.join("") : text) !== mergedText;
         }
         return "vertical" === attribute.direction && this.cache.verticalList && this.cache.verticalList[0] ? this.cache.verticalList[0].map(item => item.text).join("") !== attribute.text.toString() : null != this.clipedText && this.clipedText !== attribute.text.toString();
       }
@@ -10852,7 +10814,7 @@
         return fontSize ? .1 * fontSize : 0;
       }
       updateHorizontalMultilineAABBBounds(text) {
-        var _a, _b;
+        var _a;
         const textTheme = this.getGraphicTheme(),
           attribute = this.attribute,
           {
@@ -10879,7 +10841,7 @@
           const bbox = this.cache.layoutData.bbox;
           return this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
         }
-        const textMeasure = application.graphicUtil.getTextMeasureInstance(this.textMeasureId || (null === (_b = this.stage) || void 0 === _b ? void 0 : _b.textMeasureId)),
+        const textMeasure = application.graphicUtil.textMeasure,
           layoutData = new CanvasTextLayout(fontFamily, {
             fontSize: fontSize,
             fontWeight: fontWeight,
@@ -10897,7 +10859,7 @@
         return this.cache.layoutData = layoutData, this.clearUpdateShapeTag(), this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
       }
       updateWrapAABBBounds(text) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         const textTheme = this.getGraphicTheme(),
           {
             fontFamily = textTheme.fontFamily,
@@ -10923,7 +10885,7 @@
           const bbox = this.cache.layoutData.bbox;
           return this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
         }
-        const textMeasure = application.graphicUtil.getTextMeasureInstance(this.textMeasureId || (null === (_b = this.stage) || void 0 === _b ? void 0 : _b.textMeasureId)),
+        const textMeasure = application.graphicUtil.textMeasure,
           textOptions = {
             fontSize: fontSize,
             fontWeight: fontWeight,
@@ -10955,7 +10917,7 @@
             if ("" !== str && "" === clip.str || clip.wordBreaked) {
               if (ellipsis) {
                 const clipEllipsis = textMeasure.clipTextWithSuffix(str, textOptions, maxLineWidth, ellipsis, !1, suffixPosition);
-                clip.str = null !== (_c = clipEllipsis.str) && void 0 !== _c ? _c : "", clip.width = null !== (_d = clipEllipsis.width) && void 0 !== _d ? _d : 0;
+                clip.str = null !== (_b = clipEllipsis.str) && void 0 !== _b ? _b : "", clip.width = null !== (_c = clipEllipsis.width) && void 0 !== _c ? _c : 0;
               } else clip.str = "", clip.width = 0;
               needCut = !1;
             }
@@ -11018,9 +10980,9 @@
         return this.cache.layoutData = layoutData, this.clearUpdateShapeTag(), this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
       }
       updateVerticalMultilineAABBBounds(text) {
-        var _a, _b, _c;
+        var _a, _b;
         const textTheme = this.getGraphicTheme(),
-          textMeasure = application.graphicUtil.getTextMeasureInstance(this.textMeasureId || (null === (_a = this.stage) || void 0 === _a ? void 0 : _a.textMeasureId));
+          textMeasure = application.graphicUtil.textMeasure;
         let width;
         const attribute = this.attribute,
           {
@@ -11041,7 +11003,7 @@
         } = attribute;
         if (!verticalMode) {
           const t = textAlign;
-          textAlign = null !== (_b = Text.baselineMapAlign[textBaseline]) && void 0 !== _b ? _b : "left", textBaseline = null !== (_c = Text.alignMapBaseline[t]) && void 0 !== _c ? _c : "top";
+          textAlign = null !== (_a = Text.baselineMapAlign[textBaseline]) && void 0 !== _a ? _a : "left", textBaseline = null !== (_b = Text.alignMapBaseline[t]) && void 0 !== _b ? _b : "top";
         }
         if (width = 0, !this.shouldUpdateShape() && this.cache) {
           this.cache.verticalList.forEach(item => {
@@ -11155,7 +11117,7 @@
         return isArray$9(text) ? !text.every(t => null == t || "" === t) : null != text && "" !== text;
       }
       updateMultilineAABBBounds(text) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d;
         const textTheme = this.getGraphicTheme(),
           {
             fontFamily = textTheme.fontFamily,
@@ -11179,7 +11141,7 @@
           const bbox = this.cache.layoutData.bbox;
           return this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
         }
-        const textMeasure = application.graphicUtil.getTextMeasureInstance(this.textMeasureId || (null === (_c = this.stage) || void 0 === _c ? void 0 : _c.textMeasureId)),
+        const textMeasure = application.graphicUtil.textMeasure,
           layoutObj = new CanvasTextLayout(fontFamily, {
             fontSize: fontSize,
             fontWeight: fontWeight,
@@ -11208,7 +11170,7 @@
             if ("" !== str && "" === clip.str) {
               if (ellipsis) {
                 const clipEllipsis = layoutObj.textMeasure.clipTextWithSuffix(str, layoutObj.textOptions, maxLineWidth, ellipsis, !1, suffixPosition);
-                clip.str = null !== (_d = clipEllipsis.str) && void 0 !== _d ? _d : "", clip.width = null !== (_e = clipEllipsis.width) && void 0 !== _e ? _e : 0;
+                clip.str = null !== (_c = clipEllipsis.str) && void 0 !== _c ? _c : "", clip.width = null !== (_d = clipEllipsis.width) && void 0 !== _d ? _d : 0;
               } else clip.str = "", clip.width = 0;
               needCut = !1;
             }
@@ -12312,7 +12274,7 @@
           case "right":
             deltaX = -aabbBounds.width();
         }
-        return height || ("middle" === this.verticalDirection ? deltaY -= aabbBounds.height() / 2 : "bottom" === this.verticalDirection && (deltaY -= aabbBounds.height())), aabbBounds.translate(deltaX, deltaY), application.graphicService.updateTempAABBBounds(aabbBounds), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, richtextTheme, aabbBounds), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, application.graphicService.transformAABBBounds(attribute, aabbBounds, richtextTheme, !1, this), 0 === aabbBounds.width() && 0 === aabbBounds.height() && aabbBounds.clear(), aabbBounds;
+        return aabbBounds.translate(deltaX, deltaY), application.graphicService.updateTempAABBBounds(aabbBounds), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, richtextTheme, aabbBounds), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, application.graphicService.transformAABBBounds(attribute, aabbBounds, richtextTheme, !1, this), 0 === aabbBounds.width() && 0 === aabbBounds.height() && aabbBounds.clear(), aabbBounds;
       }
       needUpdateTags(keys) {
         return super.needUpdateTags(keys, RICHTEXT_UPDATE_TAG_KEY);
@@ -13979,7 +13941,7 @@
         doFill && (fillCb ? fillCb(context, arc.attribute, arcAttribute) : fVisible && (context.setCommonStyle(arc, arc.attribute, originX - x, originY - y, arcAttribute), context.fill()));
       }
       _runStroke(arc, context, x, y, arcAttribute, doStroke, isFullStroke, sVisible, strokeCb) {
-        doStroke && isFullStroke && (strokeCb ? strokeCb(context, arc.attribute, arcAttribute) : sVisible && (context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute), context.stroke()));
+        doStroke && isFullStroke && (strokeCb || sVisible && (context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute), context.stroke()));
       }
       draw(arc, renderService, drawContext, params) {
         const arcAttribute = getTheme(arc, null == params ? void 0 : params.theme).arc;
@@ -14711,8 +14673,7 @@
           y1: y1,
           x: originX = rectAttribute.x,
           y: originY = rectAttribute.y,
-          fillStrokeOrder = rectAttribute.fillStrokeOrder,
-          drawStrokeWhenZeroWH = rectAttribute.drawStrokeWhenZeroWH
+          fillStrokeOrder = rectAttribute.fillStrokeOrder
         } = rect.attribute;
         let {
           width: width,
@@ -14720,7 +14681,7 @@
         } = rect.attribute;
         width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
         const fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-          sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH),
+          sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
           doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth);
         if (!rect.valid || !visible) return;
@@ -15638,6 +15599,7 @@
           decorator(target, key, paramIndex);
         };
       };
+    const RenderService = Symbol.for("RenderService");
     let DefaultRenderService = class {
       constructor(drawContribution) {
         this.drawContribution = drawContribution;
@@ -16526,6 +16488,8 @@
     application.transformUtil = transformUtil;
     const graphicService = container.get(GraphicService);
     application.graphicService = graphicService;
+    const renderService = container.get(RenderService);
+    application.renderService = renderService;
     const layerService = container.get(LayerService);
     application.layerService = layerService;
 
@@ -16778,13 +16742,13 @@
             this._skipRender > 1 && this.renderNextFrame(), this._skipRender = 0;
           } else this._skipRender = 1;
         }, this.beforeRender = stage => {
-          this._beforeRenderList.forEach(cb => cb(stage));
+          this._beforeRender && this._beforeRender(stage);
         }, this.afterClearScreen = drawParams => {
           this._afterClearScreen && this._afterClearScreen(drawParams);
         }, this.afterClearRect = drawParams => {
           this._afterClearRect && this._afterClearRect(drawParams);
         }, this.afterRender = stage => {
-          this.renderCount++, this._afterRenderList.forEach(cb => cb(stage)), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
+          this.renderCount++, this._afterRender && this._afterRender(stage), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
         }, this.afterTickCb = () => {
           this.tickedBeforeRender = !0, "rendering" !== this.state && this.renderNextFrame();
         }, this.params = params, this.theme = new Theme(), this.hooks = {
@@ -16792,7 +16756,7 @@
           afterRender: new SyncHook(["stage"]),
           afterClearScreen: new SyncHook(["stage"]),
           afterClearRect: new SyncHook(["stage"])
-        }, this.global = application.global, !this.global.env && isBrowserEnv() && this.global.setEnv("browser"), this.window = container.get(VWindow), this.renderService = container.get(RenderService), this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), this._beforeRenderList = [], this._afterRenderList = [], this.window.create({
+        }, this.global = application.global, !this.global.env && isBrowserEnv() && this.global.setEnv("browser"), this.window = container.get(VWindow), this.renderService = container.get(RenderService), this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), this.window.create({
           width: params.width,
           height: params.height,
           viewBox: params.viewBox,
@@ -16803,7 +16767,7 @@
           canvas: params.canvas
         }), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig.BACKGROUND, this.appendChild(this.layerService.createLayer(this, {
           main: !0
-        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), params.beforeRender && this._beforeRenderList.push(params.beforeRender), params.afterRender && this._afterRenderList.push(params.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this.hooks.afterClearRect.tap("constructor", this.afterClearRect), this._afterClearScreen = params.afterClearScreen, this._afterClearRect = params.afterClearRect, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
+        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this.hooks.afterClearRect.tap("constructor", this.afterClearRect), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this._afterClearScreen = params.afterClearScreen, this._afterClearRect = params.afterClearRect, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
           tickRenderMode: "effect"
         }), this.optmize(params.optimize), params.background && isString$6(this._background) && this._background.includes("/") && this.setAttributes({
           background: this._background
@@ -16918,16 +16882,10 @@
         options.enableView3dTransform && this.enableView3dTransform();
       }
       setBeforeRender(cb) {
-        this._beforeRenderList.push(cb);
-      }
-      removeBeforeRender(cb) {
-        this._beforeRenderList = this._beforeRenderList.filter(c => c !== cb);
+        this._beforeRender = cb;
       }
       setAfterRender(cb) {
-        this._afterRenderList.push(cb);
-      }
-      removeAfterRender(cb) {
-        this._afterRenderList = this._afterRenderList.filter(c => c !== cb);
+        this._afterRender = cb;
       }
       afterNextRender(cb) {
         this._afterNextRenderCbs || (this._afterNextRenderCbs = []), this._afterNextRenderCbs.push(cb);
@@ -23625,7 +23583,6 @@
         return this.getEndProps();
       }
       stop() {}
-      release() {}
     }
     class WaitStep extends Step {
       constructor(type, props, duration, easing) {
@@ -23633,6 +23590,8 @@
       }
       onStart() {
         super.onStart();
+      }
+      onFirstRun() {
         const fromProps = this.getFromProps();
         this.target.setAttributes(fromProps);
       }
@@ -23841,9 +23800,7 @@
         this.status !== AnimateStatus.END && this.onEnd(), this.status = AnimateStatus.END, this.target && ("start" === type ? this.target.setAttributes(this._startProps) : "end" === type ? this.target.setAttributes(this._endProps) : type && this.target.setAttributes(type));
       }
       release() {
-        this.status = AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [], this.forEachStep(step => {
-          step.release();
-        });
+        this.status = AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [];
       }
       getDuration() {
         return this._duration;
@@ -23917,10 +23874,6 @@
       getLoop() {
         return this._loopCount;
       }
-      forEachStep(cb) {
-        let step = this._firstStep;
-        for (; step;) cb(step), step = step.next;
-      }
     }
 
     const performanceRAF = new PerformanceRAF();
@@ -24153,9 +24106,6 @@
       constructor(target) {
         this._animates = [], this._startCallbacks = [], this._endCallbacks = [], this._started = !1, this._activeCount = 0, this._target = target;
       }
-      get started() {
-        return this._started;
-      }
       onStart(cb) {
         cb ? (this._startCallbacks.push(cb), this._started && this._activeCount > 0 && cb()) : this._startCallbacks.forEach(cb => {
           cb();
@@ -24296,14 +24246,14 @@
         return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
       }
       _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         if (custom && customType) {
           const customParams = Object.assign({
-              width: (null === (_a = graphic.stage) || void 0 === _a ? void 0 : _a.width) || 0,
-              height: (null === (_b = graphic.stage) || void 0 === _b ? void 0 : _b.height) || 0,
+              width: graphic.stage.width,
+              height: graphic.stage.height,
               group: this._target.parent
             }, this.resolveValue(customParameters, graphic)),
-            objOptions = isFunction$7(options) ? options.call(null, null !== (_d = customParams && (null === (_c = customParams.data) || void 0 === _c ? void 0 : _c[0])) && void 0 !== _d ? _d : null === (_f = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.data) || void 0 === _f ? void 0 : _f[0], graphic, customParams) : options;
+            objOptions = isFunction$7(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
           customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
         } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
       }
@@ -24523,7 +24473,7 @@
       reApplyState(state) {
         var _a;
         const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find(stateInfo => stateInfo.state === state);
-        if (stateInfo && stateInfo.executor.started) {
+        if (stateInfo) {
           const stateList = this.stateList.slice();
           stateInfo.executor.stop(), this.stateList = stateList, stateInfo.executor.execute(stateInfo.animationConfig);
         }
@@ -24666,45 +24616,6 @@
         this._animator && this._animator.stop();
       }
     }
-    class AStageAnimate extends ACustomAnimate {
-      constructor(customFrom, customTo, duration, easing, params) {
-        super(customFrom, customTo, duration, easing, params), this.willCallBeforeStageRender = !0, this.willCallAfterStageRender = !0, this._beforeStageRender = () => {
-          if (!this.willCallBeforeStageRender) return;
-          this.willCallBeforeStageRender = !1;
-          const stage = this.target.stage,
-            canvas = stage.window.getContext().canvas.nativeCanvas,
-            outputCanvas = this.beforeStageRender(stage, canvas);
-          outputCanvas && this.renderToStage(stage, outputCanvas);
-        }, this._afterStageRender = () => {
-          if (!this.willCallAfterStageRender) return;
-          this.willCallAfterStageRender = !1;
-          const stage = this.target.stage,
-            canvas = stage.window.getContext().canvas.nativeCanvas,
-            outputCanvas = this.afterStageRender(stage, canvas);
-          outputCanvas && this.renderToStage(stage, outputCanvas);
-        }, this.props = {};
-      }
-      beforeStageRender(stage, canvas) {
-        return !1;
-      }
-      afterStageRender(stage, canvas) {
-        return !1;
-      }
-      onFirstRun() {
-        super.onFirstRun(), this.target.stage.setBeforeRender(this._beforeStageRender), this.target.stage.setAfterRender(this._afterStageRender), this.target.stage.disableDirtyBounds();
-      }
-      stop() {
-        super.stop(), this.target.stage.removeBeforeRender(this._beforeStageRender), this.target.stage.removeAfterRender(this._afterStageRender);
-      }
-      onUpdate(end, ratio, out) {
-        super.onUpdate(end, ratio, out), this.willCallBeforeStageRender = !0, this.willCallAfterStageRender = !0;
-      }
-      renderToStage(stage, canvas) {
-        const stageCanvas = stage.window.getContext().canvas.nativeCanvas,
-          ctx = stageCanvas.getContext("2d");
-        return !!ctx && (ctx.clearRect(0, 0, stageCanvas.width, stageCanvas.height), ctx.drawImage(canvas, 0, 0), stageCanvas);
-      }
-    }
 
     class ComponentAnimator {
       constructor(component) {
@@ -25087,7 +24998,7 @@
     }
     class GrowAngleIn extends GrowAngleBase {
       onBind() {
-        var _a, _b, _c;
+        var _a, _b;
         super.onBind();
         const {
             from: from,
@@ -25096,7 +25007,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs), this.determineUpdateFunction();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs), this.determineUpdateFunction();
       }
     }
     class GrowAngleOut extends GrowAngleBase {
@@ -25704,7 +25615,7 @@
     }
     class GrowRadiusIn extends GrowPointsBase {
       onBind() {
-        var _a, _b, _c;
+        var _a, _b;
         super.onBind();
         const {
             from: from,
@@ -25713,7 +25624,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
       }
     }
     class GrowRadiusOut extends GrowPointsBase {
@@ -25828,7 +25739,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
-        var _a, _b, _c;
+        var _a, _b;
         super.onBind();
         const {
             from: from,
@@ -25837,7 +25748,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
       }
       onEnd(cb) {
         super.onEnd(cb);
@@ -27621,1271 +27532,8 @@
       }
     }
 
-    class DisappearAnimateBase extends AStageAnimate {
-      constructor(from, to, duration, easing, params) {
-        super(from, to, duration, easing, params), this.webglCanvas = null, this.gl = null, this.program = null, this.currentAnimationRatio = 0, this.animationTime = 0;
-      }
-      onUpdate(end, ratio, out) {
-        super.onUpdate(end, ratio, out), this.currentAnimationRatio = ratio, this.animationTime = ratio * Math.PI * 2;
-      }
-      getAnimationTime() {
-        return this.currentAnimationRatio > 0 ? this.animationTime : Date.now() / 1e3;
-      }
-      getDurationFromParent() {
-        return this.duration || 1e3;
-      }
-      initWebGL(canvas) {
-        try {
-          if (this.webglCanvas = vglobal.createCanvas({
-            width: canvas.width,
-            height: canvas.height,
-            dpr: vglobal.devicePixelRatio
-          }), !this.webglCanvas) return (void 0), !1;
-          this.webglCanvas.style.width = canvas.style.width || `${canvas.width}px`, this.webglCanvas.style.height = canvas.style.height || `${canvas.height}px`;
-          let glContext = null;
-          try {
-            glContext = this.webglCanvas.getContext("webgl"), glContext || (glContext = this.webglCanvas.getContext("experimental-webgl"));
-          } catch (e) {
-          }
-          if (this.gl = glContext, !this.gl) return (void 0), !1;
-          const shaders = this.getShaderSources();
-          return this.program = this.createShaderProgram(shaders.vertex, shaders.fragment), null !== this.program;
-        } catch (error) {
-          return !1;
-        }
-      }
-      createShaderProgram(vertexSource, fragmentSource) {
-        if (!this.gl) return null;
-        const vertexShader = this.createShader(this.gl.VERTEX_SHADER, vertexSource),
-          fragmentShader = this.createShader(this.gl.FRAGMENT_SHADER, fragmentSource);
-        if (!vertexShader || !fragmentShader) return null;
-        const program = this.gl.createProgram();
-        return program ? (this.gl.attachShader(program, vertexShader), this.gl.attachShader(program, fragmentShader), this.gl.linkProgram(program), this.gl.getProgramParameter(program, this.gl.LINK_STATUS) ? program : (null)) : null;
-      }
-      createShader(type, source) {
-        if (!this.gl) return null;
-        const shader = this.gl.createShader(type);
-        return shader ? (this.gl.shaderSource(shader, source), this.gl.compileShader(shader), this.gl.getShaderParameter(shader, this.gl.COMPILE_STATUS) ? shader : (this.gl.deleteShader(shader), null)) : null;
-      }
-      setupWebGLState(canvas) {
-        this.gl && this.webglCanvas && (this.webglCanvas.width === canvas.width && this.webglCanvas.height === canvas.height || (this.webglCanvas.width = canvas.width, this.webglCanvas.height = canvas.height), this.gl.viewport(0, 0, this.webglCanvas.width, this.webglCanvas.height), this.gl.clearColor(0, 0, 0, 0), this.gl.clear(this.gl.COLOR_BUFFER_BIT));
-      }
-      createFullScreenQuad() {
-        if (!this.gl) return null;
-        const vertices = new Float32Array([-1, -1, 0, 1, 1, -1, 1, 1, -1, 1, 0, 0, 1, 1, 1, 0]),
-          vertexBuffer = this.gl.createBuffer();
-        return this.gl.bindBuffer(this.gl.ARRAY_BUFFER, vertexBuffer), this.gl.bufferData(this.gl.ARRAY_BUFFER, vertices, this.gl.STATIC_DRAW), vertexBuffer;
-      }
-      createTextureFromCanvas(canvas) {
-        if (!this.gl) return null;
-        const texture = this.gl.createTexture();
-        return this.gl.activeTexture(this.gl.TEXTURE0), this.gl.bindTexture(this.gl.TEXTURE_2D, texture), this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, canvas), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_S, this.gl.CLAMP_TO_EDGE), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_T, this.gl.CLAMP_TO_EDGE), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.LINEAR), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MAG_FILTER, this.gl.LINEAR), texture;
-      }
-      setupVertexAttributes() {
-        if (!this.gl || !this.program) return;
-        const positionLocation = this.gl.getAttribLocation(this.program, "a_position"),
-          texCoordLocation = this.gl.getAttribLocation(this.program, "a_texCoord");
-        this.gl.enableVertexAttribArray(positionLocation), this.gl.vertexAttribPointer(positionLocation, 2, this.gl.FLOAT, !1, 16, 0), this.gl.enableVertexAttribArray(texCoordLocation), this.gl.vertexAttribPointer(texCoordLocation, 2, this.gl.FLOAT, !1, 16, 8);
-      }
-      createOutputCanvas(canvas) {
-        const outputCanvas = vglobal.createCanvas({
-            width: canvas.width,
-            height: canvas.height,
-            dpr: vglobal.devicePixelRatio
-          }),
-          ctx = outputCanvas.getContext("2d");
-        return ctx ? (ctx.clearRect(0, 0, canvas.width, canvas.height), ctx.drawImage(canvas, 0, 0), {
-          canvas: outputCanvas,
-          ctx: ctx
-        }) : null;
-      }
-      getShaderSources() {
-        return null;
-      }
-      applyWebGLEffect(canvas) {
-        return null;
-      }
-      applyCanvas2DEffect(canvas) {
-        return null;
-      }
-      supportsWebGL() {
-        return null !== this.getShaderSources();
-      }
-      supportsCanvas2D() {
-        return this.applyCanvas2DEffect !== DisappearAnimateBase.prototype.applyCanvas2DEffect;
-      }
-      release() {
-        super.release(), this.gl && (this.program && (this.gl.deleteProgram(this.program), this.program = null), this.gl = null), this.webglCanvas && (this.webglCanvas = null), this.currentAnimationRatio = 0, this.animationTime = 0;
-      }
-      afterStageRender(stage, canvas) {
-        let result = null;
-        if (this.supportsWebGL() && (this.gl || this.initWebGL(canvas) || (void 0), this.gl)) {
-          if (result = this.applyWebGLEffect(canvas), result) return result;
-        }
-        if (this.supportsCanvas2D()) {
-          if (result = this.applyCanvas2DEffect(canvas), result) return result;
-        }
-        return this.supportsWebGL() || this.supportsCanvas2D() || (void 0), canvas;
-      }
-    }
-
-    class Canvas2DEffectBase extends DisappearAnimateBase {
-      constructor(from, to, duration, easing, params) {
-        super(from, to, duration, easing, params);
-      }
-      getShaderSources() {
-        return null;
-      }
-      applyWebGLEffect(canvas) {
-        return null;
-      }
-    }
-    class HybridEffectBase extends DisappearAnimateBase {
-      constructor(from, to, duration, easing, params) {
-        super(from, to, duration, easing, params);
-      }
-      getShaderSources() {
-        return null;
-      }
-      applyWebGLEffect(canvas) {
-        return null;
-      }
-      applyCanvas2DEffect(canvas) {
-        return null;
-      }
-      supportsWebGL() {
-        return this.getShaderSources !== HybridEffectBase.prototype.getShaderSources && null !== this.getShaderSources();
-      }
-      supportsCanvas2D() {
-        return this.applyCanvas2DEffect !== HybridEffectBase.prototype.applyCanvas2DEffect;
-      }
-      afterStageRender(stage, canvas) {
-        var _a, _b;
-        let result = null;
-        if (!1 !== (null === (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.options) || void 0 === _b ? void 0 : _b.useWebGL)) {
-          if (this.supportsWebGL() && (this.gl || this.initWebGL(canvas) || (void 0), this.gl)) {
-            if (result = this.applyWebGLEffect(canvas), result) return result;
-          }
-          if (this.supportsCanvas2D()) {
-            if (result = this.applyCanvas2DEffect(canvas), result) return result;
-          }
-        } else if (this.supportsCanvas2D()) {
-          if (result = this.applyCanvas2DEffect(canvas), result) return result;
-        } else ;
-        return this.supportsWebGL() || this.supportsCanvas2D() || (void 0), canvas;
-      }
-    }
-
-    class ImageProcessUtils {
-      static createTempCanvas(width, height, dpr) {
-        return vglobal.createCanvas({
-          width: width,
-          height: height,
-          dpr: dpr || vglobal.devicePixelRatio
-        });
-      }
-      static cloneImageData(imageData) {
-        const clonedData = new Uint8ClampedArray(imageData.data);
-        return new ImageData(clonedData, imageData.width, imageData.height);
-      }
-      static lerp(start, end, t) {
-        return start * (1 - t) + end * t;
-      }
-      static smoothstep(edge0, edge1, x) {
-        const t = Math.max(0, Math.min(1, (x - edge0) / (edge1 - edge0)));
-        return t * t * (3 - 2 * t);
-      }
-      static distance(x1, y1, x2, y2) {
-        const dx = x2 - x1,
-          dy = y2 - y1;
-        return Math.sqrt(dx * dx + dy * dy);
-      }
-      static normalizeAngle(angle) {
-        return (angle + Math.PI) / (2 * Math.PI);
-      }
-      static pixelNoise(x, y, pixelSize) {
-        if (pixelSize <= 0) return 0;
-        const gridX = Math.floor(x / pixelSize) * pixelSize,
-          gridY = Math.floor(y / pixelSize) * pixelSize,
-          n = 43758.5453 * Math.sin(12.9898 * gridX + 78.233 * gridY);
-        return n - Math.floor(n);
-      }
-      static generateNoiseTexture(width, height) {
-        const data = new Uint8Array(width * height);
-        for (let i = 0; i < data.length; i++) data[i] = Math.floor(256 * Math.random());
-        return data;
-      }
-      static applyCSSFilter(canvas, filter) {
-        const outputCanvas = this.createTempCanvas(canvas.width, canvas.height),
-          ctx = outputCanvas.getContext("2d");
-        return ctx ? (ctx.filter = filter, ctx.drawImage(canvas, 0, 0), ctx.filter = "none", outputCanvas) : canvas;
-      }
-      static extractChannel(imageData, channelIndex) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          channelData = new Uint8ClampedArray(data.length);
-        for (let i = 0; i < data.length; i += 4) channelData[i] = 0, channelData[i + 1] = 0, channelData[i + 2] = 0, channelData[i + 3] = data[i + 3], channelIndex >= 0 && channelIndex <= 2 && (channelData[i + channelIndex] = data[i + channelIndex]);
-        return new ImageData(channelData, width, height);
-      }
-      static blendImageData(imageData1, imageData2, ratio) {
-        const {
-            data: data1,
-            width: width,
-            height: height
-          } = imageData1,
-          {
-            data: data2
-          } = imageData2,
-          result = new Uint8ClampedArray(data1.length);
-        for (let i = 0; i < data1.length; i += 4) result[i] = Math.round(this.lerp(data1[i], data2[i], ratio)), result[i + 1] = Math.round(this.lerp(data1[i + 1], data2[i + 1], ratio)), result[i + 2] = Math.round(this.lerp(data1[i + 2], data2[i + 2], ratio)), result[i + 3] = Math.round(this.lerp(data1[i + 3], data2[i + 3], ratio));
-        return new ImageData(result, width, height);
-      }
-      static getLuminance(r, g, b) {
-        return .299 * r + .587 * g + .114 * b;
-      }
-      static applySepiaToPixel(r, g, b) {
-        return [Math.min(255, .393 * r + .769 * g + .189 * b), Math.min(255, .349 * r + .686 * g + .168 * b), Math.min(255, .272 * r + .534 * g + .131 * b)];
-      }
-      static calculateDynamicStrength(baseStrength, animationTime) {
-        return baseStrength * (animationTime / (2 * Math.PI));
-      }
-    }
-    class ShaderLibrary {}
-    ShaderLibrary.STANDARD_VERTEX_SHADER = "\n    attribute vec2 a_position;\n    attribute vec2 a_texCoord;\n    varying vec2 v_texCoord;\n\n    void main() {\n      gl_Position = vec4(a_position, 0.0, 1.0);\n      v_texCoord = a_texCoord;\n    }\n  ", ShaderLibrary.SHADER_FUNCTIONS = "\n    // 亮度计算函数\n    float luminance(vec3 color) {\n      return dot(color, vec3(0.299, 0.587, 0.114));\n    }\n\n    // 褐色调函数\n    vec3 sepia(vec3 color) {\n      float r = color.r * 0.393 + color.g * 0.769 + color.b * 0.189;\n      float g = color.r * 0.349 + color.g * 0.686 + color.b * 0.168;\n      float b = color.r * 0.272 + color.g * 0.534 + color.b * 0.131;\n      return vec3(r, g, b);\n    }\n\n    // 线性插值函数\n    float lerp(float a, float b, float t) {\n      return a * (1.0 - t) + b * t;\n    }\n\n\n    // 简单噪声函数\n    float pixelNoise(vec2 coord, float pixelSize) {\n      vec2 gridCoord = floor(coord / pixelSize) * pixelSize;\n      return fract(sin(dot(gridCoord, vec2(12.9898, 78.233))) * 43758.5453123);\n    }\n\n    // 动态强度计算\n    float calculateDynamicStrength(float baseStrength, float time) {\n      return baseStrength * (time / 6.28318531); // 2π\n    }\n  ";
-
-    class Dissolve extends HybridEffectBase {
-      constructor(from, to, duration, easing, params) {
-        var _a, _b, _c, _d;
-        super(from, to, duration, easing, params), this.noiseData = null;
-        const rawNoiseScale = null === (_a = null == params ? void 0 : params.options) || void 0 === _a ? void 0 : _a.noiseScale,
-          clampedNoiseScale = void 0 !== rawNoiseScale ? Math.max(0, Math.floor(rawNoiseScale)) : 8;
-        this.dissolveConfig = {
-          dissolveType: (null === (_b = null == params ? void 0 : params.options) || void 0 === _b ? void 0 : _b.dissolveType) || "outward",
-          useWebGL: void 0 === (null === (_c = null == params ? void 0 : params.options) || void 0 === _c ? void 0 : _c.useWebGL) || params.options.useWebGL,
-          noiseScale: clampedNoiseScale,
-          fadeEdge: void 0 === (null === (_d = null == params ? void 0 : params.options) || void 0 === _d ? void 0 : _d.fadeEdge) || params.options.fadeEdge
-        };
-      }
-      getShaderSources() {
-        return {
-          vertex: ShaderLibrary.STANDARD_VERTEX_SHADER,
-          fragment: `\n      precision mediump float;\n      uniform sampler2D u_texture;\n      uniform sampler2D u_noiseTexture;\n      uniform float u_time;\n      uniform int u_dissolveType;\n      uniform vec2 u_resolution;\n      uniform float u_noiseScale;\n      uniform bool u_fadeEdge;\n      varying vec2 v_texCoord;\n\n      ${ShaderLibrary.SHADER_FUNCTIONS}\n\n      // 向外溶解函数\n      float outwardDissolve(vec2 uv, float time, float pixelSize, vec2 resolution) {\n        vec2 center = vec2(0.5, 0.5);\n        float distFromCenter = length(uv - center);\n        float maxDist = length(vec2(0.5, 0.5));\n\n        // 归一化距离 (0为中心，1为边缘)\n        float normalizedDist = distFromCenter / maxDist;\n\n        // 向外溶解：从边缘开始溶解，time控制溶解进度\n        // 增加安全边距，确保动画结束时完全溶解\n        float edgeThreshold = 1.2 - time * 1.5;\n\n        // 当pixelSize > 0时添加颗粒效果\n        if (pixelSize > 0.0) {\n          // 添加基于像素大小的噪声，让边缘呈现颗粒状\n          vec2 pixelCoord = uv * resolution; // 转换为像素坐标\n          float noiseValue = pixelNoise(pixelCoord, pixelSize);\n          float noiseInfluence = (noiseValue - 0.5) * 0.4; // 增强噪声影响\n          edgeThreshold += noiseInfluence;\n          return normalizedDist > edgeThreshold ? 0.0 : 1.0;\n        } else {\n          // 平滑溶解：根据fadeEdge决定是否使用渐变\n          if (u_fadeEdge) {\n            // 柔和边缘：返回渐变值\n            float fadeWidth = 0.15; // 渐变宽度\n            return 1.0 - smoothstep(edgeThreshold - fadeWidth, edgeThreshold, normalizedDist);\n          } else {\n            // 硬边缘：返回0或1\n            return normalizedDist > edgeThreshold ? 0.0 : 1.0;\n          }\n        }\n      }\n\n      // 向内溶解函数\n      float inwardDissolve(vec2 uv, float time, float pixelSize, vec2 resolution) {\n        vec2 center = vec2(0.5, 0.5);\n        float distFromCenter = length(uv - center);\n        float maxDist = length(vec2(0.5, 0.5));\n\n        float normalizedDist = distFromCenter / maxDist;\n\n        // 向内溶解：从中心开始溶解，time控制溶解进度\n        // 增加系数，确保动画结束时完全溶解\n        float centerThreshold = time * 1.4;\n\n        // 当pixelSize > 0时添加颗粒效果\n        if (pixelSize > 0.0) {\n          vec2 pixelCoord = uv * resolution;\n          float noiseValue = pixelNoise(pixelCoord, pixelSize);\n          float noiseInfluence = (noiseValue - 0.5) * 0.4;\n          centerThreshold += noiseInfluence;\n          return normalizedDist < centerThreshold ? 0.0 : 1.0;\n        } else {\n          // 平滑溶解：根据fadeEdge决定是否使用渐变\n          if (u_fadeEdge) {\n            // 柔和边缘：返回渐变值\n            float fadeWidth = 0.15; // 渐变宽度\n            return smoothstep(centerThreshold, centerThreshold + fadeWidth, normalizedDist);\n          } else {\n            // 硬边缘：返回0或1\n            return normalizedDist < centerThreshold ? 0.0 : 1.0;\n          }\n        }\n      }\n\n      // 径向溶解函数\n      float radialDissolve(vec2 uv, float time, float pixelSize, vec2 resolution) {\n        vec2 center = vec2(0.5, 0.5);\n        float angle = atan(uv.y - center.y, uv.x - center.x);\n        float normalizedAngle = (angle + 3.14159) / (2.0 * 3.14159);\n\n        // 径向溶解：按角度顺序溶解，time控制溶解进度\n        // 增加系数，确保动画结束时完全溶解\n        float angleThreshold = time * 1.2;\n\n        // 当pixelSize > 0时添加颗粒效果\n        if (pixelSize > 0.0) {\n          vec2 pixelCoord = uv * resolution;\n          float noiseValue = pixelNoise(pixelCoord, pixelSize);\n          float noiseInfluence = (noiseValue - 0.5) * 0.3;\n          angleThreshold += noiseInfluence;\n          return normalizedAngle < angleThreshold ? 0.0 : 1.0;\n        } else {\n          // 平滑溶解：根据fadeEdge决定是否使用渐变\n          if (u_fadeEdge) {\n            // 柔和边缘：返回渐变值\n            float fadeWidth = 0.08; // 渐变宽度\n            return smoothstep(angleThreshold, angleThreshold + fadeWidth, normalizedAngle);\n          } else {\n            // 硬边缘：返回0或1\n            return normalizedAngle < angleThreshold ? 0.0 : 1.0;\n          }\n        }\n      }\n\n      // 从左到右溶解函数\n      float leftToRightDissolve(vec2 uv, float time, float pixelSize, vec2 resolution) {\n        // 左到右溶解：从x=0开始向x=1溶解\n        float dissolvePosition = time * 1.2; // 增加系数确保完全溶解\n\n        // 当pixelSize > 0时添加颗粒效果\n        if (pixelSize > 0.0) {\n          vec2 pixelCoord = uv * resolution;\n          float noiseValue = pixelNoise(pixelCoord, pixelSize);\n          float noiseInfluence = (noiseValue - 0.5) * 0.3;\n          dissolvePosition += noiseInfluence;\n          return uv.x < dissolvePosition ? 0.0 : 1.0;\n        } else {\n          // 平滑溶解：根据fadeEdge决定是否使用渐变\n          if (u_fadeEdge) {\n            // 柔和边缘：返回渐变值\n            float fadeWidth = 0.08; // 渐变宽度\n            return smoothstep(dissolvePosition, dissolvePosition + fadeWidth, uv.x);\n          } else {\n            // 硬边缘：返回0或1\n            return uv.x < dissolvePosition ? 0.0 : 1.0;\n          }\n        }\n      }\n\n      // 从右到左溶解函数\n      float rightToLeftDissolve(vec2 uv, float time, float pixelSize, vec2 resolution) {\n        // 右到左溶解：从x=1开始向x=0溶解\n        float dissolvePosition = 1.0 - time * 1.2; // 增加系数确保完全溶解\n\n        // 当pixelSize > 0时添加颗粒效果\n        if (pixelSize > 0.0) {\n          vec2 pixelCoord = uv * resolution;\n          float noiseValue = pixelNoise(pixelCoord, pixelSize);\n          float noiseInfluence = (noiseValue - 0.5) * 0.3;\n          dissolvePosition += noiseInfluence;\n          return uv.x > dissolvePosition ? 0.0 : 1.0;\n        } else {\n          // 平滑溶解：根据fadeEdge决定是否使用渐变\n          if (u_fadeEdge) {\n            // 柔和边缘：返回渐变值\n            float fadeWidth = 0.08; // 渐变宽度\n            return smoothstep(dissolvePosition - fadeWidth, dissolvePosition, uv.x);\n          } else {\n            // 硬边缘：返回0或1\n            return uv.x > dissolvePosition ? 0.0 : 1.0;\n          }\n        }\n      }\n\n      // 从上到下溶解函数\n      float topToBottomDissolve(vec2 uv, float time, float pixelSize, vec2 resolution) {\n        // 上到下溶解：从y=0开始向y=1溶解\n        float dissolvePosition = time * 1.2; // 增加系数确保完全溶解\n\n        // 当pixelSize > 0时添加颗粒效果\n        if (pixelSize > 0.0) {\n          vec2 pixelCoord = uv * resolution;\n          float noiseValue = pixelNoise(pixelCoord, pixelSize);\n          float noiseInfluence = (noiseValue - 0.5) * 0.3;\n          dissolvePosition += noiseInfluence;\n          return uv.y < dissolvePosition ? 0.0 : 1.0;\n        } else {\n          // 平滑溶解：根据fadeEdge决定是否使用渐变\n          if (u_fadeEdge) {\n            // 柔和边缘：返回渐变值\n            float fadeWidth = 0.08; // 渐变宽度\n            return smoothstep(dissolvePosition, dissolvePosition + fadeWidth, uv.y);\n          } else {\n            // 硬边缘：返回0或1\n            return uv.y < dissolvePosition ? 0.0 : 1.0;\n          }\n        }\n      }\n\n      // 从下到上溶解函数\n      float bottomToTopDissolve(vec2 uv, float time, float pixelSize, vec2 resolution) {\n        // 下到上溶解：从y=1开始向y=0溶解\n        float dissolvePosition = 1.0 - time * 1.2; // 增加系数确保完全溶解\n\n        // 当pixelSize > 0时添加颗粒效果\n        if (pixelSize > 0.0) {\n          vec2 pixelCoord = uv * resolution;\n          float noiseValue = pixelNoise(pixelCoord, pixelSize);\n          float noiseInfluence = (noiseValue - 0.5) * 0.3;\n          dissolvePosition += noiseInfluence;\n          return uv.y > dissolvePosition ? 0.0 : 1.0;\n        } else {\n          // 平滑溶解：根据fadeEdge决定是否使用渐变\n          if (u_fadeEdge) {\n            // 柔和边缘：返回渐变值\n            float fadeWidth = 0.08; // 渐变宽度\n            return smoothstep(dissolvePosition - fadeWidth, dissolvePosition, uv.y);\n          } else {\n            // 硬边缘：返回0或1\n            return uv.y > dissolvePosition ? 0.0 : 1.0;\n          }\n        }\n      }\n\n      void main() {\n        vec2 uv = v_texCoord;\n        vec4 texColor = texture2D(u_texture, uv);\n\n        float alpha = 1.0;\n\n        // 根据溶解类型选择对应的溶解函数\n        if (u_dissolveType == 0) {\n          alpha = outwardDissolve(uv, u_time, u_noiseScale, u_resolution);\n        } else if (u_dissolveType == 1) {\n          alpha = inwardDissolve(uv, u_time, u_noiseScale, u_resolution);\n        } else if (u_dissolveType == 2) {\n          alpha = radialDissolve(uv, u_time, u_noiseScale, u_resolution);\n        } else if (u_dissolveType == 3) {\n          alpha = leftToRightDissolve(uv, u_time, u_noiseScale, u_resolution);\n        } else if (u_dissolveType == 4) {\n          alpha = rightToLeftDissolve(uv, u_time, u_noiseScale, u_resolution);\n        } else if (u_dissolveType == 5) {\n          alpha = topToBottomDissolve(uv, u_time, u_noiseScale, u_resolution);\n        } else if (u_dissolveType == 6) {\n          alpha = bottomToTopDissolve(uv, u_time, u_noiseScale, u_resolution);\n        }\n\n        gl_FragColor = vec4(texColor.rgb, texColor.a * alpha);\n      }\n    `
-        };
-      }
-      applyWebGLEffect(canvas) {
-        if (!this.gl || !this.program || !this.webglCanvas) return canvas;
-        this.setupWebGLState(canvas);
-        const texture = this.createTextureFromCanvas(canvas);
-        if (!texture) return canvas;
-        this.noiseData || (this.noiseData = ImageProcessUtils.generateNoiseTexture(256, 256));
-        const noiseTexture = this.gl.createTexture();
-        this.gl.activeTexture(this.gl.TEXTURE1), this.gl.bindTexture(this.gl.TEXTURE_2D, noiseTexture), this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.LUMINANCE, 256, 256, 0, this.gl.LUMINANCE, this.gl.UNSIGNED_BYTE, this.noiseData), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_S, this.gl.REPEAT), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_T, this.gl.REPEAT), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.LINEAR), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MAG_FILTER, this.gl.LINEAR);
-        const vertexBuffer = this.createFullScreenQuad();
-        return vertexBuffer ? (this.gl.useProgram(this.program), this.setupVertexAttributes(), this.setUniforms(), this.gl.enable(this.gl.BLEND), this.gl.blendFunc(this.gl.SRC_ALPHA, this.gl.ONE_MINUS_SRC_ALPHA), this.gl.drawArrays(this.gl.TRIANGLE_STRIP, 0, 4), this.gl.deleteTexture(texture), this.gl.deleteTexture(noiseTexture), this.gl.deleteBuffer(vertexBuffer), this.webglCanvas) : canvas;
-      }
-      setUniforms() {
-        if (!this.gl || !this.program || !this.webglCanvas) return;
-        const textureLocation = this.gl.getUniformLocation(this.program, "u_texture"),
-          noiseTextureLocation = this.gl.getUniformLocation(this.program, "u_noiseTexture"),
-          timeLocation = this.gl.getUniformLocation(this.program, "u_time"),
-          dissolveTypeLocation = this.gl.getUniformLocation(this.program, "u_dissolveType"),
-          resolutionLocation = this.gl.getUniformLocation(this.program, "u_resolution"),
-          noiseScaleLocation = this.gl.getUniformLocation(this.program, "u_noiseScale"),
-          fadeEdgeLocation = this.gl.getUniformLocation(this.program, "u_fadeEdge");
-        this.gl.uniform1i(textureLocation, 0), this.gl.uniform1i(noiseTextureLocation, 1), this.gl.uniform1f(timeLocation, this.currentAnimationRatio), this.gl.uniform2f(resolutionLocation, this.webglCanvas.width, this.webglCanvas.height), this.gl.uniform1f(noiseScaleLocation, this.dissolveConfig.noiseScale), this.gl.uniform1i(fadeEdgeLocation, this.dissolveConfig.fadeEdge ? 1 : 0);
-        this.gl.uniform1i(dissolveTypeLocation, {
-          outward: 0,
-          inward: 1,
-          radial: 2,
-          leftToRight: 3,
-          rightToLeft: 4,
-          topToBottom: 5,
-          bottomToTop: 6
-        }[this.dissolveConfig.dissolveType] || 0);
-      }
-      applyCanvas2DEffect(canvas) {
-        const outputCanvas = this.createOutputCanvas(canvas);
-        if (!outputCanvas) return canvas;
-        const {
-            canvas: outputCanvasElement,
-            ctx: ctx
-          } = outputCanvas,
-          imageData = ctx.getImageData(0, 0, canvas.width, canvas.height),
-          progress = this.currentAnimationRatio;
-        let dissolvedImageData;
-        switch (this.dissolveConfig.dissolveType) {
-          case "outward":
-            dissolvedImageData = this.applyOutwardDissolve(imageData, progress);
-            break;
-          case "inward":
-            dissolvedImageData = this.applyInwardDissolve(imageData, progress);
-            break;
-          case "radial":
-            dissolvedImageData = this.applyRadialDissolve(imageData, progress);
-            break;
-          case "leftToRight":
-            dissolvedImageData = this.applyLeftToRightDissolve(imageData, progress);
-            break;
-          case "rightToLeft":
-            dissolvedImageData = this.applyRightToLeftDissolve(imageData, progress);
-            break;
-          case "topToBottom":
-            dissolvedImageData = this.applyTopToBottomDissolve(imageData, progress);
-            break;
-          case "bottomToTop":
-            dissolvedImageData = this.applyBottomToTopDissolve(imageData, progress);
-            break;
-          default:
-            dissolvedImageData = imageData;
-        }
-        return ctx.putImageData(dissolvedImageData, 0, 0), outputCanvasElement;
-      }
-      applyOutwardDissolve(imageData, progress) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length);
-        result.set(data);
-        const centerX = width / 2,
-          centerY = height / 2,
-          maxDist = Math.sqrt(centerX * centerX + centerY * centerY),
-          pixelSize = this.dissolveConfig.noiseScale;
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const dx = x - centerX,
-            dy = y - centerY,
-            normalizedDist = Math.sqrt(dx * dx + dy * dy) / maxDist;
-          let dissolveThreshold = 1.2 - 1.4 * progress,
-            alpha = 1;
-          if (pixelSize > 0) {
-            dissolveThreshold += .4 * (ImageProcessUtils.pixelNoise(x, y, pixelSize) - .5), alpha = normalizedDist > dissolveThreshold ? 0 : 1;
-          } else if (this.dissolveConfig.fadeEdge) {
-            const fadeStart = dissolveThreshold - .15;
-            alpha = normalizedDist < fadeStart ? 1 : normalizedDist > dissolveThreshold ? 0 : 1 - (normalizedDist - fadeStart) / (dissolveThreshold - fadeStart);
-          } else alpha = normalizedDist > dissolveThreshold ? 0 : 1;
-          const index = 4 * (y * width + x);
-          result[index + 3] = Math.floor(result[index + 3] * alpha);
-        }
-        return new ImageData(result, width, height);
-      }
-      applyInwardDissolve(imageData, progress) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length);
-        result.set(data);
-        const centerX = width / 2,
-          centerY = height / 2,
-          maxDist = Math.sqrt(centerX * centerX + centerY * centerY),
-          pixelSize = this.dissolveConfig.noiseScale;
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const dx = x - centerX,
-            dy = y - centerY,
-            normalizedDist = Math.sqrt(dx * dx + dy * dy) / maxDist;
-          let dissolveThreshold = 1.4 * progress,
-            alpha = 1;
-          if (pixelSize > 0) {
-            dissolveThreshold += .4 * (ImageProcessUtils.pixelNoise(x, y, pixelSize) - .5), alpha = normalizedDist < dissolveThreshold ? 0 : 1;
-          } else if (this.dissolveConfig.fadeEdge) {
-            const fadeEnd = dissolveThreshold + .15;
-            alpha = normalizedDist < dissolveThreshold ? 0 : normalizedDist > fadeEnd ? 1 : (normalizedDist - dissolveThreshold) / (fadeEnd - dissolveThreshold);
-          } else alpha = normalizedDist < dissolveThreshold ? 0 : 1;
-          const index = 4 * (y * width + x);
-          result[index + 3] = Math.floor(result[index + 3] * alpha);
-        }
-        return new ImageData(result, width, height);
-      }
-      applyRadialDissolve(imageData, progress) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length);
-        result.set(data);
-        const centerX = width / 2,
-          centerY = height / 2,
-          pixelSize = this.dissolveConfig.noiseScale;
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const dx = x - centerX,
-            dy = y - centerY,
-            normalizedAngle = (Math.atan2(dy, dx) + Math.PI) / (2 * Math.PI);
-          let dissolveThreshold = 1.2 * progress,
-            alpha = 1;
-          if (pixelSize > 0) {
-            dissolveThreshold += .3 * (ImageProcessUtils.pixelNoise(x, y, pixelSize) - .5), alpha = normalizedAngle < dissolveThreshold ? 0 : 1;
-          } else if (this.dissolveConfig.fadeEdge) {
-            const fadeEnd = dissolveThreshold + .08;
-            alpha = normalizedAngle < dissolveThreshold ? 0 : normalizedAngle > fadeEnd ? 1 : (normalizedAngle - dissolveThreshold) / (fadeEnd - dissolveThreshold);
-          } else alpha = normalizedAngle < dissolveThreshold ? 0 : 1;
-          const index = 4 * (y * width + x);
-          result[index + 3] = Math.floor(result[index + 3] * alpha);
-        }
-        return new ImageData(result, width, height);
-      }
-      applyLeftToRightDissolve(imageData, progress) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length);
-        result.set(data);
-        const pixelSize = this.dissolveConfig.noiseScale;
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const normalizedX = x / width;
-          let dissolveThreshold = 1.2 * progress,
-            alpha = 1;
-          if (pixelSize > 0) {
-            dissolveThreshold += .3 * (ImageProcessUtils.pixelNoise(x, y, pixelSize) - .5), alpha = normalizedX < dissolveThreshold ? 0 : 1;
-          } else if (this.dissolveConfig.fadeEdge) {
-            const fadeEnd = dissolveThreshold + .08;
-            alpha = normalizedX < dissolveThreshold ? 0 : normalizedX > fadeEnd ? 1 : (normalizedX - dissolveThreshold) / (fadeEnd - dissolveThreshold);
-          } else alpha = normalizedX < dissolveThreshold ? 0 : 1;
-          const index = 4 * (y * width + x);
-          result[index + 3] = Math.floor(result[index + 3] * alpha);
-        }
-        return new ImageData(result, width, height);
-      }
-      applyRightToLeftDissolve(imageData, progress) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length);
-        result.set(data);
-        const pixelSize = this.dissolveConfig.noiseScale;
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const normalizedX = x / width;
-          let dissolveThreshold = 1 - 1.2 * progress,
-            alpha = 1;
-          if (pixelSize > 0) {
-            dissolveThreshold += .3 * (ImageProcessUtils.pixelNoise(x, y, pixelSize) - .5), alpha = normalizedX > dissolveThreshold ? 0 : 1;
-          } else if (this.dissolveConfig.fadeEdge) {
-            const fadeStart = dissolveThreshold - .08;
-            alpha = normalizedX < fadeStart ? 1 : normalizedX > dissolveThreshold ? 0 : 1 - (normalizedX - fadeStart) / (dissolveThreshold - fadeStart);
-          } else alpha = normalizedX > dissolveThreshold ? 0 : 1;
-          const index = 4 * (y * width + x);
-          result[index + 3] = Math.floor(result[index + 3] * alpha);
-        }
-        return new ImageData(result, width, height);
-      }
-      applyTopToBottomDissolve(imageData, progress) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length);
-        result.set(data);
-        const pixelSize = this.dissolveConfig.noiseScale;
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const normalizedY = y / height;
-          let dissolveThreshold = 1.2 * progress,
-            alpha = 1;
-          if (pixelSize > 0) {
-            dissolveThreshold += .3 * (ImageProcessUtils.pixelNoise(x, y, pixelSize) - .5), alpha = normalizedY < dissolveThreshold ? 0 : 1;
-          } else if (this.dissolveConfig.fadeEdge) {
-            const fadeEnd = dissolveThreshold + .08;
-            alpha = normalizedY < dissolveThreshold ? 0 : normalizedY > fadeEnd ? 1 : (normalizedY - dissolveThreshold) / (fadeEnd - dissolveThreshold);
-          } else alpha = normalizedY < dissolveThreshold ? 0 : 1;
-          const index = 4 * (y * width + x);
-          result[index + 3] = Math.floor(result[index + 3] * alpha);
-        }
-        return new ImageData(result, width, height);
-      }
-      applyBottomToTopDissolve(imageData, progress) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length);
-        result.set(data);
-        const pixelSize = this.dissolveConfig.noiseScale;
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const normalizedY = y / height;
-          let dissolveThreshold = 1 - 1.2 * progress,
-            alpha = 1;
-          if (pixelSize > 0) {
-            dissolveThreshold += .3 * (ImageProcessUtils.pixelNoise(x, y, pixelSize) - .5), alpha = normalizedY > dissolveThreshold ? 0 : 1;
-          } else if (this.dissolveConfig.fadeEdge) {
-            const fadeStart = dissolveThreshold - .08;
-            alpha = normalizedY < fadeStart ? 1 : normalizedY > dissolveThreshold ? 0 : 1 - (normalizedY - fadeStart) / (dissolveThreshold - fadeStart);
-          } else alpha = normalizedY > dissolveThreshold ? 0 : 1;
-          const index = 4 * (y * width + x);
-          result[index + 3] = Math.floor(result[index + 3] * alpha);
-        }
-        return new ImageData(result, width, height);
-      }
-    }
-
-    class Grayscale extends HybridEffectBase {
-      constructor(from, to, duration, easing, params) {
-        var _a, _b, _c;
-        super(from, to, duration, easing, params);
-        const rawStrength = void 0 !== (null === (_a = null == params ? void 0 : params.options) || void 0 === _a ? void 0 : _a.strength) ? params.options.strength : 1,
-          clampedStrength = Math.max(0, Math.min(1, rawStrength));
-        this.colorConfig = {
-          effectType: (null === (_b = null == params ? void 0 : params.options) || void 0 === _b ? void 0 : _b.effectType) || "grayscale",
-          strength: clampedStrength,
-          useWebGL: void 0 === (null === (_c = null == params ? void 0 : params.options) || void 0 === _c ? void 0 : _c.useWebGL) || params.options.useWebGL
-        };
-      }
-      getShaderSources() {
-        return {
-          vertex: ShaderLibrary.STANDARD_VERTEX_SHADER,
-          fragment: `\n      precision mediump float;\n      uniform sampler2D u_texture;\n      uniform float u_time;\n      uniform float u_strength;\n      uniform int u_effectType;\n      uniform vec2 u_resolution;\n      varying vec2 v_texCoord;\n\n      ${ShaderLibrary.SHADER_FUNCTIONS}\n\n      void main() {\n        vec2 uv = v_texCoord;\n        vec4 originalColor = texture2D(u_texture, uv);\n        vec3 color = originalColor.rgb;\n\n        // 计算动态强度\n        float dynamicStrength = calculateDynamicStrength(u_strength, u_time);\n\n        if (u_effectType == 0) {\n          // 灰度效果\n          float gray = luminance(color);\n          vec3 grayColor = vec3(gray);\n          color = mix(color, grayColor, dynamicStrength);\n        } else if (u_effectType == 1) {\n          // 褐色调效果\n          vec3 sepiaColor = sepia(color);\n          color = mix(color, sepiaColor, dynamicStrength);\n        }\n\n        gl_FragColor = vec4(color, originalColor.a);\n      }\n    `
-        };
-      }
-      applyWebGLEffect(canvas) {
-        if (!this.gl || !this.program || !this.webglCanvas) return null;
-        this.setupWebGLState(canvas);
-        const texture = this.createTextureFromCanvas(canvas);
-        if (!texture) return null;
-        const vertexBuffer = this.createFullScreenQuad();
-        if (!vertexBuffer) return this.gl.deleteTexture(texture), null;
-        try {
-          return this.gl.useProgram(this.program), this.setupVertexAttributes(), this.setColorUniforms(), this.gl.drawArrays(this.gl.TRIANGLE_STRIP, 0, 4), this.webglCanvas;
-        } finally {
-          this.gl.deleteTexture(texture), this.gl.deleteBuffer(vertexBuffer);
-        }
-      }
-      setColorUniforms() {
-        if (!this.gl || !this.program) return;
-        const currentTime = this.getAnimationTime(),
-          timeLocation = this.gl.getUniformLocation(this.program, "u_time"),
-          strengthLocation = this.gl.getUniformLocation(this.program, "u_strength"),
-          effectTypeLocation = this.gl.getUniformLocation(this.program, "u_effectType"),
-          resolutionLocation = this.gl.getUniformLocation(this.program, "u_resolution");
-        this.gl.uniform1f(timeLocation, currentTime), this.gl.uniform1f(strengthLocation, this.colorConfig.strength), this.gl.uniform2f(resolutionLocation, this.webglCanvas.width, this.webglCanvas.height);
-        this.gl.uniform1i(effectTypeLocation, {
-          grayscale: 0,
-          sepia: 1
-        }[this.colorConfig.effectType] || 0);
-      }
-      applyCanvas2DEffect(canvas) {
-        if (this.colorConfig.strength <= 0) {
-          const outputCanvas = this.createOutputCanvas(canvas);
-          return outputCanvas ? outputCanvas.canvas : null;
-        }
-        if (this.canUseCSSFilter()) return this.applyCSSFilter(canvas);
-        const outputCanvas = this.createOutputCanvas(canvas);
-        if (!outputCanvas) return null;
-        const {
-          ctx: ctx
-        } = outputCanvas;
-        try {
-          const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height),
-            currentTime = this.getAnimationTime();
-          let processedImageData;
-          switch (this.colorConfig.effectType) {
-            case "grayscale":
-            default:
-              processedImageData = this.applyGrayscaleEffect(imageData, this.colorConfig.strength, currentTime);
-              break;
-            case "sepia":
-              processedImageData = this.applySepiaEffect(imageData, this.colorConfig.strength, currentTime);
-          }
-          return ctx.clearRect(0, 0, canvas.width, canvas.height), ctx.putImageData(processedImageData, 0, 0), outputCanvas.canvas;
-        } catch (error) {
-          return null;
-        }
-      }
-      canUseCSSFilter() {
-        var _a;
-        return !!window.useFilterAPI && "undefined" != typeof CSS && (null === (_a = CSS.supports) || void 0 === _a ? void 0 : _a.call(CSS, "filter", "grayscale(1)"));
-      }
-      applyCSSFilter(canvas) {
-        try {
-          const outputCanvas = ImageProcessUtils.createTempCanvas(canvas.width, canvas.height),
-            ctx = outputCanvas.getContext("2d");
-          if (!ctx) return null;
-          const currentTime = this.getAnimationTime(),
-            dynamicStrength = ImageProcessUtils.calculateDynamicStrength(this.colorConfig.strength, currentTime);
-          let filterValue = "";
-          return "grayscale" === this.colorConfig.effectType ? filterValue = `grayscale(${Math.min(1, dynamicStrength)})` : "sepia" === this.colorConfig.effectType && (filterValue = `sepia(${Math.min(1, dynamicStrength)})`), ctx.filter = filterValue, ctx.drawImage(canvas, 0, 0), ctx.filter = "none", outputCanvas;
-        } catch (error) {
-          return null;
-        }
-      }
-      applyGrayscaleEffect(imageData, strength, time) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length),
-          dynamicStrength = ImageProcessUtils.calculateDynamicStrength(strength, time);
-        for (let i = 0; i < data.length; i += 4) {
-          const r = data[i],
-            g = data[i + 1],
-            b = data[i + 2],
-            a = data[i + 3],
-            gray = ImageProcessUtils.getLuminance(r, g, b);
-          result[i] = Math.round(ImageProcessUtils.lerp(r, gray, dynamicStrength)), result[i + 1] = Math.round(ImageProcessUtils.lerp(g, gray, dynamicStrength)), result[i + 2] = Math.round(ImageProcessUtils.lerp(b, gray, dynamicStrength)), result[i + 3] = a;
-        }
-        return new ImageData(result, width, height);
-      }
-      applySepiaEffect(imageData, strength, time) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length),
-          dynamicStrength = ImageProcessUtils.calculateDynamicStrength(strength, time);
-        for (let i = 0; i < data.length; i += 4) {
-          const r = data[i],
-            g = data[i + 1],
-            b = data[i + 2],
-            a = data[i + 3],
-            [sepiaR, sepiaG, sepiaB] = ImageProcessUtils.applySepiaToPixel(r, g, b);
-          result[i] = Math.round(ImageProcessUtils.lerp(r, sepiaR, dynamicStrength)), result[i + 1] = Math.round(ImageProcessUtils.lerp(g, sepiaG, dynamicStrength)), result[i + 2] = Math.round(ImageProcessUtils.lerp(b, sepiaB, dynamicStrength)), result[i + 3] = a;
-        }
-        return new ImageData(result, width, height);
-      }
-      afterStageRender(stage, canvas) {
-        if (this.canUseCSSFilter() && this.colorConfig.strength > 0) {
-          const cssResult = this.applyCSSFilter(canvas);
-          if (cssResult) return cssResult;
-        }
-        return super.afterStageRender(stage, canvas);
-      }
-    }
-
-    class Distortion extends HybridEffectBase {
-      constructor(from, to, duration, easing, params) {
-        var _a, _b, _c;
-        super(from, to, duration, easing, params), this.distortionConfig = {
-          distortionType: (null === (_a = null == params ? void 0 : params.options) || void 0 === _a ? void 0 : _a.distortionType) || "wave",
-          strength: (null === (_b = null == params ? void 0 : params.options) || void 0 === _b ? void 0 : _b.strength) || .3,
-          useWebGL: void 0 === (null === (_c = null == params ? void 0 : params.options) || void 0 === _c ? void 0 : _c.useWebGL) || params.options.useWebGL
-        };
-      }
-      getShaderSources() {
-        return {
-          vertex: "\n      attribute vec2 a_position;\n      attribute vec2 a_texCoord;\n      varying vec2 v_texCoord;\n\n      void main() {\n        gl_Position = vec4(a_position, 0.0, 1.0);\n        v_texCoord = a_texCoord;\n      }\n    ",
-          fragment: "\n      precision mediump float;\n      uniform sampler2D u_texture;\n      uniform float u_time;\n      uniform float u_strength;\n      uniform int u_distortionType;\n      uniform vec2 u_resolution;\n      varying vec2 v_texCoord;\n\n      // 波浪扭曲函数\n      vec2 wave(vec2 uv, float time, float strength) {\n        float waveX = sin(uv.y * 10.0 + time * 3.0) * strength * 0.1;\n        float waveY = sin(uv.x * 10.0 + time * 2.0) * strength * 0.1;\n        return uv + vec2(waveX, waveY);\n      }\n\n      // 涟漪扭曲函数\n      vec2 ripple(vec2 uv, float time, float strength) {\n        vec2 center = vec2(0.5, 0.5);\n        float distance = length(uv - center);\n        float ripple = sin(distance * 20.0 - time * 5.0) * strength * 0.1;\n        vec2 direction = normalize(uv - center);\n        return uv + direction * ripple;\n      }\n\n      // 漩涡扭曲函数\n      vec2 swirl(vec2 uv, float time, float strength) {\n        vec2 center = vec2(0.5, 0.5);\n        vec2 delta = uv - center;\n        float dist = length(delta);\n        float originalAngle = atan(delta.y, delta.x);\n        float rotationAngle = dist * strength * time * 2.0;\n        float finalAngle = originalAngle + rotationAngle;\n        return center + dist * vec2(cos(finalAngle), sin(finalAngle));\n      }\n\n      void main() {\n        vec2 uv = v_texCoord;\n\n        // 根据扭曲类型应用相应变换\n        if (u_distortionType == 0) {\n          uv = wave(uv, u_time, u_strength);\n        } else if (u_distortionType == 1) {\n          uv = ripple(uv, u_time, u_strength);\n        } else if (u_distortionType == 2) {\n          uv = swirl(uv, u_time, u_strength);\n        }\n\n        // 边界检查\n        if (uv.x < 0.0 || uv.x > 1.0 || uv.y < 0.0 || uv.y > 1.0) {\n          gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n        } else {\n          gl_FragColor = texture2D(u_texture, uv);\n        }\n      }\n    "
-        };
-      }
-      applyWebGLEffect(canvas) {
-        if (!this.gl || !this.program || !this.webglCanvas) return null;
-        this.setupWebGLState(canvas);
-        const texture = this.createTextureFromCanvas(canvas);
-        if (!texture) return null;
-        const vertexBuffer = this.createFullScreenQuad();
-        if (!vertexBuffer) return this.gl.deleteTexture(texture), null;
-        try {
-          return this.gl.useProgram(this.program), this.setupVertexAttributes(), this.setDistortionUniforms(), this.gl.drawArrays(this.gl.TRIANGLE_STRIP, 0, 4), this.webglCanvas;
-        } finally {
-          this.gl.deleteTexture(texture), this.gl.deleteBuffer(vertexBuffer);
-        }
-      }
-      setDistortionUniforms() {
-        if (!this.gl || !this.program) return;
-        const currentTime = this.getAnimationTime(),
-          timeLocation = this.gl.getUniformLocation(this.program, "u_time"),
-          strengthLocation = this.gl.getUniformLocation(this.program, "u_strength"),
-          distortionTypeLocation = this.gl.getUniformLocation(this.program, "u_distortionType"),
-          resolutionLocation = this.gl.getUniformLocation(this.program, "u_resolution");
-        this.gl.uniform1f(timeLocation, currentTime), this.gl.uniform1f(strengthLocation, this.distortionConfig.strength), this.gl.uniform2f(resolutionLocation, this.webglCanvas.width, this.webglCanvas.height);
-        this.gl.uniform1i(distortionTypeLocation, {
-          wave: 0,
-          ripple: 1,
-          swirl: 2
-        }[this.distortionConfig.distortionType] || 0);
-      }
-      applyCanvas2DEffect(canvas) {
-        const outputCanvas = this.createOutputCanvas(canvas);
-        if (!outputCanvas) return null;
-        const {
-          ctx: ctx
-        } = outputCanvas;
-        try {
-          const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height),
-            currentTime = this.getAnimationTime();
-          let distortedImageData;
-          switch (this.distortionConfig.distortionType) {
-            case "wave":
-              distortedImageData = this.applyWaveDistortion(imageData, this.distortionConfig.strength, currentTime);
-              break;
-            case "ripple":
-              distortedImageData = this.applyRippleDistortion(imageData, this.distortionConfig.strength, currentTime);
-              break;
-            case "swirl":
-              distortedImageData = this.applySwirlDistortion(imageData, this.distortionConfig.strength, currentTime);
-              break;
-            default:
-              distortedImageData = imageData;
-          }
-          return ctx.clearRect(0, 0, canvas.width, canvas.height), ctx.putImageData(distortedImageData, 0, 0), outputCanvas.canvas;
-        } catch (error) {
-          return null;
-        }
-      }
-      applyWaveDistortion(imageData, strength, time) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length);
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const waveX = Math.sin(.1 * y + 3 * time) * strength * 20,
-            waveY = Math.sin(.1 * x + 2 * time) * strength * 20,
-            sourceX = Math.round(x - waveX),
-            sourceY = Math.round(y - waveY),
-            targetIndex = 4 * (y * width + x);
-          if (sourceX >= 0 && sourceX < width && sourceY >= 0 && sourceY < height) {
-            const sourceIndex = 4 * (sourceY * width + sourceX);
-            result[targetIndex] = data[sourceIndex], result[targetIndex + 1] = data[sourceIndex + 1], result[targetIndex + 2] = data[sourceIndex + 2], result[targetIndex + 3] = data[sourceIndex + 3];
-          } else result[targetIndex + 3] = 0;
-        }
-        return new ImageData(result, width, height);
-      }
-      applyRippleDistortion(imageData, strength, time) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length),
-          centerX = width / 2,
-          centerY = height / 2;
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const dx = x - centerX,
-            dy = y - centerY,
-            distance = Math.sqrt(dx * dx + dy * dy),
-            ripple = Math.sin(.2 * distance - 5 * time) * strength * 10,
-            angle = Math.atan2(dy, dx),
-            sourceX = Math.round(x - Math.cos(angle) * ripple),
-            sourceY = Math.round(y - Math.sin(angle) * ripple),
-            targetIndex = 4 * (y * width + x);
-          if (sourceX >= 0 && sourceX < width && sourceY >= 0 && sourceY < height) {
-            const sourceIndex = 4 * (sourceY * width + sourceX);
-            result[targetIndex] = data[sourceIndex], result[targetIndex + 1] = data[sourceIndex + 1], result[targetIndex + 2] = data[sourceIndex + 2], result[targetIndex + 3] = data[sourceIndex + 3];
-          } else result[targetIndex + 3] = 0;
-        }
-        return new ImageData(result, width, height);
-      }
-      applySwirlDistortion(imageData, strength, time) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data.length),
-          centerX = width / 2,
-          centerY = height / 2;
-        for (let y = 0; y < height; y++) for (let x = 0; x < width; x++) {
-          const dx = x - centerX,
-            dy = y - centerY,
-            distance = Math.sqrt(dx * dx + dy * dy),
-            finalAngle = Math.atan2(dy, dx) + distance * strength * time * .02,
-            sourceX = Math.round(centerX + distance * Math.cos(finalAngle)),
-            sourceY = Math.round(centerY + distance * Math.sin(finalAngle)),
-            targetIndex = 4 * (y * width + x);
-          if (sourceX >= 0 && sourceX < width && sourceY >= 0 && sourceY < height) {
-            const sourceIndex = 4 * (sourceY * width + sourceX);
-            result[targetIndex] = data[sourceIndex], result[targetIndex + 1] = data[sourceIndex + 1], result[targetIndex + 2] = data[sourceIndex + 2], result[targetIndex + 3] = data[sourceIndex + 3];
-          } else result[targetIndex + 3] = 0;
-        }
-        return new ImageData(result, width, height);
-      }
-      afterStageRender(stage, canvas) {
-        return this.distortionConfig.strength <= 0 ? canvas : super.afterStageRender(stage, canvas);
-      }
-    }
-
-    class Particle extends HybridEffectBase {
-      constructor(from, to, duration, easing, params) {
-        var _a, _b, _c, _d, _e;
-        super(from, to, duration, easing, params), this.particles = [], this.positionBuffer = null, this.colorBuffer = null, this.particleConfig = {
-          effectType: (null === (_a = null == params ? void 0 : params.options) || void 0 === _a ? void 0 : _a.effectType) || "gravity",
-          count: (null === (_b = null == params ? void 0 : params.options) || void 0 === _b ? void 0 : _b.count) || 4e3,
-          size: (null === (_c = null == params ? void 0 : params.options) || void 0 === _c ? void 0 : _c.size) || 20,
-          strength: (null === (_d = null == params ? void 0 : params.options) || void 0 === _d ? void 0 : _d.strength) || 1.5,
-          useWebGL: void 0 === (null === (_e = null == params ? void 0 : params.options) || void 0 === _e ? void 0 : _e.useWebGL) || params.options.useWebGL
-        };
-      }
-      getShaderSources() {
-        return {
-          vertex: "\n      attribute vec2 a_position;\n      attribute vec4 a_color;\n      attribute float a_size;\n\n      uniform vec2 u_resolution;\n      uniform float u_time;\n      uniform float u_forceStrength;\n      uniform int u_effectType;\n\n      varying vec4 v_color;\n\n      void main() {\n        // 将像素坐标转换为剪辑空间坐标\n        vec2 clipSpace = ((a_position / u_resolution) * 2.0) - 1.0;\n        clipSpace.y = -clipSpace.y; // 翻转Y轴\n\n        gl_Position = vec4(clipSpace, 0.0, 1.0);\n        gl_PointSize = a_size;\n        v_color = a_color;\n      }\n    ",
-          fragment: "\n      precision mediump float;\n      varying vec4 v_color;\n\n      void main() {\n        // 创建圆形粒子\n        vec2 coord = gl_PointCoord - vec2(0.5);\n        float distance = length(coord);\n\n        if (distance > 0.5) {\n          discard;\n        }\n\n        // 保持原始颜色，只调整透明度渐变\n        gl_FragColor = vec4(v_color.rgb, v_color.a);\n      }\n    "
-        };
-      }
-      applyWebGLEffect(canvas) {
-        if (!this.gl || !this.program || !this.webglCanvas) return null;
-        this.setupWebGLState(canvas), 0 === this.particles.length && this.extractParticles(canvas), this.updateParticles(canvas);
-        const gl = this.gl;
-        return gl.enable(gl.BLEND), gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA), gl.useProgram(this.program), this.prepareAndDrawParticles(gl), this.webglCanvas;
-      }
-      applyCanvas2DEffect(canvas) {
-        const output = this.createOutputCanvas(canvas);
-        if (!output) return null;
-        const {
-            canvas: outputCanvas,
-            ctx: ctx
-          } = output,
-          progress = this.currentAnimationRatio;
-        switch (this.particleConfig.effectType) {
-          case "explode":
-            this.applyCanvas2DExplode(ctx, canvas, progress);
-            break;
-          case "gravity":
-            this.applyCanvas2DGravity(ctx, canvas, progress);
-            break;
-          case "vortex":
-            this.applyCanvas2DVortex(ctx, canvas, progress);
-            break;
-          default:
-            ctx.globalAlpha = Math.max(0, 1 - progress), ctx.drawImage(canvas, 0, 0);
-        }
-        return outputCanvas;
-      }
-      extractParticles(canvas) {
-        const tempCanvas = ImageProcessUtils.createTempCanvas(canvas.width, canvas.height, 1),
-          tempCtx = tempCanvas.getContext("2d");
-        if (!tempCtx) return;
-        tempCtx.drawImage(canvas, 0, 0, tempCanvas.width, tempCanvas.height);
-        const data = tempCtx.getImageData(0, 0, tempCanvas.width, tempCanvas.height).data;
-        this.particles = [];
-        const step = Math.max(1, Math.floor(Math.sqrt(tempCanvas.width * tempCanvas.height / (1.5 * this.particleConfig.count))));
-        for (let y = 0; y < tempCanvas.height; y += step) for (let x = 0; x < tempCanvas.width; x += step) {
-          const index = 4 * (y * tempCanvas.width + x),
-            r = data[index],
-            g = data[index + 1],
-            b = data[index + 2],
-            a = data[index + 3];
-          if (a > 5) {
-            const realX = x / tempCanvas.width * canvas.width,
-              realY = y / tempCanvas.height * canvas.height,
-              particle = {
-                x: realX,
-                y: realY,
-                originX: realX,
-                originY: realY,
-                vx: 0,
-                vy: 0,
-                r: r / 255,
-                g: g / 255,
-                b: b / 255,
-                a: Math.max(.6, a / 255),
-                life: 1,
-                size: this.particleConfig.size * (1 + .5 * Math.random())
-              };
-            this.particles.push(particle);
-          }
-        }
-      }
-      updateParticles(canvas) {
-        const centerX = canvas.width / 2,
-          centerY = canvas.height / 2,
-          progress = this.currentAnimationRatio,
-          duration = this.getDurationFromParent(),
-          isShortAnimation = duration < 2e3,
-          timeMultiplier = isShortAnimation ? Math.max(1.5, 3e3 / duration) : 1,
-          intensityBoost = isShortAnimation ? Math.min(2, 2e3 / duration) : 1;
-        this.particles.forEach(particle => {
-          const dx = particle.x - centerX,
-            dy = particle.y - centerY,
-            distance = Math.sqrt(dx * dx + dy * dy),
-            angle = Math.atan2(dy, dx);
-          this.applyParticleForces(particle, angle, distance, progress, intensityBoost, canvas), this.updateParticleProperties(particle, progress, isShortAnimation, timeMultiplier, intensityBoost);
-        });
-      }
-      applyParticleForces(particle, angle, distance, progress, intensityBoost, canvas) {
-        const time = this.getAnimationTime();
-        switch (this.particleConfig.effectType) {
-          case "explode":
-            const explodeIntensity = progress * this.particleConfig.strength * intensityBoost * 5;
-            particle.vx += Math.cos(angle) * explodeIntensity, particle.vy += Math.sin(angle) * explodeIntensity;
-            break;
-          case "gravity":
-            this.applyGravityEffect(particle, progress, intensityBoost, canvas, time);
-            break;
-          case "vortex":
-            this.applyVortexEffect(particle, progress, intensityBoost, canvas, angle, distance);
-        }
-      }
-      applyGravityEffect(particle, progress, intensityBoost, canvas, time) {
-        const gravityThreshold = (particle.originX + .7 * particle.originY) / (canvas.width + canvas.height) * .8;
-        if (progress > gravityThreshold) {
-          const gravityProgress = (progress - gravityThreshold) / (1 - gravityThreshold),
-            gravityForce = this.particleConfig.strength * gravityProgress * gravityProgress * 12 * intensityBoost;
-          particle.vy += gravityForce;
-          const turbulence = Math.sin(3 * time + .02 * particle.originX) * Math.cos(2 * time + .015 * particle.originY);
-          particle.vx += turbulence * this.particleConfig.strength * 2 * intensityBoost;
-        }
-      }
-      applyVortexEffect(particle, progress, intensityBoost, canvas, angle, distance) {
-        const centerX = canvas.width / 2,
-          centerY = canvas.height / 2,
-          spiralAngle = angle + progress * Math.PI * .8,
-          targetRadius = distance + progress * Math.max(canvas.width, canvas.height) * .7 * 1.8,
-          targetX = centerX + Math.cos(spiralAngle) * targetRadius,
-          targetY = centerY + Math.sin(spiralAngle) * targetRadius,
-          baseForce = progress * this.particleConfig.strength * .08 * intensityBoost;
-        particle.vx += (targetX - particle.x) * baseForce, particle.vy += (targetY - particle.y) * baseForce;
-      }
-      updateParticleProperties(particle, progress, isShortAnimation, timeMultiplier, intensityBoost) {
-        const dragCoeff = isShortAnimation ? .99 : .98;
-        if (particle.vx *= dragCoeff, particle.vy *= dragCoeff, particle.x += particle.vx, particle.y += particle.vy, isShortAnimation) {
-          const lifeDecayRate = Math.max(.1, .5 / timeMultiplier);
-          particle.life = Math.max(0, 1 - progress * lifeDecayRate), particle.a = Math.max(.2, particle.life * Math.min(1, 1.2 * particle.a)), particle.size = Math.max(.7 * this.particleConfig.size, this.particleConfig.size * (.5 + .5 * particle.life));
-        } else particle.life = Math.max(0, 1 - .2 * progress), particle.a = Math.max(.1, particle.life * Math.min(1, 1.5 * particle.a)), particle.size = Math.max(.5 * this.particleConfig.size, this.particleConfig.size * (.3 + .7 * particle.life));
-      }
-      prepareAndDrawParticles(gl) {
-        const positions = new Float32Array(2 * this.particles.length),
-          colors = new Float32Array(4 * this.particles.length),
-          sizes = new Float32Array(this.particles.length);
-        this.particles.forEach((particle, i) => {
-          positions[2 * i] = particle.x, positions[2 * i + 1] = particle.y, colors[4 * i] = particle.r, colors[4 * i + 1] = particle.g, colors[4 * i + 2] = particle.b, colors[4 * i + 3] = Math.max(.1, particle.a), sizes[i] = Math.max(6, 1.5 * particle.size);
-        }), this.updateParticleBuffers(gl, positions, colors, sizes), this.setParticleUniforms(gl), gl.drawArrays(gl.POINTS, 0, this.particles.length), this.cleanupTempBuffers(gl);
-      }
-      updateParticleBuffers(gl, positions, colors, sizes) {
-        this.positionBuffer || (this.positionBuffer = gl.createBuffer()), gl.bindBuffer(gl.ARRAY_BUFFER, this.positionBuffer), gl.bufferData(gl.ARRAY_BUFFER, positions, gl.DYNAMIC_DRAW);
-        const positionLocation = gl.getAttribLocation(this.program, "a_position");
-        gl.enableVertexAttribArray(positionLocation), gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, !1, 0, 0), this.colorBuffer || (this.colorBuffer = gl.createBuffer()), gl.bindBuffer(gl.ARRAY_BUFFER, this.colorBuffer), gl.bufferData(gl.ARRAY_BUFFER, colors, gl.DYNAMIC_DRAW);
-        const colorLocation = gl.getAttribLocation(this.program, "a_color");
-        gl.enableVertexAttribArray(colorLocation), gl.vertexAttribPointer(colorLocation, 4, gl.FLOAT, !1, 0, 0);
-        const sizeBuffer = gl.createBuffer();
-        gl.bindBuffer(gl.ARRAY_BUFFER, sizeBuffer), gl.bufferData(gl.ARRAY_BUFFER, sizes, gl.DYNAMIC_DRAW);
-        const sizeLocation = gl.getAttribLocation(this.program, "a_size");
-        gl.enableVertexAttribArray(sizeLocation), gl.vertexAttribPointer(sizeLocation, 1, gl.FLOAT, !1, 0, 0), this._tempSizeBuffer = sizeBuffer;
-      }
-      setParticleUniforms(gl) {
-        const resolutionLocation = gl.getUniformLocation(this.program, "u_resolution"),
-          timeLocation = gl.getUniformLocation(this.program, "u_time"),
-          forceStrengthLocation = gl.getUniformLocation(this.program, "u_forceStrength"),
-          effectTypeLocation = gl.getUniformLocation(this.program, "u_effectType");
-        gl.uniform2f(resolutionLocation, this.webglCanvas.width, this.webglCanvas.height), gl.uniform1f(timeLocation, this.getAnimationTime()), gl.uniform1f(forceStrengthLocation, this.particleConfig.strength);
-        gl.uniform1i(effectTypeLocation, {
-          explode: 0,
-          vortex: 1,
-          gravity: 2
-        }[this.particleConfig.effectType] || 0);
-      }
-      cleanupTempBuffers(gl) {
-        const tempSizeBuffer = this._tempSizeBuffer;
-        tempSizeBuffer && (gl.deleteBuffer(tempSizeBuffer), delete this._tempSizeBuffer);
-      }
-      applyCanvas2DExplode(ctx, canvas, progress) {
-        const centerX = canvas.width / 2,
-          centerY = canvas.height / 2;
-        ctx.save(), ctx.globalAlpha = Math.max(0, 1 - progress), ctx.translate(centerX, centerY);
-        const scale = 1 + .5 * progress;
-        ctx.scale(scale, scale), ctx.translate(-centerX, -centerY), ctx.drawImage(canvas, 0, 0), ctx.restore();
-      }
-      applyCanvas2DGravity(ctx, canvas, progress) {
-        ctx.save(), ctx.globalAlpha = Math.max(0, 1 - progress);
-        const offsetY = progress * canvas.height * .3;
-        ctx.drawImage(canvas, 0, offsetY), ctx.restore();
-      }
-      applyCanvas2DVortex(ctx, canvas, progress) {
-        const centerX = canvas.width / 2,
-          centerY = canvas.height / 2;
-        ctx.save(), ctx.globalAlpha = Math.max(0, 1 - progress), ctx.translate(centerX, centerY), ctx.rotate(progress * Math.PI * 2), ctx.translate(-centerX, -centerY), ctx.drawImage(canvas, 0, 0), ctx.restore();
-      }
-    }
-
-    class Glitch extends Canvas2DEffectBase {
-      constructor(from, to, duration, easing, params) {
-        var _a, _b;
-        super(from, to, duration, easing, params), this.glitchConfig = {
-          effectType: (null === (_a = null == params ? void 0 : params.options) || void 0 === _a ? void 0 : _a.effectType) || "rgb-shift",
-          intensity: void 0 !== (null === (_b = null == params ? void 0 : params.options) || void 0 === _b ? void 0 : _b.intensity) ? params.options.intensity : .5
-        };
-      }
-      applyCanvas2DEffect(canvas) {
-        if (this.glitchConfig.intensity <= 0) {
-          const outputCanvas = this.createOutputCanvas(canvas);
-          return outputCanvas ? outputCanvas.canvas : null;
-        }
-        try {
-          switch (this.glitchConfig.effectType) {
-            case "rgb-shift":
-            default:
-              return this.applyRGBShiftGlitch(canvas);
-            case "digital-distortion":
-              return this.applyDigitalDistortionGlitch(canvas);
-            case "scan-lines":
-              return this.applyScanLineGlitch(canvas);
-            case "data-corruption":
-              return this.applyDataCorruptionGlitch(canvas);
-          }
-        } catch (error) {
-          return null;
-        }
-      }
-      applyRGBShiftGlitch(canvas) {
-        const outputCanvas = this.createOutputCanvas(canvas);
-        if (!outputCanvas) return null;
-        const {
-          ctx: ctx
-        } = outputCanvas;
-        try {
-          ctx.clearRect(0, 0, canvas.width, canvas.height);
-          const dynamicIntensity = ImageProcessUtils.calculateDynamicStrength(this.glitchConfig.intensity, this.getAnimationTime()),
-            maxOffset = Math.floor(20 * dynamicIntensity),
-            redOffset = this.generateRandomOffset(maxOffset),
-            greenOffset = this.generateRandomOffset(maxOffset, .3),
-            blueOffset = this.generateRandomOffset(-maxOffset),
-            tempCanvas = ImageProcessUtils.createTempCanvas(canvas.width, canvas.height),
-            tempCtx = tempCanvas.getContext("2d");
-          tempCtx.drawImage(canvas, 0, 0);
-          const originalImageData = tempCtx.getImageData(0, 0, canvas.width, canvas.height),
-            redChannelData = ImageProcessUtils.extractChannel(originalImageData, 0),
-            greenChannelData = ImageProcessUtils.extractChannel(originalImageData, 1),
-            blueChannelData = ImageProcessUtils.extractChannel(originalImageData, 2);
-          return ctx.globalCompositeOperation = "screen", tempCtx.clearRect(0, 0, canvas.width, canvas.height), tempCtx.putImageData(redChannelData, 0, 0), ctx.drawImage(tempCanvas, redOffset.x, redOffset.y), tempCtx.clearRect(0, 0, canvas.width, canvas.height), tempCtx.putImageData(greenChannelData, 0, 0), ctx.drawImage(tempCanvas, greenOffset.x, greenOffset.y), tempCtx.clearRect(0, 0, canvas.width, canvas.height), tempCtx.putImageData(blueChannelData, 0, 0), ctx.drawImage(tempCanvas, blueOffset.x, blueOffset.y), ctx.globalCompositeOperation = "source-over", outputCanvas.canvas;
-        } catch (error) {
-          return null;
-        }
-      }
-      applyDigitalDistortionGlitch(canvas) {
-        const outputCanvas = this.createOutputCanvas(canvas);
-        if (!outputCanvas) return null;
-        const {
-          ctx: ctx
-        } = outputCanvas;
-        try {
-          const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height),
-            dynamicIntensity = ImageProcessUtils.calculateDynamicStrength(this.glitchConfig.intensity, this.getAnimationTime()),
-            distortedImageData = this.processDigitalDistortion(imageData, dynamicIntensity);
-          return ctx.clearRect(0, 0, canvas.width, canvas.height), ctx.putImageData(distortedImageData, 0, 0), outputCanvas.canvas;
-        } catch (error) {
-          return null;
-        }
-      }
-      applyScanLineGlitch(canvas) {
-        const outputCanvas = this.createOutputCanvas(canvas);
-        if (!outputCanvas) return null;
-        const {
-          ctx: ctx
-        } = outputCanvas;
-        try {
-          const dynamicIntensity = ImageProcessUtils.calculateDynamicStrength(this.glitchConfig.intensity, this.getAnimationTime()),
-            lineSpacing = Math.max(2, Math.floor(10 - 8 * dynamicIntensity));
-          ctx.globalCompositeOperation = "multiply";
-          for (let y = 0; y < canvas.height; y += lineSpacing) if (Math.random() < dynamicIntensity) {
-            const opacity = .1 + .4 * dynamicIntensity;
-            ctx.fillStyle = `rgba(0, 0, 0, ${opacity})`, ctx.fillRect(0, y, canvas.width, 1);
-          }
-          ctx.globalCompositeOperation = "screen";
-          const brightLineCount = Math.floor(20 * dynamicIntensity);
-          for (let i = 0; i < brightLineCount; i++) {
-            const y = Math.random() * canvas.height,
-              opacity = .3 * dynamicIntensity;
-            ctx.fillStyle = `rgba(255, 255, 255, ${opacity})`, ctx.fillRect(0, Math.floor(y), canvas.width, 1);
-          }
-          return ctx.globalCompositeOperation = "source-over", outputCanvas.canvas;
-        } catch (error) {
-          return null;
-        }
-      }
-      applyDataCorruptionGlitch(canvas) {
-        const outputCanvas = this.createOutputCanvas(canvas);
-        if (!outputCanvas) return null;
-        const {
-          ctx: ctx
-        } = outputCanvas;
-        try {
-          const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height),
-            dynamicIntensity = ImageProcessUtils.calculateDynamicStrength(this.glitchConfig.intensity, this.getAnimationTime()),
-            corruptedImageData = this.processDataCorruption(imageData, dynamicIntensity);
-          return ctx.clearRect(0, 0, canvas.width, canvas.height), ctx.putImageData(corruptedImageData, 0, 0), outputCanvas.canvas;
-        } catch (error) {
-          return null;
-        }
-      }
-      generateRandomOffset(maxOffset, scale = 1) {
-        return {
-          x: (Math.random() - .5) * maxOffset,
-          y: (Math.random() - .5) * maxOffset * scale
-        };
-      }
-      processDigitalDistortion(imageData, intensity) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data),
-          sliceCount = Math.floor(20 * intensity) + 5,
-          sliceHeight = Math.floor(height / sliceCount);
-        for (let i = 0; i < sliceCount; i++) if (Math.random() < intensity) {
-          const y = i * sliceHeight,
-            sliceEnd = Math.min(y + sliceHeight, height),
-            offset = Math.floor((Math.random() - .5) * width * intensity * .1);
-          this.shiftSliceHorizontal(result, width, height, y, sliceEnd, offset);
-        }
-        const noiseIntensity = .3 * intensity;
-        for (let i = 0; i < data.length; i += 4) Math.random() < noiseIntensity && (result[i] = 255 * Math.random(), result[i + 1] = 255 * Math.random(), result[i + 2] = 255 * Math.random());
-        return new ImageData(result, width, height);
-      }
-      shiftSliceHorizontal(data, width, height, startY, endY, offset) {
-        const tempRow = new Uint8ClampedArray(4 * width);
-        for (let y = startY; y < endY; y++) {
-          const rowStart = y * width * 4;
-          for (let x = 0; x < 4 * width; x++) tempRow[x] = data[rowStart + x];
-          for (let x = 0; x < width; x++) {
-            const targetIndex = rowStart + 4 * x,
-              sourceIndex = 4 * ((x - offset + width) % width);
-            data[targetIndex] = tempRow[sourceIndex], data[targetIndex + 1] = tempRow[sourceIndex + 1], data[targetIndex + 2] = tempRow[sourceIndex + 2], data[targetIndex + 3] = tempRow[sourceIndex + 3];
-          }
-        }
-      }
-      processDataCorruption(imageData, intensity) {
-        const {
-            data: data,
-            width: width,
-            height: height
-          } = imageData,
-          result = new Uint8ClampedArray(data),
-          stripeCount = Math.floor(15 * intensity) + 5;
-        for (let i = 0; i < stripeCount; i++) if (Math.random() < intensity) {
-          const x = Math.floor(Math.random() * width),
-            stripeWidth = Math.floor(5 * Math.random()) + 1,
-            color = Math.random() < .5 ? 0 : 255;
-          for (let y = 0; y < height; y++) for (let dx = 0; dx < stripeWidth && x + dx < width; dx++) {
-            const index = 4 * (y * width + x + dx);
-            result[index] = color, result[index + 1] = color, result[index + 2] = color;
-          }
-        }
-        const corruptionCount = Math.floor(20 * intensity);
-        for (let i = 0; i < corruptionCount; i++) {
-          const blockX = Math.floor(Math.random() * width),
-            blockY = Math.floor(Math.random() * height),
-            blockW = Math.floor(20 * Math.random()) + 5,
-            blockH = Math.floor(10 * Math.random()) + 2;
-          this.corruptBlock(result, width, height, blockX, blockY, blockW, blockH);
-        }
-        return new ImageData(result, width, height);
-      }
-      corruptBlock(data, width, height, x, y, w, h) {
-        for (let dy = 0; dy < h && y + dy < height; dy++) for (let dx = 0; dx < w && x + dx < width; dx++) {
-          const index = 4 * ((y + dy) * width + (x + dx));
-          Math.random() < .7 && (data[index] = 255 * Math.random(), data[index + 1] = 255 * Math.random(), data[index + 2] = 255 * Math.random());
-        }
-      }
-    }
-
-    class GaussianBlur extends AStageAnimate {
-      constructor(from, to, duration, easing, params) {
-        var _a, _b;
-        super(from, to, duration, easing, params), this.blurConfig = {
-          blurRadius: (null === (_a = null == params ? void 0 : params.options) || void 0 === _a ? void 0 : _a.blurRadius) || 8,
-          useOptimizedBlur: void 0 === (null === (_b = null == params ? void 0 : params.options) || void 0 === _b ? void 0 : _b.useOptimizedBlur) || params.options.useOptimizedBlur
-        };
-      }
-      applyCSSBlur(canvas, radius) {
-        const c = vglobal.createCanvas({
-            width: canvas.width,
-            height: canvas.height,
-            dpr: vglobal.devicePixelRatio
-          }),
-          ctx = c.getContext("2d");
-        return ctx ? (ctx.filter = `blur(${radius}px)`, ctx.drawImage(canvas, 0, 0), ctx.filter = "none", c) : canvas;
-      }
-      applyDownsampleBlur(imageData, radius) {
-        const {
-            width: width,
-            height: height
-          } = imageData,
-          downsample = Math.max(1, Math.floor(radius / 2)),
-          smallWidth = Math.floor(width / downsample),
-          smallHeight = Math.floor(height / downsample),
-          tempCanvas = vglobal.createCanvas({
-            width: smallWidth,
-            height: smallHeight,
-            dpr: 1
-          }),
-          tempCtx = tempCanvas.getContext("2d");
-        if (!tempCtx) return imageData;
-        const originalCanvas = vglobal.createCanvas({
-            width: width,
-            height: height,
-            dpr: 1
-          }),
-          originalCtx = originalCanvas.getContext("2d");
-        return originalCtx ? (originalCtx.putImageData(imageData, 0, 0), tempCtx.drawImage(originalCanvas, 0, 0, smallWidth, smallHeight), tempCtx.filter = `blur(${radius / downsample}px)`, tempCtx.drawImage(tempCanvas, 0, 0), tempCtx.filter = "none", originalCtx.clearRect(0, 0, width, height), originalCtx.drawImage(tempCanvas, 0, 0, width, height), originalCtx.getImageData(0, 0, width, height)) : imageData;
-      }
-      afterStageRender(stage, canvas) {
-        if (this.blurConfig.blurRadius <= 0) return canvas;
-        let result;
-        if (this.blurConfig.useOptimizedBlur) result = this.applyCSSBlur(canvas, this.blurConfig.blurRadius);else {
-          const c = vglobal.createCanvas({
-              width: canvas.width,
-              height: canvas.height,
-              dpr: vglobal.devicePixelRatio
-            }),
-            ctx = c.getContext("2d");
-          if (!ctx) return !1;
-          ctx.clearRect(0, 0, canvas.width, canvas.height), ctx.drawImage(canvas, 0, 0);
-          const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height),
-            blurredImageData = this.applyDownsampleBlur(imageData, this.blurConfig.blurRadius);
-          ctx.putImageData(blurredImageData, 0, 0), result = c;
-        }
-        const ctx = result.getContext("2d");
-        return ctx && (ctx.globalCompositeOperation = "overlay", ctx.fillStyle = "rgba(255, 255, 255, 0.1)", ctx.fillRect(0, 0, result.width, result.height), ctx.globalCompositeOperation = "source-over"), result;
-      }
-    }
-
-    class Pixelation extends DisappearAnimateBase {
-      constructor(from, to, duration, easing, params) {
-        var _a, _b;
-        super(from, to, duration, easing, params), this.pixelationConfig = {
-          maxPixelSize: (null === (_a = null == params ? void 0 : params.options) || void 0 === _a ? void 0 : _a.maxPixelSize) || 20,
-          method: (null === (_b = null == params ? void 0 : params.options) || void 0 === _b ? void 0 : _b.method) || "out"
-        };
-      }
-      applyDownsamplePixelation(canvas, pixelSize) {
-        if (pixelSize <= 1) return canvas;
-        const {
-            width: width,
-            height: height
-          } = canvas,
-          smallWidth = Math.ceil(width / pixelSize),
-          smallHeight = Math.ceil(height / pixelSize),
-          smallCanvas = vglobal.createCanvas({
-            width: smallWidth,
-            height: smallHeight,
-            dpr: 1
-          }),
-          smallCtx = smallCanvas.getContext("2d");
-        if (!smallCtx) return canvas;
-        const outputCanvas = vglobal.createCanvas({
-            width: width,
-            height: height,
-            dpr: vglobal.devicePixelRatio
-          }),
-          outputCtx = outputCanvas.getContext("2d");
-        return outputCtx ? (smallCtx.imageSmoothingEnabled = !1, outputCtx.imageSmoothingEnabled = !1, smallCtx.drawImage(canvas, 0, 0, smallWidth, smallHeight), outputCtx.drawImage(smallCanvas, 0, 0, width, height), outputCanvas) : canvas;
-      }
-      updateAnimationProgress() {
-        if ("in" === this.pixelationConfig.method) {
-          return this.pixelationConfig.maxPixelSize - this.currentAnimationRatio * (this.pixelationConfig.maxPixelSize - 1);
-        }
-        return 1 + this.currentAnimationRatio * (this.pixelationConfig.maxPixelSize - 1);
-      }
-      afterStageRender(stage, canvas) {
-        const currentPixelSize = this.updateAnimationProgress();
-        if (currentPixelSize <= 1) return canvas;
-        return this.applyDownsamplePixelation(canvas, currentPixelSize);
-      }
-    }
-
     const registerCustomAnimate = () => {
-      AnimateExecutor.registerBuiltInAnimate("increaseCount", IncreaseCount), AnimateExecutor.registerBuiltInAnimate("fromTo", FromTo), AnimateExecutor.registerBuiltInAnimate("scaleIn", ScaleIn), AnimateExecutor.registerBuiltInAnimate("scaleOut", ScaleOut), AnimateExecutor.registerBuiltInAnimate("growHeightIn", GrowHeightIn), AnimateExecutor.registerBuiltInAnimate("growHeightOut", GrowHeightOut), AnimateExecutor.registerBuiltInAnimate("growWidthIn", GrowWidthIn), AnimateExecutor.registerBuiltInAnimate("growWidthOut", GrowWidthOut), AnimateExecutor.registerBuiltInAnimate("growCenterIn", GrowCenterIn), AnimateExecutor.registerBuiltInAnimate("growCenterOut", GrowCenterOut), AnimateExecutor.registerBuiltInAnimate("clipIn", ClipIn), AnimateExecutor.registerBuiltInAnimate("clipOut", ClipOut), AnimateExecutor.registerBuiltInAnimate("fadeIn", FadeIn), AnimateExecutor.registerBuiltInAnimate("fadeOut", FadeOut), AnimateExecutor.registerBuiltInAnimate("growPointsIn", GrowPointsIn), AnimateExecutor.registerBuiltInAnimate("growPointsOut", GrowPointsOut), AnimateExecutor.registerBuiltInAnimate("growPointsXIn", GrowPointsXIn), AnimateExecutor.registerBuiltInAnimate("growPointsXOut", GrowPointsXOut), AnimateExecutor.registerBuiltInAnimate("growPointsYIn", GrowPointsYIn), AnimateExecutor.registerBuiltInAnimate("growPointsYOut", GrowPointsYOut), AnimateExecutor.registerBuiltInAnimate("growAngleIn", GrowAngleIn), AnimateExecutor.registerBuiltInAnimate("growAngleOut", GrowAngleOut), AnimateExecutor.registerBuiltInAnimate("growRadiusIn", GrowRadiusIn), AnimateExecutor.registerBuiltInAnimate("growRadiusOut", GrowRadiusOut), AnimateExecutor.registerBuiltInAnimate("moveIn", MoveIn), AnimateExecutor.registerBuiltInAnimate("moveOut", MoveOut), AnimateExecutor.registerBuiltInAnimate("rotateIn", RotateIn), AnimateExecutor.registerBuiltInAnimate("rotateOut", RotateOut), AnimateExecutor.registerBuiltInAnimate("update", Update), AnimateExecutor.registerBuiltInAnimate("state", State), AnimateExecutor.registerBuiltInAnimate("labelItemAppear", LabelItemAppear), AnimateExecutor.registerBuiltInAnimate("labelItemDisappear", LabelItemDisappear), AnimateExecutor.registerBuiltInAnimate("poptipAppear", PoptipAppear), AnimateExecutor.registerBuiltInAnimate("poptipDisappear", PoptipDisappear), AnimateExecutor.registerBuiltInAnimate("inputText", InputText), AnimateExecutor.registerBuiltInAnimate("inputRichText", InputRichText), AnimateExecutor.registerBuiltInAnimate("outputRichText", OutputRichText), AnimateExecutor.registerBuiltInAnimate("slideRichText", SlideRichText), AnimateExecutor.registerBuiltInAnimate("slideOutRichText", SlideOutRichText), AnimateExecutor.registerBuiltInAnimate("slideIn", SlideIn), AnimateExecutor.registerBuiltInAnimate("growIn", GrowIn), AnimateExecutor.registerBuiltInAnimate("spinIn", SpinIn), AnimateExecutor.registerBuiltInAnimate("moveScaleIn", MoveScaleIn), AnimateExecutor.registerBuiltInAnimate("moveRotateIn", MoveRotateIn), AnimateExecutor.registerBuiltInAnimate("strokeIn", StrokeIn), AnimateExecutor.registerBuiltInAnimate("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut), AnimateExecutor.registerBuiltInAnimate("strokeOut", StrokeOut), AnimateExecutor.registerBuiltInAnimate("pulse", PulseAnimate), AnimateExecutor.registerBuiltInAnimate("MotionPath", MotionPath), AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight), AnimateExecutor.registerBuiltInAnimate("dissolve", Dissolve), AnimateExecutor.registerBuiltInAnimate("grayscale", Grayscale), AnimateExecutor.registerBuiltInAnimate("distortion", Distortion), AnimateExecutor.registerBuiltInAnimate("particle", Particle), AnimateExecutor.registerBuiltInAnimate("glitch", Glitch), AnimateExecutor.registerBuiltInAnimate("gaussianBlur", GaussianBlur), AnimateExecutor.registerBuiltInAnimate("pixelation", Pixelation);
+      AnimateExecutor.registerBuiltInAnimate("increaseCount", IncreaseCount), AnimateExecutor.registerBuiltInAnimate("fromTo", FromTo), AnimateExecutor.registerBuiltInAnimate("scaleIn", ScaleIn), AnimateExecutor.registerBuiltInAnimate("scaleOut", ScaleOut), AnimateExecutor.registerBuiltInAnimate("growHeightIn", GrowHeightIn), AnimateExecutor.registerBuiltInAnimate("growHeightOut", GrowHeightOut), AnimateExecutor.registerBuiltInAnimate("growWidthIn", GrowWidthIn), AnimateExecutor.registerBuiltInAnimate("growWidthOut", GrowWidthOut), AnimateExecutor.registerBuiltInAnimate("growCenterIn", GrowCenterIn), AnimateExecutor.registerBuiltInAnimate("growCenterOut", GrowCenterOut), AnimateExecutor.registerBuiltInAnimate("clipIn", ClipIn), AnimateExecutor.registerBuiltInAnimate("clipOut", ClipOut), AnimateExecutor.registerBuiltInAnimate("fadeIn", FadeIn), AnimateExecutor.registerBuiltInAnimate("fadeOut", FadeOut), AnimateExecutor.registerBuiltInAnimate("growPointsIn", GrowPointsIn), AnimateExecutor.registerBuiltInAnimate("growPointsOut", GrowPointsOut), AnimateExecutor.registerBuiltInAnimate("growPointsXIn", GrowPointsXIn), AnimateExecutor.registerBuiltInAnimate("growPointsXOut", GrowPointsXOut), AnimateExecutor.registerBuiltInAnimate("growPointsYIn", GrowPointsYIn), AnimateExecutor.registerBuiltInAnimate("growPointsYOut", GrowPointsYOut), AnimateExecutor.registerBuiltInAnimate("growAngleIn", GrowAngleIn), AnimateExecutor.registerBuiltInAnimate("growAngleOut", GrowAngleOut), AnimateExecutor.registerBuiltInAnimate("growRadiusIn", GrowRadiusIn), AnimateExecutor.registerBuiltInAnimate("growRadiusOut", GrowRadiusOut), AnimateExecutor.registerBuiltInAnimate("moveIn", MoveIn), AnimateExecutor.registerBuiltInAnimate("moveOut", MoveOut), AnimateExecutor.registerBuiltInAnimate("rotateIn", RotateIn), AnimateExecutor.registerBuiltInAnimate("rotateOut", RotateOut), AnimateExecutor.registerBuiltInAnimate("update", Update), AnimateExecutor.registerBuiltInAnimate("state", State), AnimateExecutor.registerBuiltInAnimate("labelItemAppear", LabelItemAppear), AnimateExecutor.registerBuiltInAnimate("labelItemDisappear", LabelItemDisappear), AnimateExecutor.registerBuiltInAnimate("poptipAppear", PoptipAppear), AnimateExecutor.registerBuiltInAnimate("poptipDisappear", PoptipDisappear), AnimateExecutor.registerBuiltInAnimate("inputText", InputText), AnimateExecutor.registerBuiltInAnimate("inputRichText", InputRichText), AnimateExecutor.registerBuiltInAnimate("outputRichText", OutputRichText), AnimateExecutor.registerBuiltInAnimate("slideRichText", SlideRichText), AnimateExecutor.registerBuiltInAnimate("slideOutRichText", SlideOutRichText), AnimateExecutor.registerBuiltInAnimate("slideIn", SlideIn), AnimateExecutor.registerBuiltInAnimate("growIn", GrowIn), AnimateExecutor.registerBuiltInAnimate("spinIn", SpinIn), AnimateExecutor.registerBuiltInAnimate("moveScaleIn", MoveScaleIn), AnimateExecutor.registerBuiltInAnimate("moveRotateIn", MoveRotateIn), AnimateExecutor.registerBuiltInAnimate("strokeIn", StrokeIn), AnimateExecutor.registerBuiltInAnimate("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut), AnimateExecutor.registerBuiltInAnimate("strokeOut", StrokeOut), AnimateExecutor.registerBuiltInAnimate("pulse", PulseAnimate), AnimateExecutor.registerBuiltInAnimate("MotionPath", MotionPath), AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight);
     };
 
     class AxisEnter extends AComponentAnimate {
@@ -54442,7 +53090,7 @@
     }
 
     function getAxisConfigInPivotChart(col, row, layout) {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
       if (layout._table.isPivotChart()) if (layout.indicatorsAsCol) {
         if (layout.hasTwoIndicatorAxes && row === layout.columnHeaderLevelCount - 1 && col >= layout.rowHeaderLevelCount && col < layout.colCount - layout.rightFrozenColCount) {
           const axisRange = getRange("top", col, row + 1, col, layout.columnHeaderLevelCount - 1, col, row, 1, layout);
@@ -54481,7 +53129,10 @@
             const info = layout.getIndicatorInfo(key);
             info && (indicatorInfo = info);
           });
-          const axisRange = getRange("bottom", col, row - 1, col, row, col, row, 0, layout);
+          const axisRange = getRange("bottom", col, row - 1, col, row, col, row, 0, layout),
+            {
+              chartType: chartType
+            } = getAxisOption(col, row - 1, "bottom", layout);
           if (!axisRange) return;
           const chartCellStyle = layout._table._getCellStyle(col, row - 1),
             padding = getQuadProps(getProp("padding", chartCellStyle, col, row - 1, layout._table)),
@@ -54494,12 +53145,21 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          return isNumber$4(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$4(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1)), merge$1({
+          isNumber$4(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$4(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          let domain = [];
+          if ("heatmap" === chartType) {
+            const colDimensionKey = layout.getDimensionKeyInChartSpec(col, layout.rowCount - layout.bottomFrozenRowCount - 1, "xField"),
+              data = null !== (_a = layout.dataset.collectedValues[colDimensionKey]) && void 0 !== _a ? _a : [],
+              colPath = layout.getColKeysPath(col, row);
+            domain = null !== (_b = null == data ? void 0 : data[null != colPath ? colPath : ""]) && void 0 !== _b ? _b : [];
+          }
+          return merge$1({
             title: {
               visible: !0,
               text: null == indicatorInfo ? void 0 : indicatorInfo.title
             },
-            range: range
+            range: range,
+            domain: "linear" === (null == axisOption ? void 0 : axisOption.type) ? void 0 : Array.from(domain)
           }, axisOption, {
             orient: "bottom",
             type: (null == axisOption ? void 0 : axisOption.type) || "linear",
@@ -54517,9 +53177,9 @@
         if (col === layout.rowHeaderLevelCount - 1 && row >= layout.columnHeaderLevelCount && row < layout.rowCount - layout.bottomFrozenRowCount) {
           let rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row);
           isArray$7(rowDimensionKey) && (rowDimensionKey = rowDimensionKey[0]);
-          const data = null !== (_a = layout.dataset.collectedValues[rowDimensionKey]) && void 0 !== _a ? _a : [],
+          const data = null !== (_c = layout.dataset.collectedValues[rowDimensionKey]) && void 0 !== _c ? _c : [],
             rowPath = layout.getRowKeysPath(col, row),
-            domain = null !== (_b = data[null != rowPath ? rowPath : ""]) && void 0 !== _b ? _b : [],
+            domain = null !== (_d = data[null != rowPath ? rowPath : ""]) && void 0 !== _d ? _d : [],
             {
               axisOption: axisOption,
               theme: theme,
@@ -54537,9 +53197,9 @@
             }
           }, axisOption, {
             orient: "left",
-            type: null !== (_c = null == axisOption ? void 0 : axisOption.type) && void 0 !== _c ? _c : "band",
+            type: null !== (_e = null == axisOption ? void 0 : axisOption.type) && void 0 !== _e ? _e : "band",
             __vtableChartTheme: theme,
-            inverse: transformInverse(axisOption, "horizontal" === (null !== (_d = null == spec ? void 0 : spec.direction) && void 0 !== _d ? _d : "scatter" === chartType ? "vertical" : "horizontal")),
+            inverse: transformInverse(axisOption, "horizontal" === (null !== (_f = null == spec ? void 0 : spec.direction) && void 0 !== _f ? _f : "scatter" === chartType ? "vertical" : "horizontal")),
             __vtablePadding: padding
           });
         }
@@ -54551,7 +53211,10 @@
             const info = layout.getIndicatorInfo(key);
             info && (indicatorInfo = info);
           });
-          const axisRange = getRange("left", col + 1, row, col, row, col, row, 0, layout);
+          const axisRange = getRange("left", col + 1, row, col, row, col, row, 0, layout),
+            {
+              chartType: chartType
+            } = getAxisOption(col + 1, row, "left", layout);
           if (!axisRange) return;
           const chartCellStyle = layout._table._getCellStyle(col + 1, row),
             padding = getQuadProps(getProp("padding", chartCellStyle, col + 1, row, layout._table)),
@@ -54564,13 +53227,22 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          return isNumber$4(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$4(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1)), merge$1({
+          isNumber$4(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$4(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          let domain = [];
+          if ("heatmap" === chartType) {
+            const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row, "yField"),
+              data = null !== (_g = layout.dataset.collectedValues[rowDimensionKey]) && void 0 !== _g ? _g : [],
+              rowPath = layout.getRowKeysPath(col, row);
+            domain = null !== (_h = null == data ? void 0 : data[null != rowPath ? rowPath : ""]) && void 0 !== _h ? _h : [];
+          }
+          return merge$1({
             title: {
               visible: !0,
               text: null == indicatorInfo ? void 0 : indicatorInfo.title,
               autoRotate: !0
             },
-            range: range
+            range: range,
+            domain: "linear" === (null == axisOption ? void 0 : axisOption.type) ? void 0 : Array.from(domain)
           }, axisOption, {
             orient: "left",
             type: (null == axisOption ? void 0 : axisOption.type) || "linear",
@@ -54586,7 +53258,10 @@
           });
         }
         if (col === layout.colCount - layout.rightFrozenColCount && row >= layout.columnHeaderLevelCount && row < layout.rowCount - layout.bottomFrozenRowCount) {
-          const axisRange = getRange("right", col - 1, row, layout.rowHeaderLevelCount - 1, row, col, row, 1, layout);
+          const axisRange = getRange("right", col - 1, row, layout.rowHeaderLevelCount - 1, row, col, row, 1, layout),
+            {
+              chartType: chartType
+            } = getAxisOption(col - 1, row, "right", layout);
           if (!axisRange) return;
           const chartCellStyle = layout._table._getCellStyle(col - 1, row),
             padding = getQuadProps(getProp("padding", chartCellStyle, col - 1, row, layout._table)),
@@ -54599,11 +53274,20 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          return isNumber$4(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$4(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1)), merge$1({
+          isNumber$4(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$4(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          let domain = [];
+          if ("heatmap" === chartType) {
+            const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.colCount - layout.rightFrozenColCount - 1, row, "yField"),
+              data = null !== (_j = layout.dataset.collectedValues[rowDimensionKey]) && void 0 !== _j ? _j : [],
+              rowPath = layout.getRowKeysPath(col, row);
+            domain = null !== (_k = null == data ? void 0 : data[null != rowPath ? rowPath : ""]) && void 0 !== _k ? _k : [];
+          }
+          return merge$1({
             range: range,
             title: {
               autoRotate: !0
-            }
+            },
+            domain: "linear" === (null == axisOption ? void 0 : axisOption.type) ? void 0 : Array.from(domain)
           }, axisOption, {
             orient: "right",
             type: (null == axisOption ? void 0 : axisOption.type) || "linear",
@@ -54621,9 +53305,9 @@
         if (row === layout.rowCount - layout.bottomFrozenRowCount && col >= layout.rowHeaderLevelCount && col < layout.colCount - layout.rightFrozenColCount) {
           let columnDimensionKey = layout.getDimensionKeyInChartSpec(col, layout.columnHeaderLevelCount);
           isArray$7(columnDimensionKey) && (columnDimensionKey = columnDimensionKey[0]);
-          const data = null !== (_e = layout.dataset.collectedValues[columnDimensionKey]) && void 0 !== _e ? _e : [],
+          const data = null !== (_l = layout.dataset.collectedValues[columnDimensionKey]) && void 0 !== _l ? _l : [],
             colPath = layout.getColKeysPath(col, row),
-            domain = null !== (_f = null == data ? void 0 : data[null != colPath ? colPath : ""]) && void 0 !== _f ? _f : [],
+            domain = null !== (_m = null == data ? void 0 : data[null != colPath ? colPath : ""]) && void 0 !== _m ? _m : [],
             {
               axisOption: axisOption,
               isPercent: isPercent,
@@ -54638,7 +53322,7 @@
             range: "linear" === (null == axisOption ? void 0 : axisOption.type) ? domain : void 0
           }, axisOption, {
             orient: "bottom",
-            type: null !== (_g = null == axisOption ? void 0 : axisOption.type) && void 0 !== _g ? _g : "band",
+            type: null !== (_o = null == axisOption ? void 0 : axisOption.type) && void 0 !== _o ? _o : "band",
             __vtableChartTheme: theme,
             __vtablePadding: padding
           });
@@ -55145,7 +53829,7 @@
       }
       constructor(container, options = {}) {
         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;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.19.10-alpha.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.19.10-alpha.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container