@leafer-ui/draw 1.4.0 → 1.4.1

package/lib/draw.cjs

@@ -69,9 +69,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 = {};
@@ -79,16 +77,15 @@ const Paint = {};
 const PaintImage = {};
 const PaintGradient = {};
 const Effect = {};
+const Filter = {
+    apply() { core.Plugin.need('filter'); }
+};
 const Export = {};
 const State = {
-    setStyleName(_leaf, _styleName, _value) { return core.Plugin.need('state'); },
-    set(_leaf, _stateName) { return core.Plugin.need('state'); }
-};
-const Transition = {
-    list: {},
-    register(attrName, fn) { Transition.list[attrName] = fn; },
-    get(attrName) { return Transition.list[attrName]; }
+    setStyleName() { return core.Plugin.need('state'); },
+    set() { return core.Plugin.need('state'); }
 };
+const Transition = {};
 
 const { parse, objectToCanvasData } = core.PathConvert;
 const emptyPaint = {};
@@ -195,24 +192,13 @@ class UIData extends core.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;
@@ -223,6 +209,17 @@ class UIData extends core.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 {
 }
@@ -345,11 +342,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));
@@ -364,8 +363,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;
@@ -379,7 +378,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)
@@ -389,7 +388,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)
@@ -400,6 +399,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();
@@ -619,199 +620,202 @@ exports.UI = UI_1 = class UI extends core.Leaf {
 };
 __decorate([
     core.dataProcessor(UIData)
-], exports.UI.prototype, "__", undefined);
+], exports.UI.prototype, "__", void 0);
 __decorate([
     zoomLayerType()
-], exports.UI.prototype, "zoomLayer", undefined);
+], exports.UI.prototype, "zoomLayer", void 0);
 __decorate([
     core.dataType('')
-], exports.UI.prototype, "id", undefined);
+], exports.UI.prototype, "id", void 0);
 __decorate([
     core.dataType('')
-], exports.UI.prototype, "name", undefined);
+], exports.UI.prototype, "name", void 0);
 __decorate([
     core.dataType('')
-], exports.UI.prototype, "className", undefined);
+], exports.UI.prototype, "className", void 0);
 __decorate([
     core.surfaceType('pass-through')
-], exports.UI.prototype, "blendMode", undefined);
+], exports.UI.prototype, "blendMode", void 0);
 __decorate([
     core.opacityType(1)
-], exports.UI.prototype, "opacity", undefined);
+], exports.UI.prototype, "opacity", void 0);
 __decorate([
     core.visibleType(true)
-], exports.UI.prototype, "visible", undefined);
+], exports.UI.prototype, "visible", void 0);
 __decorate([
     core.surfaceType(false)
-], exports.UI.prototype, "locked", undefined);
+], exports.UI.prototype, "locked", void 0);
 __decorate([
     core.sortType(0)
-], exports.UI.prototype, "zIndex", undefined);
+], exports.UI.prototype, "zIndex", void 0);
 __decorate([
     core.maskType(false)
-], exports.UI.prototype, "mask", undefined);
+], exports.UI.prototype, "mask", void 0);
 __decorate([
     core.eraserType(false)
-], exports.UI.prototype, "eraser", undefined);
+], exports.UI.prototype, "eraser", void 0);
 __decorate([
     core.positionType(0, true)
-], exports.UI.prototype, "x", undefined);
+], exports.UI.prototype, "x", void 0);
 __decorate([
     core.positionType(0, true)
-], exports.UI.prototype, "y", undefined);
+], exports.UI.prototype, "y", void 0);
 __decorate([
     core.boundsType(100, true)
-], exports.UI.prototype, "width", undefined);
+], exports.UI.prototype, "width", void 0);
 __decorate([
     core.boundsType(100, true)
-], exports.UI.prototype, "height", undefined);
+], exports.UI.prototype, "height", void 0);
 __decorate([
     core.scaleType(1, true)
-], exports.UI.prototype, "scaleX", undefined);
+], exports.UI.prototype, "scaleX", void 0);
 __decorate([
     core.scaleType(1, true)
-], exports.UI.prototype, "scaleY", undefined);
+], exports.UI.prototype, "scaleY", void 0);
 __decorate([
     core.rotationType(0, true)
-], exports.UI.prototype, "rotation", undefined);
+], exports.UI.prototype, "rotation", void 0);
 __decorate([
     core.rotationType(0, true)
-], exports.UI.prototype, "skewX", undefined);
+], exports.UI.prototype, "skewX", void 0);
 __decorate([
     core.rotationType(0, true)
-], exports.UI.prototype, "skewY", undefined);
+], exports.UI.prototype, "skewY", void 0);
 __decorate([
     core.positionType(0, true)
-], exports.UI.prototype, "offsetX", undefined);
+], exports.UI.prototype, "offsetX", void 0);
 __decorate([
     core.positionType(0, true)
-], exports.UI.prototype, "offsetY", undefined);
+], exports.UI.prototype, "offsetY", void 0);
 __decorate([
     core.positionType(0, true)
-], exports.UI.prototype, "scrollX", undefined);
+], exports.UI.prototype, "scrollX", void 0);
 __decorate([
     core.positionType(0, true)
-], exports.UI.prototype, "scrollY", undefined);
+], exports.UI.prototype, "scrollY", void 0);
 __decorate([
     core.autoLayoutType()
-], exports.UI.prototype, "origin", undefined);
+], exports.UI.prototype, "origin", void 0);
 __decorate([
     core.autoLayoutType()
-], exports.UI.prototype, "around", undefined);
+], exports.UI.prototype, "around", void 0);
 __decorate([
     core.dataType(false)
-], exports.UI.prototype, "lazy", undefined);
+], exports.UI.prototype, "lazy", void 0);
 __decorate([
     core.naturalBoundsType(1)
-], exports.UI.prototype, "pixelRatio", undefined);
+], exports.UI.prototype, "pixelRatio", void 0);
 __decorate([
     core.pathInputType()
-], exports.UI.prototype, "path", undefined);
+], exports.UI.prototype, "path", void 0);
 __decorate([
     core.pathType()
-], exports.UI.prototype, "windingRule", undefined);
+], exports.UI.prototype, "windingRule", void 0);
 __decorate([
     core.pathType(true)
-], exports.UI.prototype, "closed", undefined);
+], exports.UI.prototype, "closed", void 0);
 __decorate([
     core.boundsType(0)
-], exports.UI.prototype, "padding", undefined);
+], exports.UI.prototype, "padding", void 0);
 __decorate([
     core.boundsType(false)
-], exports.UI.prototype, "lockRatio", undefined);
+], exports.UI.prototype, "lockRatio", void 0);
 __decorate([
     core.boundsType()
-], exports.UI.prototype, "widthRange", undefined);
+], exports.UI.prototype, "widthRange", void 0);
 __decorate([
     core.boundsType()
-], exports.UI.prototype, "heightRange", undefined);
+], exports.UI.prototype, "heightRange", void 0);
 __decorate([
     core.dataType(false)
-], exports.UI.prototype, "draggable", undefined);
+], exports.UI.prototype, "draggable", void 0);
 __decorate([
     core.dataType()
-], exports.UI.prototype, "dragBounds", undefined);
+], exports.UI.prototype, "dragBounds", void 0);
 __decorate([
     core.dataType(false)
-], exports.UI.prototype, "editable", undefined);
+], exports.UI.prototype, "editable", void 0);
 __decorate([
     core.hitType(true)
-], exports.UI.prototype, "hittable", undefined);
+], exports.UI.prototype, "hittable", void 0);
 __decorate([
     core.hitType('path')
-], exports.UI.prototype, "hitFill", undefined);
+], exports.UI.prototype, "hitFill", void 0);
 __decorate([
     core.strokeType('path')
-], exports.UI.prototype, "hitStroke", undefined);
+], exports.UI.prototype, "hitStroke", void 0);
 __decorate([
     core.hitType(false)
-], exports.UI.prototype, "hitBox", undefined);
+], exports.UI.prototype, "hitBox", void 0);
 __decorate([
     core.hitType(true)
-], exports.UI.prototype, "hitChildren", undefined);
+], exports.UI.prototype, "hitChildren", void 0);
 __decorate([
     core.hitType(true)
-], exports.UI.prototype, "hitSelf", undefined);
+], exports.UI.prototype, "hitSelf", void 0);
 __decorate([
     core.hitType()
-], exports.UI.prototype, "hitRadius", undefined);
+], exports.UI.prototype, "hitRadius", void 0);
 __decorate([
     core.cursorType('')
-], exports.UI.prototype, "cursor", undefined);
+], exports.UI.prototype, "cursor", void 0);
 __decorate([
     core.surfaceType()
-], exports.UI.prototype, "fill", undefined);
+], exports.UI.prototype, "fill", void 0);
 __decorate([
     core.strokeType()
-], exports.UI.prototype, "stroke", undefined);
+], exports.UI.prototype, "stroke", void 0);
 __decorate([
     core.strokeType('inside')
-], exports.UI.prototype, "strokeAlign", undefined);
+], exports.UI.prototype, "strokeAlign", void 0);
 __decorate([
     core.strokeType(1)
-], exports.UI.prototype, "strokeWidth", undefined);
+], exports.UI.prototype, "strokeWidth", void 0);
 __decorate([
     core.strokeType(false)
-], exports.UI.prototype, "strokeWidthFixed", undefined);
+], exports.UI.prototype, "strokeWidthFixed", void 0);
 __decorate([
     core.strokeType('none')
-], exports.UI.prototype, "strokeCap", undefined);
+], exports.UI.prototype, "strokeCap", void 0);
 __decorate([
     core.strokeType('miter')
-], exports.UI.prototype, "strokeJoin", undefined);
+], exports.UI.prototype, "strokeJoin", void 0);
 __decorate([
     core.strokeType()
-], exports.UI.prototype, "dashPattern", undefined);
+], exports.UI.prototype, "dashPattern", void 0);
 __decorate([
     core.strokeType()
-], exports.UI.prototype, "dashOffset", undefined);
+], exports.UI.prototype, "dashOffset", void 0);
 __decorate([
     core.strokeType(10)
-], exports.UI.prototype, "miterLimit", undefined);
+], exports.UI.prototype, "miterLimit", void 0);
 __decorate([
     core.pathType(0)
-], exports.UI.prototype, "cornerRadius", undefined);
+], exports.UI.prototype, "cornerRadius", void 0);
 __decorate([
     core.pathType()
-], exports.UI.prototype, "cornerSmoothing", undefined);
+], exports.UI.prototype, "cornerSmoothing", void 0);
+__decorate([
+    effectType()
+], exports.UI.prototype, "shadow", void 0);
 __decorate([
     effectType()
-], exports.UI.prototype, "shadow", undefined);
+], exports.UI.prototype, "innerShadow", void 0);
 __decorate([
     effectType()
-], exports.UI.prototype, "innerShadow", undefined);
+], exports.UI.prototype, "blur", void 0);
 __decorate([
     effectType()
-], exports.UI.prototype, "blur", undefined);
+], exports.UI.prototype, "backgroundBlur", void 0);
 __decorate([
     effectType()
-], exports.UI.prototype, "backgroundBlur", undefined);
+], exports.UI.prototype, "grayscale", void 0);
 __decorate([
     effectType()
-], exports.UI.prototype, "grayscale", undefined);
+], exports.UI.prototype, "filter", void 0);
 __decorate([
     core.dataType({})
-], exports.UI.prototype, "data", undefined);
+], exports.UI.prototype, "data", void 0);
 __decorate([
     core.rewrite(core.Leaf.prototype.reset)
 ], exports.UI.prototype, "reset", null);
@@ -872,7 +876,7 @@ exports.Group = class Group extends exports.UI {
 };
 __decorate([
     core.dataProcessor(GroupData)
-], exports.Group.prototype, "__", undefined);
+], exports.Group.prototype, "__", void 0);
 exports.Group = __decorate([
     core.useModule(core.Branch),
     core.registerUI()
@@ -885,7 +889,7 @@ exports.Leafer = Leafer_1 = class Leafer extends exports.Group {
     get isApp() { return false; }
     get app() { return this.parent || this; }
     get isLeafer() { return true; }
-    get imageReady() { return this.viewReady && core.ImageManager.isComplete; }
+    get imageReady() { return this.viewReady && core.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 }; }
@@ -1096,13 +1100,13 @@ exports.Leafer = Leafer_1 = class Leafer extends exports.Group {
         core.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 });
         }
@@ -1180,7 +1184,7 @@ exports.Leafer = Leafer_1 = class Leafer extends exports.Group {
             list.push(item);
         this.requestRender();
     }
-    zoom(_zoomType, _padding, _fixedScale) {
+    zoom(_zoomType, _padding, _fixedScale, _transition) {
         return core.Plugin.need('view');
     }
     getValidMove(moveX, moveY) { return { x: moveX, y: moveY }; }
@@ -1245,10 +1249,10 @@ exports.Leafer = Leafer_1 = class Leafer extends exports.Group {
 exports.Leafer.list = new core.LeafList();
 __decorate([
     core.dataProcessor(LeaferData)
-], exports.Leafer.prototype, "__", undefined);
+], exports.Leafer.prototype, "__", void 0);
 __decorate([
     core.boundsType()
-], exports.Leafer.prototype, "pixelRatio", undefined);
+], exports.Leafer.prototype, "pixelRatio", void 0);
 exports.Leafer = Leafer_1 = __decorate([
     core.registerUI()
 ], exports.Leafer);
@@ -1261,7 +1265,7 @@ exports.Rect = class Rect extends exports.UI {
 };
 __decorate([
     core.dataProcessor(RectData)
-], exports.Rect.prototype, "__", undefined);
+], exports.Rect.prototype, "__", void 0);
 exports.Rect = __decorate([
     core.useModule(RectRender),
     core.rewriteAble(),
@@ -1352,13 +1356,13 @@ exports.Box = class Box extends exports.Group {
 };
 __decorate([
     core.dataProcessor(BoxData)
-], exports.Box.prototype, "__", undefined);
+], exports.Box.prototype, "__", void 0);
 __decorate([
     core.dataType(false)
-], exports.Box.prototype, "resizeChildren", undefined);
+], exports.Box.prototype, "resizeChildren", void 0);
 __decorate([
     core.affectRenderBoundsType('show')
-], exports.Box.prototype, "overflow", undefined);
+], exports.Box.prototype, "overflow", void 0);
 __decorate([
     core.rewrite(rect.__updateStrokeSpread)
 ], exports.Box.prototype, "__updateStrokeSpread", null);
@@ -1397,13 +1401,13 @@ exports.Frame = class Frame extends exports.Box {
 };
 __decorate([
     core.dataProcessor(FrameData)
-], exports.Frame.prototype, "__", undefined);
+], exports.Frame.prototype, "__", void 0);
 __decorate([
     core.surfaceType('#FFFFFF')
-], exports.Frame.prototype, "fill", undefined);
+], exports.Frame.prototype, "fill", void 0);
 __decorate([
     core.affectRenderBoundsType('hide')
-], exports.Frame.prototype, "overflow", undefined);
+], exports.Frame.prototype, "overflow", void 0);
 exports.Frame = __decorate([
     core.registerUI()
 ], exports.Frame);
@@ -1450,16 +1454,16 @@ exports.Ellipse = class Ellipse extends exports.UI {
 };
 __decorate([
     core.dataProcessor(EllipseData)
-], exports.Ellipse.prototype, "__", undefined);
+], exports.Ellipse.prototype, "__", void 0);
 __decorate([
     core.pathType(0)
-], exports.Ellipse.prototype, "innerRadius", undefined);
+], exports.Ellipse.prototype, "innerRadius", void 0);
 __decorate([
     core.pathType(0)
-], exports.Ellipse.prototype, "startAngle", undefined);
+], exports.Ellipse.prototype, "startAngle", void 0);
 __decorate([
     core.pathType(0)
-], exports.Ellipse.prototype, "endAngle", undefined);
+], exports.Ellipse.prototype, "endAngle", void 0);
 exports.Ellipse = __decorate([
     core.registerUI()
 ], exports.Ellipse);
@@ -1518,22 +1522,22 @@ exports.Line = class Line extends exports.UI {
 };
 __decorate([
     core.dataProcessor(LineData)
-], exports.Line.prototype, "__", undefined);
+], exports.Line.prototype, "__", void 0);
 __decorate([
     core.affectStrokeBoundsType('center')
-], exports.Line.prototype, "strokeAlign", undefined);
+], exports.Line.prototype, "strokeAlign", void 0);
 __decorate([
     core.boundsType(0)
-], exports.Line.prototype, "height", undefined);
+], exports.Line.prototype, "height", void 0);
 __decorate([
     core.pathType()
-], exports.Line.prototype, "points", undefined);
+], exports.Line.prototype, "points", void 0);
 __decorate([
     core.pathType(0)
-], exports.Line.prototype, "curve", undefined);
+], exports.Line.prototype, "curve", void 0);
 __decorate([
     core.pathType(false)
-], exports.Line.prototype, "closed", undefined);
+], exports.Line.prototype, "closed", void 0);
 exports.Line = __decorate([
     core.registerUI()
 ], exports.Line);
@@ -1566,16 +1570,16 @@ exports.Polygon = class Polygon extends exports.UI {
 };
 __decorate([
     core.dataProcessor(PolygonData)
-], exports.Polygon.prototype, "__", undefined);
+], exports.Polygon.prototype, "__", void 0);
 __decorate([
     core.pathType(3)
-], exports.Polygon.prototype, "sides", undefined);
+], exports.Polygon.prototype, "sides", void 0);
 __decorate([
     core.pathType()
-], exports.Polygon.prototype, "points", undefined);
+], exports.Polygon.prototype, "points", void 0);
 __decorate([
     core.pathType(0)
-], exports.Polygon.prototype, "curve", undefined);
+], exports.Polygon.prototype, "curve", void 0);
 __decorate([
     core.rewrite(line.__updateRenderPath)
 ], exports.Polygon.prototype, "__updateRenderPath", null);
@@ -1607,13 +1611,13 @@ exports.Star = class Star extends exports.UI {
 };
 __decorate([
     core.dataProcessor(StarData)
-], exports.Star.prototype, "__", undefined);
+], exports.Star.prototype, "__", void 0);
 __decorate([
     core.pathType(5)
-], exports.Star.prototype, "corners", undefined);
+], exports.Star.prototype, "corners", void 0);
 __decorate([
     core.pathType(0.382)
-], exports.Star.prototype, "innerRadius", undefined);
+], exports.Star.prototype, "innerRadius", void 0);
 exports.Star = __decorate([
     core.registerUI()
 ], exports.Star);
@@ -1635,10 +1639,10 @@ exports.Image = class Image extends exports.Rect {
 };
 __decorate([
     core.dataProcessor(ImageData)
-], exports.Image.prototype, "__", undefined);
+], exports.Image.prototype, "__", void 0);
 __decorate([
     core.boundsType('')
-], exports.Image.prototype, "url", undefined);
+], exports.Image.prototype, "url", void 0);
 exports.Image = __decorate([
     core.registerUI()
 ], exports.Image);
@@ -1701,25 +1705,25 @@ exports.Canvas = class Canvas extends exports.Rect {
 };
 __decorate([
     core.dataProcessor(CanvasData)
-], exports.Canvas.prototype, "__", undefined);
+], exports.Canvas.prototype, "__", void 0);
 __decorate([
     resizeType(100)
-], exports.Canvas.prototype, "width", undefined);
+], exports.Canvas.prototype, "width", void 0);
 __decorate([
     resizeType(100)
-], exports.Canvas.prototype, "height", undefined);
+], exports.Canvas.prototype, "height", void 0);
 __decorate([
     resizeType(1)
-], exports.Canvas.prototype, "pixelRatio", undefined);
+], exports.Canvas.prototype, "pixelRatio", void 0);
 __decorate([
     resizeType(true)
-], exports.Canvas.prototype, "smooth", undefined);
+], exports.Canvas.prototype, "smooth", void 0);
 __decorate([
     core.dataType(false)
-], exports.Canvas.prototype, "safeResize", undefined);
+], exports.Canvas.prototype, "safeResize", void 0);
 __decorate([
     resizeType()
-], exports.Canvas.prototype, "contextSettings", undefined);
+], exports.Canvas.prototype, "contextSettings", void 0);
 exports.Canvas = __decorate([
     core.registerUI()
 ], exports.Canvas);
@@ -1810,76 +1814,76 @@ exports.Text = class Text extends exports.UI {
 };
 __decorate([
     core.dataProcessor(TextData)
-], exports.Text.prototype, "__", undefined);
+], exports.Text.prototype, "__", void 0);
 __decorate([
     core.boundsType(0)
-], exports.Text.prototype, "width", undefined);
+], exports.Text.prototype, "width", void 0);
 __decorate([
     core.boundsType(0)
-], exports.Text.prototype, "height", undefined);
+], exports.Text.prototype, "height", void 0);
 __decorate([
     core.dataType(false)
-], exports.Text.prototype, "resizeFontSize", undefined);
+], exports.Text.prototype, "resizeFontSize", void 0);
 __decorate([
     core.surfaceType('#000000')
-], exports.Text.prototype, "fill", undefined);
+], exports.Text.prototype, "fill", void 0);
 __decorate([
     core.affectStrokeBoundsType('outside')
-], exports.Text.prototype, "strokeAlign", undefined);
+], exports.Text.prototype, "strokeAlign", void 0);
 __decorate([
     core.hitType('all')
-], exports.Text.prototype, "hitFill", undefined);
+], exports.Text.prototype, "hitFill", void 0);
 __decorate([
     core.boundsType('')
-], exports.Text.prototype, "text", undefined);
+], exports.Text.prototype, "text", void 0);
 __decorate([
     core.boundsType('caption')
-], exports.Text.prototype, "fontFamily", undefined);
+], exports.Text.prototype, "fontFamily", void 0);
 __decorate([
     core.boundsType(12)
-], exports.Text.prototype, "fontSize", undefined);
+], exports.Text.prototype, "fontSize", void 0);
 __decorate([
     core.boundsType('normal')
-], exports.Text.prototype, "fontWeight", undefined);
+], exports.Text.prototype, "fontWeight", void 0);
 __decorate([
     core.boundsType(false)
-], exports.Text.prototype, "italic", undefined);
+], exports.Text.prototype, "italic", void 0);
 __decorate([
     core.boundsType('none')
-], exports.Text.prototype, "textCase", undefined);
+], exports.Text.prototype, "textCase", void 0);
 __decorate([
     core.boundsType('none')
-], exports.Text.prototype, "textDecoration", undefined);
+], exports.Text.prototype, "textDecoration", void 0);
 __decorate([
     core.boundsType(0)
-], exports.Text.prototype, "letterSpacing", undefined);
+], exports.Text.prototype, "letterSpacing", void 0);
 __decorate([
     core.boundsType({ type: 'percent', value: 1.5 })
-], exports.Text.prototype, "lineHeight", undefined);
+], exports.Text.prototype, "lineHeight", void 0);
 __decorate([
     core.boundsType(0)
-], exports.Text.prototype, "paraIndent", undefined);
+], exports.Text.prototype, "paraIndent", void 0);
 __decorate([
     core.boundsType(0)
-], exports.Text.prototype, "paraSpacing", undefined);
+], exports.Text.prototype, "paraSpacing", void 0);
 __decorate([
     core.boundsType('x')
-], exports.Text.prototype, "writingMode", undefined);
+], exports.Text.prototype, "writingMode", void 0);
 __decorate([
     core.boundsType('left')
-], exports.Text.prototype, "textAlign", undefined);
+], exports.Text.prototype, "textAlign", void 0);
 __decorate([
     core.boundsType('top')
-], exports.Text.prototype, "verticalAlign", undefined);
+], exports.Text.prototype, "verticalAlign", void 0);
 __decorate([
     core.boundsType(true)
-], exports.Text.prototype, "autoSizeAlign", undefined);
+], exports.Text.prototype, "autoSizeAlign", void 0);
 __decorate([
     core.boundsType('normal')
-], exports.Text.prototype, "textWrap", undefined);
+], exports.Text.prototype, "textWrap", void 0);
 __decorate([
     core.boundsType('show')
-], exports.Text.prototype, "textOverflow", undefined);
+], exports.Text.prototype, "textOverflow", void 0);
 exports.Text = __decorate([
     core.registerUI()
 ], exports.Text);
@@ -1892,10 +1896,10 @@ exports.Path = class Path extends exports.UI {
 };
 __decorate([
     core.dataProcessor(PathData)
-], exports.Path.prototype, "__", undefined);
+], exports.Path.prototype, "__", void 0);
 __decorate([
     core.affectStrokeBoundsType('center')
-], exports.Path.prototype, "strokeAlign", undefined);
+], exports.Path.prototype, "strokeAlign", void 0);
 exports.Path = __decorate([
     core.registerUI()
 ], exports.Path);
@@ -1934,10 +1938,10 @@ exports.Pen = class Pen extends exports.Group {
 };
 __decorate([
     core.dataProcessor(PenData)
-], exports.Pen.prototype, "__", undefined);
+], exports.Pen.prototype, "__", void 0);
 __decorate([
     penPathType()
-], exports.Pen.prototype, "path", undefined);
+], exports.Pen.prototype, "path", void 0);
 exports.Pen = __decorate([
     core.useModule(core.PathCreator, ['set', 'path', 'paint']),
     core.registerUI()
@@ -1956,6 +1960,7 @@ exports.ColorConvert = ColorConvert;
 exports.Effect = Effect;
 exports.EllipseData = EllipseData;
 exports.Export = Export;
+exports.Filter = Filter;
 exports.FrameData = FrameData;
 exports.GroupData = GroupData;
 exports.ImageData = ImageData;