@visactor/vrender 0.22.0 → 0.22.1

package/dist/index.js

@@ -3924,10 +3924,10 @@
               x = current[5], y = current[6], controlX = current[3], controlY = current[4], this.bezierCurveTo(current[1] + l, current[2] + t, controlX + l, controlY + t, x + l, y + t);
               break;
             case "s":
-              tempX = x + current[3], tempY = y + current[4], controlX = 2 * x - controlX, controlY = 2 * y - controlY, this.bezierCurveTo(controlX + l, controlY + t, x + current[1] + l, y + current[2] + t, tempX + l, tempY + t), controlX = x + current[1], controlY = y + current[2], x = tempX, y = tempY;
+              tempX = x + current[3], tempY = y + current[4], null === previous[0].match(/[CcSs]/) ? (controlX = x, controlY = y) : (controlX = 2 * x - controlX, controlY = 2 * y - controlY), tempControlX = x + current[1], tempControlY = y + current[2], this.bezierCurveTo(controlX + l, controlY + t, tempControlX + l, tempControlY + t, tempX + l, tempY + t), controlX = tempControlX, controlY = tempControlY, x = tempX, y = tempY;
               break;
             case "S":
-              tempX = current[3], tempY = current[4], controlX = 2 * x - controlX, controlY = 2 * y - controlY, this.bezierCurveTo(controlX + l, controlY + t, current[1] + l, current[2] + t, tempX + l, tempY + t), x = tempX, y = tempY, controlX = current[1], controlY = current[2];
+              tempX = current[3], tempY = current[4], null === previous[0].match(/[CcSs]/) ? (controlX = x, controlY = y) : (controlX = 2 * x - controlX, controlY = 2 * y - controlY), tempControlX = current[1], tempControlY = current[2], this.bezierCurveTo(controlX + l, controlY + t, tempControlX + l, tempControlY + t, tempX + l, tempY + t), controlX = tempControlX, controlY = tempControlY, x = tempX, y = tempY;
               break;
             case "q":
               tempX = x + current[3], tempY = y + current[4], controlX = x + current[1], controlY = y + current[2], this.quadraticCurveTo(controlX + l, controlY + t, tempX + l, tempY + t), x = tempX, y = tempY;
@@ -4155,7 +4155,7 @@
       opacity: 1,
       background: null,
       autoAnimateTexture: !1,
-      textureRatio: 0,
+      textureRatio: 1,
       textureOptions: null,
       backgroundOpacity: 1,
       backgroundCornerRadius: 0,
@@ -4318,6 +4318,7 @@
       keepDirIn3d: !0
     });
     const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), {
+      upgradeAttrs: null,
       editable: !1,
       editOptions: null,
       ascentDescentMode: "actual",
@@ -10154,7 +10155,7 @@
           null != onStart && animate.onStart(onStart), null != onFrame && animate.onFrame(onFrame), null != onEnd && animate.onEnd(onEnd), null != onRemove && animate.onRemove(onRemove), animate.interpolateFunc = params.interpolate;
         }
         return this.animates.set(animate.id, animate), animate.onRemove(() => {
-          this.animates.delete(animate.id);
+          animate.stop(), this.animates.delete(animate.id);
         }), animate;
       }
       onAttributeUpdate(context) {
@@ -10219,9 +10220,10 @@
         this.hasState() && this.normalAttrs ? (this.currentStates = [], this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0)) : this.currentStates = [], this.normalAttrs = null;
       }
       removeState(stateName, hasAnimation) {
-        if ((this.currentStates ? this.currentStates.indexOf(stateName) : -1) >= 0) {
-          const currentStates = this.currentStates.filter(state => state !== stateName);
-          this.useStates(currentStates, hasAnimation);
+        if (this.currentStates) {
+          const filter = isArray$1(stateName) ? s => !stateName.includes(s) : s => s !== stateName,
+            newStates = this.currentStates.filter(filter);
+          newStates.length !== this.currentStates.length && this.useStates(newStates, hasAnimation);
         }
       }
       toggleState(stateName, hasAnimation) {
@@ -10358,7 +10360,7 @@
           if (this.stage = stage, this.layer = layer, this.setStageToShadowRoot(stage, layer), this.animates && this.animates.size) {
             const timeline = stage.getTimeline();
             this.animates.forEach(a => {
-              a.setTimeline(timeline);
+              a.timeline === defaultTimeline && a.setTimeline(timeline);
             });
           }
           this._onSetStage && this._onSetStage(this, stage, layer), application.graphicService.onSetStage(this, stage);
@@ -10462,7 +10464,7 @@
         return shadowRoot && (shadowRoot.shadowHost = this), this.shadowRoot = null != shadowRoot ? shadowRoot : application.graphicService.creator.shadowRoot(this), this.addUpdateBoundTag(), this.shadowRoot.setStage(this.stage, this.layer), this.shadowRoot;
       }
       detachShadow() {
-        this.shadowRoot && (this.addUpdateBoundTag(), this.shadowRoot = null);
+        this.shadowRoot && (this.addUpdateBoundTag(), this.shadowRoot.release(!0), this.shadowRoot = null);
       }
       toJson() {
         return {
@@ -10514,7 +10516,7 @@
         });
       }
       release() {
-        this.releaseStatus = "released", application.graphicService.onRelease(this);
+        this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this);
       }
       _emitCustomEvent(type, context) {
         var _a, _b;
@@ -11090,6 +11092,11 @@
       getNoWorkAnimateAttr() {
         return Group.NOWORK_ANIMATE_ATTR;
       }
+      release(all) {
+        all && this.forEachChildren(g => {
+          g.release(all);
+        }), super.release();
+      }
     }
     Group.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
     function createGroup(attributes) {
@@ -13339,6 +13346,20 @@
       getParsedPath() {
         return this.shouldUpdateShape() && (this.doUpdateParsedPath(), this.clearUpdateShapeTag()), this._parsedPath;
       }
+      getParsedPath2D() {
+        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+        let size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+        let path = null;
+        try {
+          path = new Path2D();
+        } catch (err) {
+          return null;
+        }
+        const parsedPath = this.getParsedPath();
+        if (!parsedPath) return null;
+        parsedPath.draw(path, size, x, y);
+      }
       isValid() {
         return super.isValid() && this._isValid();
       }
@@ -13957,7 +13978,7 @@
         this.width = width, "vertical" === this.direction && (this.widthOrigin = this.width, this.width = this.heightOrigin, this.height = this.widthOrigin);
       }
       drawBackground(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
-        if (!this.character.background || this.character.backgroundOpacity && !(this.character.backgroundOpacity > 0)) return;
+        if ("" === this.text || "\n" === this.text || !this.character.background || this.character.backgroundOpacity && !(this.character.backgroundOpacity > 0)) return;
         let baseline = top + ascent,
           text = this.text,
           left = this.left + deltaLeft;
@@ -13975,19 +13996,11 @@
             }
           }
         }
-        switch (this.character.script) {
-          case "super":
-            baseline -= this.ascent * (1 / 3);
-            break;
-          case "sub":
-            baseline += this.descent / 2;
-        }
-        "vertical" === direction && (ctx.save(), ctx.rotateAbout(Math.PI / 2, left, baseline), ctx.translate(-this.heightOrigin || -this.lineHeight / 2, -this.descent / 2), ctx.translate(left, baseline), left = 0, baseline = 0);
-        const fillStyle = ctx.fillStyle,
-          globalAlpha = ctx.globalAlpha;
-        ctx.fillStyle = this.character.background, void 0 !== this.character.backgroundOpacity && (ctx.globalAlpha = this.character.backgroundOpacity);
         const lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + lineHeight);
-        ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top), ctx.fillStyle = fillStyle, ctx.globalAlpha = globalAlpha;
+        return Object.assign(Object.assign({}, lrtb), {
+          fillStyle: this.character.background,
+          globalAlpha: this.character.backgroundOpacity
+        });
       }
       draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
         let baseline = top + ascent,
@@ -14261,8 +14274,19 @@
             paragraph.ellipsis = "hide", otherParagraphWidth += paragraph.width;
           }
         }
+        let fillStyle = "",
+          globalAlpha = -1,
+          currBgList = [];
+        const bgList = [currBgList];
         this.paragraphs.forEach((paragraph, index) => {
-          paragraph instanceof RichTextIcon || paragraph.drawBackground(ctx, y, this.ascent, x, 0 === index, this.textAlign, this.height);
+          if (paragraph instanceof RichTextIcon) return;
+          const data = paragraph.drawBackground(ctx, y, this.ascent, x, 0 === index, this.textAlign, this.height);
+          data && (fillStyle === data.fillStyle && globalAlpha === data.globalAlpha || (currBgList = [], bgList.push(currBgList), fillStyle = data.fillStyle, globalAlpha = data.globalAlpha), currBgList.push(data));
+        }), bgList.forEach(bg => {
+          if (0 === bg.length) return;
+          const data = bg[0],
+            end = bg[bg.length - 1];
+          ctx.fillStyle = data.fillStyle, ctx.globalAlpha = data.globalAlpha, ctx.fillRect(data.left, data.top, end.right - data.left, end.bottom - data.top);
         }), this.paragraphs.forEach((paragraph, index) => {
           if (paragraph instanceof RichTextIcon) return paragraph.setAttributes({
             x: x + paragraph._x,
@@ -14500,7 +14524,7 @@
           case "right":
             deltaX = -aabbBounds.width();
         }
-        return aabbBounds.translate(deltaX, deltaY), application.graphicService.updateTempAABBBounds(aabbBounds), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, richtextTheme, aabbBounds), application.graphicService.transformAABBBounds(attribute, aabbBounds, richtextTheme, !1, this), aabbBounds;
+        return aabbBounds.translate(deltaX, deltaY), application.graphicService.updateTempAABBBounds(aabbBounds), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, richtextTheme, aabbBounds), 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);
@@ -14528,48 +14552,53 @@
       }
       combinedStyleToCharacter(config) {
         const {
-          fill: fill,
-          stroke: stroke,
-          fontSize: fontSize,
-          fontFamily: fontFamily,
-          fontStyle: fontStyle,
-          fontWeight: fontWeight,
-          lineWidth: lineWidth,
-          opacity: opacity,
-          fillOpacity: fillOpacity,
-          strokeOpacity: strokeOpacity
-        } = this.attribute;
-        return Object.assign({
-          fill: fill,
-          stroke: stroke,
-          fontSize: fontSize,
-          fontFamily: fontFamily,
-          fontStyle: fontStyle,
-          fontWeight: fontWeight,
-          lineWidth: lineWidth,
-          opacity: opacity,
-          fillOpacity: fillOpacity,
-          strokeOpacity: strokeOpacity
-        }, config);
+            fill: fill,
+            stroke: stroke,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            fontStyle: fontStyle,
+            fontWeight: fontWeight,
+            lineWidth: lineWidth,
+            opacity: opacity,
+            fillOpacity: fillOpacity,
+            lineHeight: lineHeight,
+            strokeOpacity: strokeOpacity,
+            upgradeAttrs: upgradeAttrs
+          } = this.attribute,
+          out = Object.assign({
+            fill: fill,
+            stroke: stroke,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            fontStyle: fontStyle,
+            fontWeight: fontWeight,
+            lineWidth: lineWidth,
+            opacity: opacity,
+            fillOpacity: fillOpacity,
+            strokeOpacity: strokeOpacity
+          }, config);
+        return (null == upgradeAttrs ? void 0 : upgradeAttrs.lineHeight) && (out.lineHeight = lineHeight), out;
       }
       doUpdateFrameCache(tc) {
         var _a;
         const {
-          maxWidth: maxWidth,
-          maxHeight: maxHeight,
-          width: width,
-          height: height,
-          ellipsis: ellipsis,
-          wordBreak: wordBreak,
-          verticalDirection: verticalDirection,
-          textAlign: textAlign,
-          textBaseline: textBaseline,
-          layoutDirection: layoutDirection,
-          singleLine: singleLine,
-          disableAutoWrapLine: disableAutoWrapLine,
-          editable: editable,
-          ascentDescentMode: ascentDescentMode
-        } = this.attribute;
+            maxWidth: maxWidth,
+            maxHeight: maxHeight,
+            width: width,
+            height: height,
+            ellipsis: ellipsis,
+            wordBreak: wordBreak,
+            verticalDirection: verticalDirection,
+            textAlign: textAlign,
+            textBaseline: textBaseline,
+            layoutDirection: layoutDirection,
+            singleLine: singleLine,
+            disableAutoWrapLine: disableAutoWrapLine,
+            editable: editable,
+            ascentDescentMode: ascentDescentMode,
+            upgradeAttrs: upgradeAttrs
+          } = this.attribute,
+          enableMultiBreakLine = upgradeAttrs && upgradeAttrs.multiBreakLine;
         let {
           textConfig: _tc = []
         } = this.attribute;
@@ -14591,7 +14620,10 @@
           const richTextConfig = this.combinedStyleToCharacter(textConfig[i]);
           if (isNumber$1(richTextConfig.text) && (richTextConfig.text = `${richTextConfig.text}`), richTextConfig.text && richTextConfig.text.includes("\n")) {
             const textParts = richTextConfig.text.split("\n");
-            for (let j = 0; j < textParts.length; j++) paragraphs.push(new Paragraph(textParts[j], 0 !== j, richTextConfig, ascentDescentMode));
+            for (let j = 0; j < textParts.length; j++) if (0 === j) paragraphs.push(new Paragraph(textParts[j], !1, richTextConfig, ascentDescentMode));else if (textParts[j] || i === textConfig.length - 1) paragraphs.push(new Paragraph(textParts[j], !0, richTextConfig, ascentDescentMode));else {
+              const nextRichTextConfig = this.combinedStyleToCharacter(textConfig[i + 1]);
+              paragraphs.push(new Paragraph(textParts[j], !0, nextRichTextConfig, ascentDescentMode));
+            }
           } else richTextConfig.text && paragraphs.push(new Paragraph(richTextConfig.text, !1, richTextConfig, ascentDescentMode));
         }
         const maxWidthFinite = "number" == typeof maxWidth && Number.isFinite(maxWidth) && maxWidth > 0,
@@ -14600,7 +14632,7 @@
           richTextHeightEnable = "number" == typeof height && Number.isFinite(height) && height > 0 && (!maxHeightFinite || height <= maxHeight),
           frame = new Frame(0, 0, (richTextWidthEnable ? width : maxWidthFinite ? maxWidth : 0) || 0, (richTextHeightEnable ? height : maxHeightFinite ? maxHeight : 0) || 0, ellipsis, wordBreak, verticalDirection, textAlign, textBaseline, layoutDirection || "horizontal", !richTextWidthEnable && maxWidthFinite, !richTextHeightEnable && maxHeightFinite, singleLine || !1, null === (_a = this._frameCache) || void 0 === _a ? void 0 : _a.icons),
           wrapper = new Wrapper(frame);
-        if (wrapper.newLine = editable, disableAutoWrapLine) {
+        if (wrapper.newLine = enableMultiBreakLine, disableAutoWrapLine) {
           let lineCount = 0,
             skip = !1;
           for (let i = 0; i < paragraphs.length; i++) {
@@ -14616,7 +14648,7 @@
             l.calcOffset(offsetSize, !1);
           });
         }
-        editable && frame.lines.forEach(item => {
+        enableMultiBreakLine && frame.lines.forEach(item => {
           const lastParagraphs = item.paragraphs;
           item.paragraphs = item.paragraphs.filter(p => "" !== p.text), 0 === item.paragraphs.length && lastParagraphs.length && (lastParagraphs[0].text = "\n", item.paragraphs.push(lastParagraphs[0]));
         }), this._frameCache = frame;
@@ -15602,7 +15634,7 @@
     }
     class DefaultBaseTextureRenderContribution {
       constructor() {
-        this.time = exports.BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 10;
+        this.time = exports.BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 10, this._tempSymbolGraphic = null;
       }
       createCommonPattern(size, padding, color, targetContext, cb) {
         const r = (size - 2 * padding) / 2,
@@ -15716,7 +15748,35 @@
           case "grid":
             pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);
         }
-        if (pattern) context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.fillStyle = pattern, context.fill(), context.highPerformanceRestore();else if ("wave" === texture) {
+        if (textureOptions && textureOptions.dynamicTexture) {
+          context.save(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.clip();
+          const {
+              gridConfig = {}
+            } = textureOptions,
+            b = graphic.AABBBounds,
+            width = b.width(),
+            height = b.height(),
+            padding = texturePadding,
+            cellSize = textureSize,
+            gridColumns = gridConfig.columns ? gridConfig.columns : Math.ceil(width / cellSize),
+            gridRows = gridConfig.rows ? gridConfig.rows : Math.ceil(height / cellSize),
+            gutterColumn = gridConfig.gutterColumn ? gridConfig.gutterColumn : 2 * padding,
+            gutterRow = gridConfig.gutterRow ? gridConfig.gutterRow : 2 * padding;
+          this._tempSymbolGraphic || (this._tempSymbolGraphic = createSymbol({}));
+          const sizeW = gridConfig.columns ? width / gridConfig.columns : cellSize,
+            sizeH = gridConfig.rows ? height / gridConfig.rows : cellSize;
+          this._tempSymbolGraphic.setAttributes({
+            size: [sizeW - gutterColumn, sizeH - gutterRow],
+            symbolType: texture
+          });
+          const parsedPath = this._tempSymbolGraphic.getParsedPath();
+          for (let i = 0; i < gridRows; i++) for (let j = 0; j < gridColumns; j++) {
+            const _x = x + cellSize / 2 + j * cellSize,
+              _y = y + cellSize / 2 + i * cellSize;
+            context.beginPath(), !1 === parsedPath.draw(context, Math.min(sizeW - gutterColumn, sizeH - gutterRow), _x, _y, 0) && context.closePath(), context.fillStyle = textureColor, textureOptions.dynamicTexture(context, i, j, gridRows, gridColumns, textureRatio, graphic);
+          }
+          context.restore();
+        } else if (pattern) context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.fillStyle = pattern, context.fill(), context.highPerformanceRestore();else if ("wave" === texture) {
           context.save(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.clip();
           const b = graphic.AABBBounds;
           drawWave(context, textureRatio, b.width(), b.height(), Object.assign(Object.assign({}, textureOptions || {}), {
@@ -20274,6 +20334,7 @@
         fill = "black",
         stroke = !1,
         fontWeight = "normal",
+        lineHeight: lineHeight,
         fontFamily = "Arial"
       } = attribute;
       let {
@@ -20284,7 +20345,8 @@
         stroke: stroke,
         fontSize: fontSize,
         fontWeight: fontWeight,
-        fontFamily: fontFamily
+        fontFamily: fontFamily,
+        lineHeight: lineHeight
       };
     }
     function findConfigIndexByCursorIdx(textConfig, cursorIndex) {
@@ -20533,15 +20595,15 @@
         }, this.handleFocusOut = () => {
           throw new Error("不会走到这里 handleFocusOut");
         }, this.handleMove = e => {
-          this.isRichtext(e) && (this.currRt = e.target, this.handleEnter(e), e.target.once("pointerleave", this.handleLeave, {
+          this.currRt && !this.currRt.attribute.editable && this.deFocus(!0), this.isEditableRichtext(e) ? (this.handleEnter(), e.target.once("pointerleave", this.handleLeave, {
             capture: !0
-          }), this.tryShowSelection(e, !1));
-        }, this.handleEnter = e => {
+          }), this.tryShowSelection(e, !1)) : this.handleLeave();
+        }, this.handleEnter = () => {
           this.editing = !0, this.pluginService.stage.setCursor("text");
-        }, this.handleLeave = e => {
+        }, this.handleLeave = () => {
           this.editing = !1, this.pluginService.stage.setCursor("default");
         }, this.handlePointerDown = e => {
-          this.editing ? this.onFocus(e) : this.deFocus(!0), this.triggerRender(), this.pointerDown = !0, this.updateCbs.forEach(cb => cb(this.editing ? "onfocus" : "defocus", this));
+          this.editing && this.isEditableRichtext(e) ? this.onFocus(e) : this.deFocus(!0), this.triggerRender(), this.pointerDown = !0, this.updateCbs.forEach(cb => cb(this.editing ? "onfocus" : "defocus", this));
         }, this.handlePointerUp = e => {
           this.pointerDown = !1;
         }, this.handleDBLClick = e => {
@@ -20649,7 +20711,7 @@
           } = cache,
           totalCursorCount = lines.reduce((total, line) => total + line.paragraphs.length, 0) - 1;
         if (x) {
-          x > 0 && columnInfo === lineInfo.paragraphs[lineInfo.paragraphs.length - 2] && this.curCursorIdx < Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx + .2 : x > 0 && columnInfo === lineInfo.paragraphs[lineInfo.paragraphs.length - 1] && this.curCursorIdx > Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx + 1 - .2 : x < 0 && columnInfo === lineInfo.paragraphs[0] && this.curCursorIdx > Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx - .2 : x < 0 && columnInfo === lineInfo.paragraphs[0] && this.curCursorIdx < Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx - 1 + .2 : this.curCursorIdx += x, this.curCursorIdx < -.1 ? this.curCursorIdx = -.1 : this.curCursorIdx > totalCursorCount + .1 && (this.curCursorIdx = totalCursorCount + .1);
+          x > 0 && columnInfo === lineInfo.paragraphs[lineInfo.paragraphs.length - 2] && this.curCursorIdx < Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx + .2 : x > 0 && columnInfo === lineInfo.paragraphs[lineInfo.paragraphs.length - 1] && this.curCursorIdx > Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx + 1 - .2 : x < 0 && columnInfo === lineInfo.paragraphs[0] && this.curCursorIdx > Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx - .2 : x < 0 && columnInfo === lineInfo.paragraphs[0] && this.curCursorIdx < Math.round(this.curCursorIdx) ? this.curCursorIdx = this.curCursorIdx - 1 + .2 : this.curCursorIdx += x, this.curCursorIdx < -.1 ? this.curCursorIdx = -.1 : this.curCursorIdx > totalCursorCount + .1 && (this.curCursorIdx = totalCursorCount + .1), this.selectionStartCursorIdx = this.curCursorIdx;
           const pos = this.computedCursorPosByCursorIdx(this.curCursorIdx, this.currRt);
           this.setCursorAndTextArea(pos.x, pos.y1, pos.y2, this.currRt), this.hideSelection();
         }
@@ -20742,7 +20804,8 @@
           lineWidth: 1,
           zIndex: -1
         });
-        this.getShadow(this.currRt).add(this.shadowBounds), this.offsetLineBgAndShadowBounds(), this.offsetShadowRoot();
+        const shadow = this.getShadow(this.currRt);
+        this.addEditLineOrBgOrBounds(this.shadowBounds, shadow), this.offsetLineBgAndShadowBounds(), this.offsetShadowRoot();
       }
       trySyncPlaceholderToTextConfig() {
         if (!this.currRt) return;
@@ -20777,8 +20840,22 @@
       stopPropagation(e) {
         e.stopPropagation();
       }
+      addEditLineOrBgOrBounds(graphic, shadowRoot) {
+        let group = shadowRoot.getElementById("emptyBoundsContainer");
+        group || (group = createGroup({
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0,
+          boundsMode: "empty"
+        }), group.id = "emptyBoundsContainer", shadowRoot.add(group)), group.add(graphic);
+      }
+      removeEditLineOrBgOrBounds(graphic, shadowRoot) {
+        const group = shadowRoot.getElementById("emptyBoundsContainer");
+        group && group.removeChild(graphic);
+      }
       onFocus(e, data) {
-        this.updateCbs && this.updateCbs.forEach(cb => cb("beforeOnfocus", this)), this.deFocus(!1), this.focusing = !0;
+        this.updateCbs && this.updateCbs.forEach(cb => cb("beforeOnfocus", this)), this.deFocus(!1), this.focusing = !0, this.editing = !0;
         const target = e.target;
         if (!target || "richtext" !== target.type) return;
         this.currRt = target, RichTextEditPlugin.tryUpdateRichtext(target);
@@ -20802,7 +20879,7 @@
             width: 0,
             height: 0
           });
-          this.editBg = g, shadowRoot.add(this.editLine), shadowRoot.add(this.editBg);
+          this.editBg = g, this.addEditLineOrBgOrBounds(this.editLine, shadowRoot), this.addEditLineOrBgOrBounds(this.editBg, shadowRoot);
         }
         if (data = data || this.computedCursorPosByEvent(e, cache)) {
           const {
@@ -20867,27 +20944,22 @@
       }
       deFocus() {
         let trulyDeFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
-        this.updateCbs && this.updateCbs.forEach(cb => cb("beforeDefocus", this, {
+        this.editing = !1, this.updateCbs && this.updateCbs.forEach(cb => cb("beforeDefocus", this, {
           trulyDeFocus: trulyDeFocus
         }));
-        const target = this.currRt;
-        if (!target) return;
+        const currRt = this.currRt;
+        if (!currRt) return;
         const {
           editOptions = {}
-        } = target.attribute;
-        editOptions.stopPropagation && target.removeEventListener("*", this.stopPropagation), trulyDeFocus && (this.trySyncPlaceholderToTextConfig(), target.detachShadow());
-        const currRt = this.currRt;
-        this.currRt = null, this.editLine && (this.editLine.parent && this.editLine.parent.removeChild(this.editLine), this.editLine.release(), this.editLine = null, this.editBg.parent && this.editBg.parent.removeChild(this.editBg), this.editBg.release(), this.editBg = null), trulyDeFocus && (this.shadowBounds && (this.shadowBounds.parent && this.shadowBounds.parent.removeChild(this.shadowBounds), this.shadowBounds.release(), this.shadowBounds = null), this.shadowPlaceHolder && (this.shadowPlaceHolder.parent && this.shadowPlaceHolder.parent.removeChild(this.shadowPlaceHolder), this.shadowPlaceHolder.release(), this.shadowPlaceHolder = null)), this.focusing = !1;
-        const textConfig = currRt.attribute.textConfig;
-        let lastConfig = textConfig[textConfig.length - 1],
-          cleared = !1;
-        for (; lastConfig && "\n" === lastConfig.text;) textConfig.pop(), lastConfig = textConfig[textConfig.length - 1], cleared = !0;
-        cleared && currRt.setAttributes({
-          textConfig: textConfig
-        });
+        } = currRt.attribute;
+        editOptions.stopPropagation && currRt.removeEventListener("*", this.stopPropagation), trulyDeFocus && (this.trySyncPlaceholderToTextConfig(), currRt.detachShadow()), this.currRt = null;
+        const shadowRoot = this.getShadow(currRt);
+        this.editLine && (this.removeEditLineOrBgOrBounds(this.editLine, shadowRoot), this.editLine.release(), this.editLine = null, this.removeEditLineOrBgOrBounds(this.editBg, shadowRoot), this.editBg.release(), this.editBg = null), trulyDeFocus && (this.shadowBounds && (this.removeEditLineOrBgOrBounds(this.shadowBounds, shadowRoot), this.shadowBounds.release(), this.shadowBounds = null), this.shadowPlaceHolder && (this.shadowPlaceHolder.parent && this.shadowPlaceHolder.parent.removeChild(this.shadowPlaceHolder), this.shadowPlaceHolder.release(), this.shadowPlaceHolder = null)), this.focusing = !1, currRt.removeEventListener("pointerleave", this.handleLeave);
       }
       addAnimateToLine(line) {
-        line.animates && line.animates.forEach(animate => {
+        line.setAttributes({
+          opacity: 1
+        }), line.animates && line.animates.forEach(animate => {
           animate.stop(), animate.release();
         });
         line.animate({
@@ -20996,7 +21068,8 @@
       getShadow(rt) {
         const sr = rt.shadowRoot || rt.attachShadow();
         return sr.setAttributes({
-          boundsMode: "empty"
+          width: 1,
+          height: 1
         }), sr;
       }
       getLineByPoint(cache, p1) {
@@ -21030,7 +21103,10 @@
         return -1;
       }
       isRichtext(e) {
-        return !(!e.target || "richtext" !== e.target.type || !e.target.attribute.editable);
+        return !(!e.target || "richtext" !== e.target.type);
+      }
+      isEditableRichtext(e) {
+        return this.isRichtext(e) && !!e.target.attribute.editable;
       }
       triggerRender() {
         this.pluginService.stage.renderNextFrame();
@@ -21176,7 +21252,7 @@
         target && (this.currRt = target, e ? this._forceFocusByEvent(e) : this._forceFocusByCursorIndex(null != cursorIndex ? cursorIndex : -.1));
       }
       _forceFocusByEvent(e) {
-        this.handleEnter(e), this.handlePointerDown(e), this.handlePointerUp(e);
+        this.handleEnter(), this.handlePointerDown(e), this.handlePointerUp(e);
       }
       _forceFocusByCursorIndex(cursorIndex) {
         const richtext = this.currRt;
@@ -27497,13 +27573,15 @@
         this.canvas = new NodeCanvas(options);
       }
       createWindowByCanvas(params) {
-        const canvas = params.canvas;
+        var _a;
+        const canvas = params.canvas,
+          dpr = null !== (_a = params.dpr) && void 0 !== _a ? _a : 1;
         let width = params.width,
           height = params.height;
-        null != width && null != height && params.canvasControled || (width = canvas.width, height = canvas.height), this.canvas = new NodeCanvas({
+        null != width && null != height && params.canvasControled || (width = canvas.width / dpr, height = canvas.height / dpr), this.canvas = new NodeCanvas({
           width: width,
           height: height,
-          dpr: 1,
+          dpr: dpr,
           nativeCanvas: canvas,
           canvasControled: params.canvasControled
         });
@@ -31241,9 +31319,193 @@
     _registerWrapText.__loaded = !1;
     const registerWrapText = _registerWrapText;
 
+    function randomOpacity(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      graphic.dynamicTextureCache || (graphic.dynamicTextureCache = new Array(rowCount * columnCount).fill(0).map(item => 2 * Math.random() * Math.PI));
+      const targetRandomValue = graphic.dynamicTextureCache[row * columnCount + column],
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI + targetRandomValue) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function columnLeftToRight(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const delay = column / columnCount,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * delay * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function columnRightToLeft(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const delay = (columnCount - 1 - column) / columnCount,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * delay * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function rowTopToBottom(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const delay = row / rowCount,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * delay * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function rowBottomToTop(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const delay = (rowCount - 1 - row) / rowCount,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * delay * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function diagonalCenterToEdge(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerRow = rowCount / 2,
+        centerCol = columnCount / 2,
+        distance = Math.sqrt(Math.pow((row - centerRow) / rowCount, 2) + Math.pow((column - centerCol) / columnCount, 2)),
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * distance * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function diagonalTopLeftToBottomRight(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const delay = (row / rowCount + column / columnCount) / 2,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * delay * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function rotationScan(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerRow = rowCount / 2,
+        centerCol = columnCount / 2,
+        angle = Math.atan2(row - centerRow, column - centerCol),
+        delay = (angle < 0 ? angle + 2 * Math.PI : angle) / (2 * Math.PI),
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * delay * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function rippleEffect(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerRow = rowCount / 2,
+        centerCol = columnCount / 2,
+        normalizedDistance = Math.sqrt(Math.pow(row - centerRow, 2) + Math.pow(column - centerCol, 2)) / Math.sqrt(Math.pow(rowCount / 2, 2) + Math.pow(columnCount / 2, 2)),
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI * 3 - 2 * normalizedDistance * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function snakeWave(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const delay = (row + column) % (rowCount + columnCount) / (rowCount + columnCount),
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 4 * delay * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function alternatingWave(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const rowPhase = row / rowCount,
+        colPhase = column / columnCount,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * rowPhase * Math.PI) * Math.sin(2 * ratio * Math.PI - 2 * colPhase * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function spiralEffect(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerRow = rowCount / 2,
+        centerCol = columnCount / 2,
+        distance = Math.sqrt(Math.pow(row - centerRow, 2) + Math.pow(column - centerCol, 2)),
+        angle = Math.atan2(row - centerRow, column - centerCol),
+        delay = (distance / Math.sqrt(Math.pow(rowCount / 2, 2) + Math.pow(columnCount / 2, 2)) + angle / (2 * Math.PI)) / 2,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 4 * delay * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function columnCenterToEdge(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerCol = columnCount / 2,
+        distance = Math.abs(column - centerCol) / centerCol,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * distance * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function columnEdgeToCenter(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerCol = columnCount / 2,
+        distance = 1 - Math.abs(column - centerCol) / centerCol,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * distance * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function rowCenterToEdge(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerRow = rowCount / 2,
+        distance = Math.abs(row - centerRow) / centerRow,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * distance * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function rowEdgeToCenter(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerRow = rowCount / 2,
+        distance = 1 - Math.abs(row - centerRow) / centerRow,
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * distance * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function cornerToCenter(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerRow = rowCount / 2,
+        centerCol = columnCount / 2,
+        distance = Math.sqrt(Math.pow((row - centerRow) / centerRow, 2) + Math.pow((column - centerCol) / centerCol, 2)),
+        normalizedDistance = Math.min(distance, 1),
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * normalizedDistance * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function centerToCorner(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerRow = rowCount / 2,
+        centerCol = columnCount / 2,
+        distance = Math.sqrt(Math.pow((row - centerRow) / centerRow, 2) + Math.pow((column - centerCol) / centerCol, 2)),
+        normalizedDistance = 1 - Math.min(distance, 1),
+        _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI - 2 * normalizedDistance * Math.PI) + 1) / 2;
+      return Math.min(1, Math.max(0, _r));
+    }
+    function pulseWave(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      const centerRow = rowCount / 2,
+        centerCol = columnCount / 2,
+        distance = Math.sqrt(Math.pow((row - centerRow) / centerRow, 2) + Math.pow((column - centerCol) / centerCol, 2)),
+        normalizedDistance = Math.min(distance, 1),
+        wavePhase = 2 * ratio * Math.PI * 3,
+        decay = Math.max(0, 1 - normalizedDistance),
+        _r = minRatio + amplitude * ((Math.sin(wavePhase - 4 * normalizedDistance * Math.PI) + 1) / 2) * (.7 * decay + .3);
+      return Math.min(1, Math.max(0, _r));
+    }
+    function particleEffect(ctx, row, column, rowCount, columnCount, ratio, graphic) {
+      let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
+      let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
+      graphic.dynamicTextureCache || (graphic.dynamicTextureCache = {
+        phases: new Array(rowCount * columnCount).fill(0).map(() => 2 * Math.random() * Math.PI),
+        speeds: new Array(rowCount * columnCount).fill(0).map(() => .5 + .5 * Math.random()),
+        directions: new Array(rowCount * columnCount).fill(0).map(() => 2 * Math.random() * Math.PI)
+      });
+      const index = row * columnCount + column,
+        phase = graphic.dynamicTextureCache.phases[index],
+        speed = graphic.dynamicTextureCache.speeds[index],
+        direction = graphic.dynamicTextureCache.directions[index],
+        centerRow = rowCount / 2,
+        centerCol = columnCount / 2,
+        distance = Math.sqrt(Math.pow((row - centerRow) / centerRow, 2) + Math.pow((column - centerCol) / centerCol, 2)),
+        normalizedDistance = Math.min(distance, 1),
+        scatterRatio = (ratio - .4) / .6,
+        movement = Math.sin(scatterRatio * speed * 8 * Math.PI + phase + direction * scatterRatio),
+        distanceEffect = Math.cos(normalizedDistance * Math.PI + scatterRatio * Math.PI),
+        _r = minRatio + amplitude * ((movement + 1) / 2 * Math.max(0, 1 - 1.2 * scatterRatio) * (.3 + .7 * distanceEffect));
+      return Math.min(1, Math.max(0, _r));
+    }
+
     const roughModule = _roughModule;
 
-    const version = "0.22.0";
+    const version = "0.22.1";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);
@@ -31575,6 +31837,7 @@
     exports.addAttributeToPrototype = addAttributeToPrototype;
     exports.alignBezierCurves = alignBezierCurves;
     exports.alignSubpath = alignSubpath;
+    exports.alternatingWave = alternatingWave;
     exports.application = application;
     exports.applyTransformOnBezierCurves = applyTransformOnBezierCurves;
     exports.arc3dCanvasPickModule = arc3dCanvasPickModule;
@@ -31599,6 +31862,7 @@
     exports.calculateArcCornerRadius = calculateArcCornerRadius;
     exports.calculateLineHeight = calculateLineHeight;
     exports.canvasAllocate = canvasAllocate;
+    exports.centerToCorner = centerToCorner;
     exports.centroidOfSubpath = centroidOfSubpath;
     exports.circleBounds = circleBounds;
     exports.circleCanvasPickModule = circleCanvasPickModule;
@@ -31608,8 +31872,13 @@
     exports.cloneGraphic = cloneGraphic;
     exports.colorEqual = colorEqual;
     exports.colorStringInterpolationToStr = colorStringInterpolationToStr;
+    exports.columnCenterToEdge = columnCenterToEdge;
+    exports.columnEdgeToCenter = columnEdgeToCenter;
+    exports.columnLeftToRight = columnLeftToRight;
+    exports.columnRightToLeft = columnRightToLeft;
     exports.container = container;
     exports.cornerTangents = cornerTangents;
+    exports.cornerToCenter = cornerToCenter;
     exports.createArc = createArc;
     exports.createArc3d = createArc3d;
     exports.createArea = createArea;
@@ -31670,6 +31939,8 @@
     exports.defaultTextAllocate = defaultTextAllocate;
     exports.defaultTicker = defaultTicker;
     exports.defaultTimeline = defaultTimeline;
+    exports.diagonalCenterToEdge = diagonalCenterToEdge;
+    exports.diagonalTopLeftToBottomRight = diagonalTopLeftToBottomRight;
     exports.drawArc = drawArc;
     exports.drawArcPath = drawArcPath$1;
     exports.drawAreaSegments = drawAreaSegments;
@@ -31783,6 +32054,7 @@
     exports.parsePadding = parsePadding;
     exports.parseStroke = parseStroke;
     exports.parseSvgPath = parseSvgPath;
+    exports.particleEffect = particleEffect;
     exports.pathCanvasPickModule = pathCanvasPickModule;
     exports.pathMathPickModule = pathMathPickModule;
     exports.pathModule = pathModule;
@@ -31797,12 +32069,14 @@
     exports.polygonMathPickModule = polygonMathPickModule;
     exports.polygonModule = polygonModule;
     exports.preLoadAllModule = preLoadAllModule;
+    exports.pulseWave = pulseWave;
     exports.pyramid3dCanvasPickModule = pyramid3dCanvasPickModule;
     exports.pyramid3dModule = pyramid3dModule;
     exports.quadCalc = quadCalc;
     exports.quadLength = quadLength;
     exports.quadPointAt = quadPointAt;
     exports.rafBasedSto = rafBasedSto;
+    exports.randomOpacity = randomOpacity;
     exports.rect3dCanvasPickModule = rect3dCanvasPickModule;
     exports.rect3dModule = rect3dModule;
     exports.rectCanvasPickModule = rectCanvasPickModule;
@@ -31858,16 +32132,24 @@
     exports.richTextMathPickModule = richTextMathPickModule;
     exports.richtextCanvasPickModule = richtextCanvasPickModule;
     exports.richtextModule = richtextModule;
+    exports.rippleEffect = rippleEffect;
     exports.rotateX = rotateX;
     exports.rotateY = rotateY;
     exports.rotateZ = rotateZ;
+    exports.rotationScan = rotationScan;
     exports.roughModule = roughModule;
+    exports.rowBottomToTop = rowBottomToTop;
+    exports.rowCenterToEdge = rowCenterToEdge;
+    exports.rowEdgeToCenter = rowEdgeToCenter;
+    exports.rowTopToBottom = rowTopToBottom;
     exports.runFill = runFill;
     exports.runStroke = runStroke;
     exports.scaleMat4 = scaleMat4;
     exports.segments = segments;
     exports.shouldUseMat4 = shouldUseMat4;
+    exports.snakeWave = snakeWave;
     exports.snapLength = snapLength;
+    exports.spiralEffect = spiralEffect;
     exports.splitArc = splitArc;
     exports.splitArea = splitArea;
     exports.splitCircle = splitCircle;