@leafer-ui/draw 1.4.0 → 1.4.2

package/lib/draw.esm.js

@@ -1,4 +1,4 @@
-import { decorateLeafAttr, attr, defineKey, Plugin, Debug, LeafData, PathConvert, canvasSizeAttrs, dataProcessor, dataType, surfaceType, opacityType, visibleType, sortType, maskType, eraserType, positionType, boundsType, scaleType, rotationType, autoLayoutType, naturalBoundsType, pathInputType, pathType, hitType, strokeType, cursorType, rewrite, Leaf, useModule, rewriteAble, MathHelper, pen, PathCorner, PathDrawer, UICreator, registerUI, Branch, LeafList, ImageManager, DataHelper, Creator, CanvasManager, WaitHelper, LeaferEvent, Bounds, ResizeEvent, AutoBounds, Run, LayoutEvent, RenderEvent, WatchEvent, affectRenderBoundsType, BoundsHelper, Platform, PathCommandDataHelper, affectStrokeBoundsType, getPointData, PointHelper, PathBounds, ImageEvent, LeaferImage, Matrix, PathCreator } from '@leafer/core';
+import { defineKey, decorateLeafAttr, attr, Plugin, PathConvert, Debug, LeafData, canvasSizeAttrs, dataProcessor, dataType, surfaceType, opacityType, visibleType, sortType, maskType, eraserType, positionType, boundsType, scaleType, rotationType, autoLayoutType, naturalBoundsType, pathInputType, pathType, hitType, strokeType, cursorType, rewrite, Leaf, useModule, rewriteAble, MathHelper, pen, PathCorner, PathDrawer, UICreator, registerUI, Branch, LeafList, Resource, DataHelper, Creator, CanvasManager, WaitHelper, LeaferEvent, Bounds, ResizeEvent, AutoBounds, Run, LayoutEvent, RenderEvent, WatchEvent, ImageManager, BoundsHelper, affectRenderBoundsType, PathCommandDataHelper, Platform, PointHelper, PathBounds, affectStrokeBoundsType, getPointData, ImageEvent, LeaferImage, Matrix, PathCreator } from '@leafer/core';
 export * from '@leafer/core';
 
 /******************************************************************************
@@ -68,9 +68,7 @@ const TextConvert = {};
 const ColorConvert = {};
 const UnitConvert = {
     number(value, percentRefer) {
-        if (typeof value === 'object')
-            return value.type === 'percent' ? value.value * percentRefer : value.value;
-        return value;
+        return typeof value === 'object' ? (value.type === 'percent' ? value.value * percentRefer : value.value) : value;
     }
 };
 const PathArrow = {};
@@ -78,16 +76,15 @@ const Paint = {};
 const PaintImage = {};
 const PaintGradient = {};
 const Effect = {};
+const Filter = {
+    apply() { Plugin.need('filter'); }
+};
 const Export = {};
 const State = {
-    setStyleName(_leaf, _styleName, _value) { return Plugin.need('state'); },
-    set(_leaf, _stateName) { return Plugin.need('state'); }
-};
-const Transition = {
-    list: {},
-    register(attrName, fn) { Transition.list[attrName] = fn; },
-    get(attrName) { return Transition.list[attrName]; }
+    setStyleName() { return Plugin.need('state'); },
+    set() { return Plugin.need('state'); }
 };
+const Transition = {};
 
 const { parse, objectToCanvasData } = PathConvert;
 const emptyPaint = {};
@@ -194,24 +191,13 @@ class UIData extends LeafData {
         }
     }
     setShadow(value) {
-        this.__setInput('shadow', value);
-        if (value instanceof Array) {
-            if (value.some((item) => item.visible === false))
-                value = value.filter((item) => item.visible !== false);
-            this._shadow = value.length ? value : null;
-        }
-        else
-            this._shadow = value && value.visible !== false ? [value] : null;
+        setArray(this, 'shadow', value);
     }
     setInnerShadow(value) {
-        this.__setInput('innerShadow', value);
-        if (value instanceof Array) {
-            if (value.some((item) => item.visible === false))
-                value = value.filter((item) => item.visible !== false);
-            this._innerShadow = value.length ? value : null;
-        }
-        else
-            this._innerShadow = value && value.visible !== false ? [value] : null;
+        setArray(this, 'innerShadow', value);
+    }
+    setFilter(value) {
+        setArray(this, 'filter', value);
     }
     __computePaint() {
         const { fill, stroke } = this.__input;
@@ -222,6 +208,17 @@ class UIData extends LeafData {
         this.__needComputePaint = false;
     }
 }
+function setArray(data, key, value) {
+    data.__setInput(key, value);
+    if (value instanceof Array) {
+        if (value.some((item) => item.visible === false))
+            value = value.filter((item) => item.visible !== false);
+        value.length || (value = null);
+    }
+    else
+        value = value && value.visible !== false ? [value] : null;
+    data['_' + key] = value;
+}
 
 class GroupData extends UIData {
 }
@@ -344,11 +341,13 @@ const UIBounds = {
     },
     __updateRenderSpread() {
         let width = 0;
-        const { shadow, innerShadow, blur, backgroundBlur } = this.__;
+        const { shadow, innerShadow, blur, backgroundBlur, filter } = this.__;
         if (shadow)
             shadow.forEach(item => width = Math.max(width, Math.max(Math.abs(item.y), Math.abs(item.x)) + (item.spread > 0 ? item.spread : 0) + item.blur * 1.5));
         if (blur)
             width = Math.max(width, blur);
+        if (filter)
+            width += Filter.getSpread(filter);
         let shapeWidth = width = Math.ceil(width);
         if (innerShadow)
             innerShadow.forEach(item => shapeWidth = Math.max(shapeWidth, Math.max(Math.abs(item.y), Math.abs(item.x)) + (item.spread < 0 ? -item.spread : 0) + item.blur * 1.5));
@@ -363,8 +362,8 @@ const UIRender = {
     __updateChange() {
         const data = this.__;
         if (data.__useEffect) {
-            const { shadow, innerShadow, blur, backgroundBlur } = this.__;
-            data.__useEffect = !!(shadow || innerShadow || blur || backgroundBlur);
+            const { shadow, innerShadow, blur, backgroundBlur, filter } = this.__;
+            data.__useEffect = !!(shadow || innerShadow || blur || backgroundBlur || filter);
         }
         data.__checkSingle();
         const complex = data.__isFills || data.__isStrokes || data.cornerRadius || data.__useEffect;
@@ -378,7 +377,7 @@ const UIRender = {
     __drawFast(canvas, options) {
         drawFast(this, canvas, options);
     },
-    __draw(canvas, options) {
+    __draw(canvas, options, originCanvas) {
         const data = this.__;
         if (data.__complex) {
             if (data.__needComputePaint)
@@ -388,7 +387,7 @@ const UIRender = {
             if (data.__useEffect) {
                 const shape = Paint.shape(this, canvas, options);
                 this.__nowWorld = this.__getNowWorld(options);
-                const { shadow, innerShadow } = data;
+                const { shadow, innerShadow, filter } = data;
                 if (shadow)
                     Effect.shadow(this, canvas, shape);
                 if (fill)
@@ -399,6 +398,8 @@ const UIRender = {
                     Effect.innerShadow(this, canvas, shape);
                 if (stroke)
                     data.__isStrokes ? Paint.strokes(stroke, this, canvas) : Paint.stroke(stroke, this, canvas);
+                if (filter)
+                    Filter.apply(filter, this, this.__nowWorld, canvas, originCanvas, shape);
                 if (shape.worldCanvas)
                     shape.worldCanvas.recycle();
                 shape.canvas.recycle();
@@ -618,199 +619,202 @@ let UI = UI_1 = class UI extends Leaf {
 };
 __decorate([
     dataProcessor(UIData)
-], UI.prototype, "__", undefined);
+], UI.prototype, "__", void 0);
 __decorate([
     zoomLayerType()
-], UI.prototype, "zoomLayer", undefined);
+], UI.prototype, "zoomLayer", void 0);
 __decorate([
     dataType('')
-], UI.prototype, "id", undefined);
+], UI.prototype, "id", void 0);
 __decorate([
     dataType('')
-], UI.prototype, "name", undefined);
+], UI.prototype, "name", void 0);
 __decorate([
     dataType('')
-], UI.prototype, "className", undefined);
+], UI.prototype, "className", void 0);
 __decorate([
     surfaceType('pass-through')
-], UI.prototype, "blendMode", undefined);
+], UI.prototype, "blendMode", void 0);
 __decorate([
     opacityType(1)
-], UI.prototype, "opacity", undefined);
+], UI.prototype, "opacity", void 0);
 __decorate([
     visibleType(true)
-], UI.prototype, "visible", undefined);
+], UI.prototype, "visible", void 0);
 __decorate([
     surfaceType(false)
-], UI.prototype, "locked", undefined);
+], UI.prototype, "locked", void 0);
 __decorate([
     sortType(0)
-], UI.prototype, "zIndex", undefined);
+], UI.prototype, "zIndex", void 0);
 __decorate([
     maskType(false)
-], UI.prototype, "mask", undefined);
+], UI.prototype, "mask", void 0);
 __decorate([
     eraserType(false)
-], UI.prototype, "eraser", undefined);
+], UI.prototype, "eraser", void 0);
 __decorate([
     positionType(0, true)
-], UI.prototype, "x", undefined);
+], UI.prototype, "x", void 0);
 __decorate([
     positionType(0, true)
-], UI.prototype, "y", undefined);
+], UI.prototype, "y", void 0);
 __decorate([
     boundsType(100, true)
-], UI.prototype, "width", undefined);
+], UI.prototype, "width", void 0);
 __decorate([
     boundsType(100, true)
-], UI.prototype, "height", undefined);
+], UI.prototype, "height", void 0);
 __decorate([
     scaleType(1, true)
-], UI.prototype, "scaleX", undefined);
+], UI.prototype, "scaleX", void 0);
 __decorate([
     scaleType(1, true)
-], UI.prototype, "scaleY", undefined);
+], UI.prototype, "scaleY", void 0);
 __decorate([
     rotationType(0, true)
-], UI.prototype, "rotation", undefined);
+], UI.prototype, "rotation", void 0);
 __decorate([
     rotationType(0, true)
-], UI.prototype, "skewX", undefined);
+], UI.prototype, "skewX", void 0);
 __decorate([
     rotationType(0, true)
-], UI.prototype, "skewY", undefined);
+], UI.prototype, "skewY", void 0);
 __decorate([
     positionType(0, true)
-], UI.prototype, "offsetX", undefined);
+], UI.prototype, "offsetX", void 0);
 __decorate([
     positionType(0, true)
-], UI.prototype, "offsetY", undefined);
+], UI.prototype, "offsetY", void 0);
 __decorate([
     positionType(0, true)
-], UI.prototype, "scrollX", undefined);
+], UI.prototype, "scrollX", void 0);
 __decorate([
     positionType(0, true)
-], UI.prototype, "scrollY", undefined);
+], UI.prototype, "scrollY", void 0);
 __decorate([
     autoLayoutType()
-], UI.prototype, "origin", undefined);
+], UI.prototype, "origin", void 0);
 __decorate([
     autoLayoutType()
-], UI.prototype, "around", undefined);
+], UI.prototype, "around", void 0);
 __decorate([
     dataType(false)
-], UI.prototype, "lazy", undefined);
+], UI.prototype, "lazy", void 0);
 __decorate([
     naturalBoundsType(1)
-], UI.prototype, "pixelRatio", undefined);
+], UI.prototype, "pixelRatio", void 0);
 __decorate([
     pathInputType()
-], UI.prototype, "path", undefined);
+], UI.prototype, "path", void 0);
 __decorate([
     pathType()
-], UI.prototype, "windingRule", undefined);
+], UI.prototype, "windingRule", void 0);
 __decorate([
     pathType(true)
-], UI.prototype, "closed", undefined);
+], UI.prototype, "closed", void 0);
 __decorate([
     boundsType(0)
-], UI.prototype, "padding", undefined);
+], UI.prototype, "padding", void 0);
 __decorate([
     boundsType(false)
-], UI.prototype, "lockRatio", undefined);
+], UI.prototype, "lockRatio", void 0);
 __decorate([
     boundsType()
-], UI.prototype, "widthRange", undefined);
+], UI.prototype, "widthRange", void 0);
 __decorate([
     boundsType()
-], UI.prototype, "heightRange", undefined);
+], UI.prototype, "heightRange", void 0);
 __decorate([
     dataType(false)
-], UI.prototype, "draggable", undefined);
+], UI.prototype, "draggable", void 0);
 __decorate([
     dataType()
-], UI.prototype, "dragBounds", undefined);
+], UI.prototype, "dragBounds", void 0);
 __decorate([
     dataType(false)
-], UI.prototype, "editable", undefined);
+], UI.prototype, "editable", void 0);
 __decorate([
     hitType(true)
-], UI.prototype, "hittable", undefined);
+], UI.prototype, "hittable", void 0);
 __decorate([
     hitType('path')
-], UI.prototype, "hitFill", undefined);
+], UI.prototype, "hitFill", void 0);
 __decorate([
     strokeType('path')
-], UI.prototype, "hitStroke", undefined);
+], UI.prototype, "hitStroke", void 0);
 __decorate([
     hitType(false)
-], UI.prototype, "hitBox", undefined);
+], UI.prototype, "hitBox", void 0);
 __decorate([
     hitType(true)
-], UI.prototype, "hitChildren", undefined);
+], UI.prototype, "hitChildren", void 0);
 __decorate([
     hitType(true)
-], UI.prototype, "hitSelf", undefined);
+], UI.prototype, "hitSelf", void 0);
 __decorate([
     hitType()
-], UI.prototype, "hitRadius", undefined);
+], UI.prototype, "hitRadius", void 0);
 __decorate([
     cursorType('')
-], UI.prototype, "cursor", undefined);
+], UI.prototype, "cursor", void 0);
 __decorate([
     surfaceType()
-], UI.prototype, "fill", undefined);
+], UI.prototype, "fill", void 0);
 __decorate([
     strokeType()
-], UI.prototype, "stroke", undefined);
+], UI.prototype, "stroke", void 0);
 __decorate([
     strokeType('inside')
-], UI.prototype, "strokeAlign", undefined);
+], UI.prototype, "strokeAlign", void 0);
 __decorate([
     strokeType(1)
-], UI.prototype, "strokeWidth", undefined);
+], UI.prototype, "strokeWidth", void 0);
 __decorate([
     strokeType(false)
-], UI.prototype, "strokeWidthFixed", undefined);
+], UI.prototype, "strokeWidthFixed", void 0);
 __decorate([
     strokeType('none')
-], UI.prototype, "strokeCap", undefined);
+], UI.prototype, "strokeCap", void 0);
 __decorate([
     strokeType('miter')
-], UI.prototype, "strokeJoin", undefined);
+], UI.prototype, "strokeJoin", void 0);
 __decorate([
     strokeType()
-], UI.prototype, "dashPattern", undefined);
+], UI.prototype, "dashPattern", void 0);
 __decorate([
     strokeType()
-], UI.prototype, "dashOffset", undefined);
+], UI.prototype, "dashOffset", void 0);
 __decorate([
     strokeType(10)
-], UI.prototype, "miterLimit", undefined);
+], UI.prototype, "miterLimit", void 0);
 __decorate([
     pathType(0)
-], UI.prototype, "cornerRadius", undefined);
+], UI.prototype, "cornerRadius", void 0);
 __decorate([
     pathType()
-], UI.prototype, "cornerSmoothing", undefined);
+], UI.prototype, "cornerSmoothing", void 0);
+__decorate([
+    effectType()
+], UI.prototype, "shadow", void 0);
 __decorate([
     effectType()
-], UI.prototype, "shadow", undefined);
+], UI.prototype, "innerShadow", void 0);
 __decorate([
     effectType()
-], UI.prototype, "innerShadow", undefined);
+], UI.prototype, "blur", void 0);
 __decorate([
     effectType()
-], UI.prototype, "blur", undefined);
+], UI.prototype, "backgroundBlur", void 0);
 __decorate([
     effectType()
-], UI.prototype, "backgroundBlur", undefined);
+], UI.prototype, "grayscale", void 0);
 __decorate([
     effectType()
-], UI.prototype, "grayscale", undefined);
+], UI.prototype, "filter", void 0);
 __decorate([
     dataType({})
-], UI.prototype, "data", undefined);
+], UI.prototype, "data", void 0);
 __decorate([
     rewrite(Leaf.prototype.reset)
 ], UI.prototype, "reset", null);
@@ -871,7 +875,7 @@ let Group = class Group extends UI {
 };
 __decorate([
     dataProcessor(GroupData)
-], Group.prototype, "__", undefined);
+], Group.prototype, "__", void 0);
 Group = __decorate([
     useModule(Branch),
     registerUI()
@@ -884,7 +888,7 @@ let Leafer = Leafer_1 = class Leafer extends Group {
     get isApp() { return false; }
     get app() { return this.parent || this; }
     get isLeafer() { return true; }
-    get imageReady() { return this.viewReady && ImageManager.isComplete; }
+    get imageReady() { return this.viewReady && Resource.isComplete; }
     get layoutLocked() { return !this.layouter.running; }
     get FPS() { return this.renderer ? this.renderer.FPS : 60; }
     get cursorPoint() { return (this.interaction && this.interaction.hoverData) || { x: this.width / 2, y: this.height / 2 }; }
@@ -1095,13 +1099,13 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         WaitHelper.run(this.__viewReadyWait);
     }
     __onLayoutEnd() {
-        const { grow, growWidth, growHeight } = this.config;
+        const { grow, width: fixedWidth, height: fixedHeight } = this.config;
         if (grow) {
             let { width, height, pixelRatio } = this;
             const bounds = grow === 'box' ? this.worldBoxBounds : this.__world;
-            if (growWidth !== false)
+            if (!fixedWidth)
                 width = Math.max(1, bounds.x + bounds.width);
-            if (growHeight !== false)
+            if (!fixedHeight)
                 height = Math.max(1, bounds.y + bounds.height);
             this.__doResize({ width, height, pixelRatio });
         }
@@ -1179,7 +1183,7 @@ let Leafer = Leafer_1 = class Leafer extends Group {
             list.push(item);
         this.requestRender();
     }
-    zoom(_zoomType, _padding, _fixedScale) {
+    zoom(_zoomType, _padding, _fixedScale, _transition) {
         return Plugin.need('view');
     }
     getValidMove(moveX, moveY) { return { x: moveX, y: moveY }; }
@@ -1244,10 +1248,10 @@ let Leafer = Leafer_1 = class Leafer extends Group {
 Leafer.list = new LeafList();
 __decorate([
     dataProcessor(LeaferData)
-], Leafer.prototype, "__", undefined);
+], Leafer.prototype, "__", void 0);
 __decorate([
     boundsType()
-], Leafer.prototype, "pixelRatio", undefined);
+], Leafer.prototype, "pixelRatio", void 0);
 Leafer = Leafer_1 = __decorate([
     registerUI()
 ], Leafer);
@@ -1260,7 +1264,7 @@ let Rect = class Rect extends UI {
 };
 __decorate([
     dataProcessor(RectData)
-], Rect.prototype, "__", undefined);
+], Rect.prototype, "__", void 0);
 Rect = __decorate([
     useModule(RectRender),
     rewriteAble(),
@@ -1351,13 +1355,13 @@ let Box = class Box extends Group {
 };
 __decorate([
     dataProcessor(BoxData)
-], Box.prototype, "__", undefined);
+], Box.prototype, "__", void 0);
 __decorate([
     dataType(false)
-], Box.prototype, "resizeChildren", undefined);
+], Box.prototype, "resizeChildren", void 0);
 __decorate([
     affectRenderBoundsType('show')
-], Box.prototype, "overflow", undefined);
+], Box.prototype, "overflow", void 0);
 __decorate([
     rewrite(rect.__updateStrokeSpread)
 ], Box.prototype, "__updateStrokeSpread", null);
@@ -1396,13 +1400,13 @@ let Frame = class Frame extends Box {
 };
 __decorate([
     dataProcessor(FrameData)
-], Frame.prototype, "__", undefined);
+], Frame.prototype, "__", void 0);
 __decorate([
     surfaceType('#FFFFFF')
-], Frame.prototype, "fill", undefined);
+], Frame.prototype, "fill", void 0);
 __decorate([
     affectRenderBoundsType('hide')
-], Frame.prototype, "overflow", undefined);
+], Frame.prototype, "overflow", void 0);
 Frame = __decorate([
     registerUI()
 ], Frame);
@@ -1449,16 +1453,16 @@ let Ellipse = class Ellipse extends UI {
 };
 __decorate([
     dataProcessor(EllipseData)
-], Ellipse.prototype, "__", undefined);
+], Ellipse.prototype, "__", void 0);
 __decorate([
     pathType(0)
-], Ellipse.prototype, "innerRadius", undefined);
+], Ellipse.prototype, "innerRadius", void 0);
 __decorate([
     pathType(0)
-], Ellipse.prototype, "startAngle", undefined);
+], Ellipse.prototype, "startAngle", void 0);
 __decorate([
     pathType(0)
-], Ellipse.prototype, "endAngle", undefined);
+], Ellipse.prototype, "endAngle", void 0);
 Ellipse = __decorate([
     registerUI()
 ], Ellipse);
@@ -1517,22 +1521,22 @@ let Line = class Line extends UI {
 };
 __decorate([
     dataProcessor(LineData)
-], Line.prototype, "__", undefined);
+], Line.prototype, "__", void 0);
 __decorate([
     affectStrokeBoundsType('center')
-], Line.prototype, "strokeAlign", undefined);
+], Line.prototype, "strokeAlign", void 0);
 __decorate([
     boundsType(0)
-], Line.prototype, "height", undefined);
+], Line.prototype, "height", void 0);
 __decorate([
     pathType()
-], Line.prototype, "points", undefined);
+], Line.prototype, "points", void 0);
 __decorate([
     pathType(0)
-], Line.prototype, "curve", undefined);
+], Line.prototype, "curve", void 0);
 __decorate([
     pathType(false)
-], Line.prototype, "closed", undefined);
+], Line.prototype, "closed", void 0);
 Line = __decorate([
     registerUI()
 ], Line);
@@ -1565,16 +1569,16 @@ let Polygon = class Polygon extends UI {
 };
 __decorate([
     dataProcessor(PolygonData)
-], Polygon.prototype, "__", undefined);
+], Polygon.prototype, "__", void 0);
 __decorate([
     pathType(3)
-], Polygon.prototype, "sides", undefined);
+], Polygon.prototype, "sides", void 0);
 __decorate([
     pathType()
-], Polygon.prototype, "points", undefined);
+], Polygon.prototype, "points", void 0);
 __decorate([
     pathType(0)
-], Polygon.prototype, "curve", undefined);
+], Polygon.prototype, "curve", void 0);
 __decorate([
     rewrite(line.__updateRenderPath)
 ], Polygon.prototype, "__updateRenderPath", null);
@@ -1606,13 +1610,13 @@ let Star = class Star extends UI {
 };
 __decorate([
     dataProcessor(StarData)
-], Star.prototype, "__", undefined);
+], Star.prototype, "__", void 0);
 __decorate([
     pathType(5)
-], Star.prototype, "corners", undefined);
+], Star.prototype, "corners", void 0);
 __decorate([
     pathType(0.382)
-], Star.prototype, "innerRadius", undefined);
+], Star.prototype, "innerRadius", void 0);
 Star = __decorate([
     registerUI()
 ], Star);
@@ -1634,10 +1638,10 @@ let Image = class Image extends Rect {
 };
 __decorate([
     dataProcessor(ImageData)
-], Image.prototype, "__", undefined);
+], Image.prototype, "__", void 0);
 __decorate([
     boundsType('')
-], Image.prototype, "url", undefined);
+], Image.prototype, "url", void 0);
 Image = __decorate([
     registerUI()
 ], Image);
@@ -1700,25 +1704,25 @@ let Canvas = class Canvas extends Rect {
 };
 __decorate([
     dataProcessor(CanvasData)
-], Canvas.prototype, "__", undefined);
+], Canvas.prototype, "__", void 0);
 __decorate([
     resizeType(100)
-], Canvas.prototype, "width", undefined);
+], Canvas.prototype, "width", void 0);
 __decorate([
     resizeType(100)
-], Canvas.prototype, "height", undefined);
+], Canvas.prototype, "height", void 0);
 __decorate([
     resizeType(1)
-], Canvas.prototype, "pixelRatio", undefined);
+], Canvas.prototype, "pixelRatio", void 0);
 __decorate([
     resizeType(true)
-], Canvas.prototype, "smooth", undefined);
+], Canvas.prototype, "smooth", void 0);
 __decorate([
     dataType(false)
-], Canvas.prototype, "safeResize", undefined);
+], Canvas.prototype, "safeResize", void 0);
 __decorate([
     resizeType()
-], Canvas.prototype, "contextSettings", undefined);
+], Canvas.prototype, "contextSettings", void 0);
 Canvas = __decorate([
     registerUI()
 ], Canvas);
@@ -1809,76 +1813,76 @@ let Text = class Text extends UI {
 };
 __decorate([
     dataProcessor(TextData)
-], Text.prototype, "__", undefined);
+], Text.prototype, "__", void 0);
 __decorate([
     boundsType(0)
-], Text.prototype, "width", undefined);
+], Text.prototype, "width", void 0);
 __decorate([
     boundsType(0)
-], Text.prototype, "height", undefined);
+], Text.prototype, "height", void 0);
 __decorate([
     dataType(false)
-], Text.prototype, "resizeFontSize", undefined);
+], Text.prototype, "resizeFontSize", void 0);
 __decorate([
     surfaceType('#000000')
-], Text.prototype, "fill", undefined);
+], Text.prototype, "fill", void 0);
 __decorate([
     affectStrokeBoundsType('outside')
-], Text.prototype, "strokeAlign", undefined);
+], Text.prototype, "strokeAlign", void 0);
 __decorate([
     hitType('all')
-], Text.prototype, "hitFill", undefined);
+], Text.prototype, "hitFill", void 0);
 __decorate([
     boundsType('')
-], Text.prototype, "text", undefined);
+], Text.prototype, "text", void 0);
 __decorate([
     boundsType('caption')
-], Text.prototype, "fontFamily", undefined);
+], Text.prototype, "fontFamily", void 0);
 __decorate([
     boundsType(12)
-], Text.prototype, "fontSize", undefined);
+], Text.prototype, "fontSize", void 0);
 __decorate([
     boundsType('normal')
-], Text.prototype, "fontWeight", undefined);
+], Text.prototype, "fontWeight", void 0);
 __decorate([
     boundsType(false)
-], Text.prototype, "italic", undefined);
+], Text.prototype, "italic", void 0);
 __decorate([
     boundsType('none')
-], Text.prototype, "textCase", undefined);
+], Text.prototype, "textCase", void 0);
 __decorate([
     boundsType('none')
-], Text.prototype, "textDecoration", undefined);
+], Text.prototype, "textDecoration", void 0);
 __decorate([
     boundsType(0)
-], Text.prototype, "letterSpacing", undefined);
+], Text.prototype, "letterSpacing", void 0);
 __decorate([
     boundsType({ type: 'percent', value: 1.5 })
-], Text.prototype, "lineHeight", undefined);
+], Text.prototype, "lineHeight", void 0);
 __decorate([
     boundsType(0)
-], Text.prototype, "paraIndent", undefined);
+], Text.prototype, "paraIndent", void 0);
 __decorate([
     boundsType(0)
-], Text.prototype, "paraSpacing", undefined);
+], Text.prototype, "paraSpacing", void 0);
 __decorate([
     boundsType('x')
-], Text.prototype, "writingMode", undefined);
+], Text.prototype, "writingMode", void 0);
 __decorate([
     boundsType('left')
-], Text.prototype, "textAlign", undefined);
+], Text.prototype, "textAlign", void 0);
 __decorate([
     boundsType('top')
-], Text.prototype, "verticalAlign", undefined);
+], Text.prototype, "verticalAlign", void 0);
 __decorate([
     boundsType(true)
-], Text.prototype, "autoSizeAlign", undefined);
+], Text.prototype, "autoSizeAlign", void 0);
 __decorate([
     boundsType('normal')
-], Text.prototype, "textWrap", undefined);
+], Text.prototype, "textWrap", void 0);
 __decorate([
     boundsType('show')
-], Text.prototype, "textOverflow", undefined);
+], Text.prototype, "textOverflow", void 0);
 Text = __decorate([
     registerUI()
 ], Text);
@@ -1891,10 +1895,10 @@ let Path = class Path extends UI {
 };
 __decorate([
     dataProcessor(PathData)
-], Path.prototype, "__", undefined);
+], Path.prototype, "__", void 0);
 __decorate([
     affectStrokeBoundsType('center')
-], Path.prototype, "strokeAlign", undefined);
+], Path.prototype, "strokeAlign", void 0);
 Path = __decorate([
     registerUI()
 ], Path);
@@ -1933,10 +1937,10 @@ let Pen = class Pen extends Group {
 };
 __decorate([
     dataProcessor(PenData)
-], Pen.prototype, "__", undefined);
+], Pen.prototype, "__", void 0);
 __decorate([
     penPathType()
-], Pen.prototype, "path", undefined);
+], Pen.prototype, "path", void 0);
 Pen = __decorate([
     useModule(PathCreator, ['set', 'path', 'paint']),
     registerUI()
@@ -1949,5 +1953,5 @@ function penPathType() {
     };
 }
 
-export { Box, BoxData, Canvas, CanvasData, ColorConvert, Effect, Ellipse, EllipseData, Export, Frame, FrameData, Group, GroupData, Image, ImageData, Leafer, LeaferData, Line, LineData, MyImage, Paint, PaintGradient, PaintImage, Path, PathArrow, PathData, Pen, PenData, Polygon, PolygonData, Rect, RectData, RectRender, Star, StarData, State, Text, TextConvert, TextData, Transition, UI, UIBounds, UIData, UIRender, UnitConvert, effectType, resizeType, zoomLayerType };
+export { Box, BoxData, Canvas, CanvasData, ColorConvert, Effect, Ellipse, EllipseData, Export, Filter, Frame, FrameData, Group, GroupData, Image, ImageData, Leafer, LeaferData, Line, LineData, MyImage, Paint, PaintGradient, PaintImage, Path, PathArrow, PathData, Pen, PenData, Polygon, PolygonData, Rect, RectData, RectRender, Star, StarData, State, Text, TextConvert, TextData, Transition, UI, UIBounds, UIData, UIRender, UnitConvert, effectType, resizeType, zoomLayerType };
 //# sourceMappingURL=draw.esm.js.map