@leafer-ui/draw 1.7.0 → 1.8.0

package/lib/draw.cjs

@@ -64,6 +64,11 @@ function zoomLayerType() {
         });
     };
 }
+function createAttr(defaultValue) {
+    return (target, key) => {
+        core.defineKey(target, key, core.createDescriptor(key, defaultValue));
+    };
+}
 
 function hasTransparent$1(color) {
     if (!color || color.length === 7 || color.length === 4)
@@ -121,22 +126,9 @@ const emptyPaint = {};
 const debug$1 = core.Debug.get('UIData');
 class UIData extends core.LeafData {
     get scale() { const { scaleX, scaleY } = this; return scaleX !== scaleY ? { x: scaleX, y: scaleY } : scaleX; }
-    get __strokeWidth() {
-        const { strokeWidth, strokeWidthFixed } = this;
-        if (strokeWidthFixed) {
-            const ui = this.__leaf;
-            let { scaleX } = ui.__nowWorld || ui.__world;
-            if (scaleX < 0)
-                scaleX = -scaleX;
-            return scaleX > 1 ? strokeWidth / scaleX : strokeWidth;
-        }
-        else
-            return strokeWidth;
-    }
-    get __hasMultiPaint() {
-        const t = this;
-        return (t.fill && this.__useStroke) || (t.__isFills && t.fill.length > 1) || (t.__isStrokes && t.stroke.length > 1) || t.__useEffect;
-    }
+    get __strokeWidth() { return this.__getRealStrokeWidth(); }
+    get __maxStrokeWidth() { const t = this; return t.__hasMultiStrokeStyle ? Math.max(t.__hasMultiStrokeStyle, t.strokeWidth) : t.strokeWidth; }
+    get __hasMultiPaint() { const t = this; return (t.fill && this.__useStroke) || (t.__isFills && t.fill.length > 1) || (t.__isStrokes && t.stroke.length > 1) || t.__useEffect; }
     get __clipAfterFill() { const t = this; return (t.cornerRadius || t.innerShadow || t.__pathInputed); }
     get __hasSurface() { const t = this; return (t.fill || t.stroke); }
     get __autoWidth() { return !this._width; }
@@ -218,6 +210,21 @@ class UIData extends core.LeafData {
             Paint.compute('stroke', this.__leaf);
         this.__needComputePaint = undefined;
     }
+    __getRealStrokeWidth(childStyle) {
+        let { strokeWidth, strokeWidthFixed } = this;
+        if (childStyle) {
+            if (childStyle.strokeWidth)
+                strokeWidth = childStyle.strokeWidth;
+            if (childStyle.strokeWidthFixed !== undefined)
+                strokeWidthFixed = childStyle.strokeWidthFixed;
+        }
+        if (strokeWidthFixed) {
+            const scale = this.__leaf.getClampRenderScale();
+            return scale > 1 ? strokeWidth / scale : strokeWidth;
+        }
+        else
+            return strokeWidth;
+    }
     __setPaint(attrName, value) {
         this.__setInput(attrName, value);
         const layout = this.__leaf.__layout;
@@ -242,6 +249,7 @@ class UIData extends core.LeafData {
         }
         else {
             stintSet$1(this, '__isAlphaPixelStroke', undefined);
+            stintSet$1(this, '__hasMultiStrokeStyle', undefined);
             this._stroke = this.__isStrokes = undefined;
         }
     }
@@ -263,8 +271,8 @@ class GroupData extends UIData {
 
 class BoxData extends GroupData {
     get __boxStroke() { return !this.__pathInputed; }
-    get __drawAfterFill() { const t = this; return (t.overflow === 'hide' && (t.__clipAfterFill || t.innerShadow) && t.__leaf.children.length); }
-    get __clipAfterFill() { return this.__leaf.isOverflow || super.__clipAfterFill; }
+    get __drawAfterFill() { const t = this; return t.__single || t.__clipAfterFill; }
+    get __clipAfterFill() { const t = this; return t.overflow === 'hide' && t.__leaf.children.length && (t.__leaf.isOverflow || super.__clipAfterFill); }
 }
 
 class LeaferData extends GroupData {
@@ -384,7 +392,7 @@ class CanvasData extends RectData {
 const UIBounds = {
     __updateStrokeSpread() {
         let width = 0, boxWidth = 0;
-        const data = this.__, { strokeAlign, strokeWidth } = data, box = this.__box;
+        const data = this.__, { strokeAlign, __maxStrokeWidth: strokeWidth } = data, box = this.__box;
         if ((data.stroke || data.hitStroke === 'all') && strokeWidth && strokeAlign !== 'inside') {
             boxWidth = width = strokeAlign === 'center' ? strokeWidth / 2 : strokeWidth;
             if (!data.__boxStroke) {
@@ -404,13 +412,15 @@ const UIBounds = {
     },
     __updateRenderSpread() {
         let width = 0;
-        const { shadow, innerShadow, blur, backgroundBlur, filter } = this.__;
+        const { shadow, innerShadow, blur, backgroundBlur, filter, renderSpread } = 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);
+        if (renderSpread)
+            width += renderSpread;
         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));
@@ -433,7 +443,7 @@ const UIRender = {
         }
         if (data.__useEffect) {
             const { shadow, fill, stroke } = data, otherEffect = data.innerShadow || data.blur || data.backgroundBlur || data.filter;
-            stintSet(data, '__isFastShadow', shadow && !otherEffect && shadow.length < 2 && !shadow[0].spread && !(shadow[0].box && data.__isTransparentFill) && fill && !(fill instanceof Array && fill.length > 1) && (this.useFastShadow || !stroke || (stroke && data.strokeAlign === 'inside')));
+            stintSet(data, '__isFastShadow', shadow && !otherEffect && shadow.length < 2 && !shadow[0].spread && fill && !data.__isTransparentFill && !(fill instanceof Array && fill.length > 1) && (this.useFastShadow || !stroke || (stroke && data.strokeAlign === 'inside')));
             data.__useEffect = !!(shadow || otherEffect);
         }
         data.__checkSingle();
@@ -540,17 +550,17 @@ const RectRender = {
         if (__drawAfterFill)
             this.__drawAfterFill(canvas, options);
         if (stroke) {
-            const { strokeAlign, __strokeWidth } = this.__;
-            if (!__strokeWidth)
+            const { strokeAlign, __strokeWidth: strokeWidth } = this.__;
+            if (!strokeWidth)
                 return;
-            canvas.setStroke(stroke, __strokeWidth, this.__);
-            const half = __strokeWidth / 2;
+            canvas.setStroke(stroke, strokeWidth, this.__);
+            const half = strokeWidth / 2;
             switch (strokeAlign) {
                 case 'center':
                     canvas.strokeRect(0, 0, width, height);
                     break;
                 case 'inside':
-                    width -= __strokeWidth, height -= __strokeWidth;
+                    width -= strokeWidth, height -= strokeWidth;
                     if (width < 0 || height < 0) {
                         canvas.save();
                         this.__clip(canvas, options);
@@ -561,7 +571,7 @@ const RectRender = {
                         canvas.strokeRect(x + half, y + half, width, height);
                     break;
                 case 'outside':
-                    canvas.strokeRect(x - half, y - half, width + __strokeWidth, height + __strokeWidth);
+                    canvas.strokeRect(x - half, y - half, width + strokeWidth, height + strokeWidth);
                     break;
             }
         }
@@ -574,6 +584,8 @@ exports.UI = UI_1 = class UI extends core.Leaf {
     get isFrame() { return false; }
     set scale(value) { core.MathHelper.assignScale(this, value); }
     get scale() { return this.__.scale; }
+    get isAutoWidth() { const t = this.__; return t.__autoWidth || t.autoWidth; }
+    get isAutoHeight() { const t = this.__; return t.__autoHeight || t.autoHeight; }
     get pen() {
         const { path } = this.__;
         core.pen.set(this.path = path || []);
@@ -788,6 +800,9 @@ __decorate([
 __decorate([
     core.naturalBoundsType(1)
 ], exports.UI.prototype, "pixelRatio", void 0);
+__decorate([
+    core.affectRenderBoundsType(0)
+], exports.UI.prototype, "renderSpread", void 0);
 __decorate([
     core.pathInputType()
 ], exports.UI.prototype, "path", void 0);
@@ -944,7 +959,8 @@ exports.Group = class Group extends exports.UI {
     }
     toJSON(options) {
         const data = super.toJSON(options);
-        data.children = this.children.map(child => child.toJSON(options));
+        if (!this.childlessJSON)
+            data.children = this.children.map(child => child.toJSON(options));
         return data;
     }
     pick(_hitPoint, _options) { return undefined; }
@@ -1391,8 +1407,8 @@ exports.Box = class Box extends exports.Group {
     __updateRenderSpread() { return this.__updateRectRenderSpread() || -1; }
     __updateRectBoxBounds() { }
     __updateBoxBounds(_secondLayout) {
-        const data = this.__;
         if (this.children.length && !this.pathInputed) {
+            const data = this.__;
             if (data.__autoSide) {
                 if (data.__hasSurface)
                     this.__extraUpdate();
@@ -1419,20 +1435,26 @@ exports.Box = class Box extends exports.Group {
     __updateStrokeBounds() { }
     __updateRenderBounds() {
         let isOverflow;
-        const { renderBounds } = this.__layout;
         if (this.children.length) {
+            const data = this.__, { renderBounds, boxBounds } = this.__layout;
             super.__updateRenderBounds();
             copy(childrenRenderBounds, renderBounds);
             this.__updateRectRenderBounds();
-            isOverflow = !includes$1(renderBounds, childrenRenderBounds);
-            if (isOverflow && this.__.overflow !== 'hide')
+            if (data.scrollY || data.scrollX) {
+                childrenRenderBounds.x += data.scrollX;
+                childrenRenderBounds.y += data.scrollY;
+            }
+            isOverflow = !includes$1(boxBounds, childrenRenderBounds);
+            if (isOverflow && data.overflow !== 'hide')
                 add(renderBounds, childrenRenderBounds);
         }
         else
             this.__updateRectRenderBounds();
         core.DataHelper.stintSet(this, 'isOverflow', isOverflow);
+        this.__updateScrollBar();
     }
     __updateRectRenderBounds() { }
+    __updateScrollBar() { }
     __updateRectChange() { }
     __updateChange() {
         super.__updateChange();
@@ -1449,10 +1471,12 @@ exports.Box = class Box extends exports.Group {
             if (this.children.length)
                 this.__renderGroup(canvas, options);
         }
+        if (this.scrollBar)
+            this.scrollBar.__render(canvas, options);
     }
     __drawContent(canvas, options) {
         this.__renderGroup(canvas, options);
-        if (this.__.__useStroke) {
+        if (this.__.__useStroke || this.__.__useEffect) {
             canvas.setWorld(this.__nowWorld);
             this.__drawRenderPath(canvas);
         }
@@ -2104,6 +2128,7 @@ exports.UIBounds = UIBounds;
 exports.UIData = UIData;
 exports.UIRender = UIRender;
 exports.UnitConvert = UnitConvert;
+exports.createAttr = createAttr;
 exports.effectType = effectType;
 exports.resizeType = resizeType;
 exports.zoomLayerType = zoomLayerType;

package/lib/draw.esm.js

@@ -1,4 +1,4 @@
-import { defineKey, decorateLeafAttr, attr, Plugin, PathConvert, DataHelper, Debug, LeafData, canvasSizeAttrs, UICreator, 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, registerUI, Branch, LeafList, Resource, getBoundsData, Creator, CanvasManager, WaitHelper, LeaferEvent, Bounds, ResizeEvent, AutoBounds, Run, LayoutEvent, RenderEvent, WatchEvent, ImageManager, BoundsHelper, affectRenderBoundsType, PathCommandDataHelper, Platform, PointHelper, PathBounds, affectStrokeBoundsType, getPointData, LeaferImage, ImageEvent, Matrix, PathCreator } from '@leafer/core';
+import { defineKey, decorateLeafAttr, attr, createDescriptor, Plugin, PathConvert, DataHelper, Debug, LeafData, canvasSizeAttrs, UICreator, dataProcessor, dataType, surfaceType, opacityType, visibleType, sortType, maskType, eraserType, positionType, boundsType, scaleType, rotationType, autoLayoutType, naturalBoundsType, affectRenderBoundsType, pathInputType, pathType, hitType, strokeType, cursorType, rewrite, Leaf, useModule, rewriteAble, MathHelper, pen, PathCorner, PathDrawer, registerUI, Branch, LeafList, Resource, getBoundsData, Creator, CanvasManager, WaitHelper, LeaferEvent, Bounds, ResizeEvent, AutoBounds, Run, LayoutEvent, RenderEvent, WatchEvent, ImageManager, BoundsHelper, PathCommandDataHelper, Platform, PointHelper, PathBounds, affectStrokeBoundsType, getPointData, LeaferImage, ImageEvent, Matrix, PathCreator } from '@leafer/core';
 export * from '@leafer/core';
 
 /******************************************************************************
@@ -63,6 +63,11 @@ function zoomLayerType() {
         });
     };
 }
+function createAttr(defaultValue) {
+    return (target, key) => {
+        defineKey(target, key, createDescriptor(key, defaultValue));
+    };
+}
 
 function hasTransparent$1(color) {
     if (!color || color.length === 7 || color.length === 4)
@@ -120,22 +125,9 @@ const emptyPaint = {};
 const debug$1 = Debug.get('UIData');
 class UIData extends LeafData {
     get scale() { const { scaleX, scaleY } = this; return scaleX !== scaleY ? { x: scaleX, y: scaleY } : scaleX; }
-    get __strokeWidth() {
-        const { strokeWidth, strokeWidthFixed } = this;
-        if (strokeWidthFixed) {
-            const ui = this.__leaf;
-            let { scaleX } = ui.__nowWorld || ui.__world;
-            if (scaleX < 0)
-                scaleX = -scaleX;
-            return scaleX > 1 ? strokeWidth / scaleX : strokeWidth;
-        }
-        else
-            return strokeWidth;
-    }
-    get __hasMultiPaint() {
-        const t = this;
-        return (t.fill && this.__useStroke) || (t.__isFills && t.fill.length > 1) || (t.__isStrokes && t.stroke.length > 1) || t.__useEffect;
-    }
+    get __strokeWidth() { return this.__getRealStrokeWidth(); }
+    get __maxStrokeWidth() { const t = this; return t.__hasMultiStrokeStyle ? Math.max(t.__hasMultiStrokeStyle, t.strokeWidth) : t.strokeWidth; }
+    get __hasMultiPaint() { const t = this; return (t.fill && this.__useStroke) || (t.__isFills && t.fill.length > 1) || (t.__isStrokes && t.stroke.length > 1) || t.__useEffect; }
     get __clipAfterFill() { const t = this; return (t.cornerRadius || t.innerShadow || t.__pathInputed); }
     get __hasSurface() { const t = this; return (t.fill || t.stroke); }
     get __autoWidth() { return !this._width; }
@@ -217,6 +209,21 @@ class UIData extends LeafData {
             Paint.compute('stroke', this.__leaf);
         this.__needComputePaint = undefined;
     }
+    __getRealStrokeWidth(childStyle) {
+        let { strokeWidth, strokeWidthFixed } = this;
+        if (childStyle) {
+            if (childStyle.strokeWidth)
+                strokeWidth = childStyle.strokeWidth;
+            if (childStyle.strokeWidthFixed !== undefined)
+                strokeWidthFixed = childStyle.strokeWidthFixed;
+        }
+        if (strokeWidthFixed) {
+            const scale = this.__leaf.getClampRenderScale();
+            return scale > 1 ? strokeWidth / scale : strokeWidth;
+        }
+        else
+            return strokeWidth;
+    }
     __setPaint(attrName, value) {
         this.__setInput(attrName, value);
         const layout = this.__leaf.__layout;
@@ -241,6 +248,7 @@ class UIData extends LeafData {
         }
         else {
             stintSet$1(this, '__isAlphaPixelStroke', undefined);
+            stintSet$1(this, '__hasMultiStrokeStyle', undefined);
             this._stroke = this.__isStrokes = undefined;
         }
     }
@@ -262,8 +270,8 @@ class GroupData extends UIData {
 
 class BoxData extends GroupData {
     get __boxStroke() { return !this.__pathInputed; }
-    get __drawAfterFill() { const t = this; return (t.overflow === 'hide' && (t.__clipAfterFill || t.innerShadow) && t.__leaf.children.length); }
-    get __clipAfterFill() { return this.__leaf.isOverflow || super.__clipAfterFill; }
+    get __drawAfterFill() { const t = this; return t.__single || t.__clipAfterFill; }
+    get __clipAfterFill() { const t = this; return t.overflow === 'hide' && t.__leaf.children.length && (t.__leaf.isOverflow || super.__clipAfterFill); }
 }
 
 class LeaferData extends GroupData {
@@ -383,7 +391,7 @@ class CanvasData extends RectData {
 const UIBounds = {
     __updateStrokeSpread() {
         let width = 0, boxWidth = 0;
-        const data = this.__, { strokeAlign, strokeWidth } = data, box = this.__box;
+        const data = this.__, { strokeAlign, __maxStrokeWidth: strokeWidth } = data, box = this.__box;
         if ((data.stroke || data.hitStroke === 'all') && strokeWidth && strokeAlign !== 'inside') {
             boxWidth = width = strokeAlign === 'center' ? strokeWidth / 2 : strokeWidth;
             if (!data.__boxStroke) {
@@ -403,13 +411,15 @@ const UIBounds = {
     },
     __updateRenderSpread() {
         let width = 0;
-        const { shadow, innerShadow, blur, backgroundBlur, filter } = this.__;
+        const { shadow, innerShadow, blur, backgroundBlur, filter, renderSpread } = 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);
+        if (renderSpread)
+            width += renderSpread;
         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));
@@ -432,7 +442,7 @@ const UIRender = {
         }
         if (data.__useEffect) {
             const { shadow, fill, stroke } = data, otherEffect = data.innerShadow || data.blur || data.backgroundBlur || data.filter;
-            stintSet(data, '__isFastShadow', shadow && !otherEffect && shadow.length < 2 && !shadow[0].spread && !(shadow[0].box && data.__isTransparentFill) && fill && !(fill instanceof Array && fill.length > 1) && (this.useFastShadow || !stroke || (stroke && data.strokeAlign === 'inside')));
+            stintSet(data, '__isFastShadow', shadow && !otherEffect && shadow.length < 2 && !shadow[0].spread && fill && !data.__isTransparentFill && !(fill instanceof Array && fill.length > 1) && (this.useFastShadow || !stroke || (stroke && data.strokeAlign === 'inside')));
             data.__useEffect = !!(shadow || otherEffect);
         }
         data.__checkSingle();
@@ -539,17 +549,17 @@ const RectRender = {
         if (__drawAfterFill)
             this.__drawAfterFill(canvas, options);
         if (stroke) {
-            const { strokeAlign, __strokeWidth } = this.__;
-            if (!__strokeWidth)
+            const { strokeAlign, __strokeWidth: strokeWidth } = this.__;
+            if (!strokeWidth)
                 return;
-            canvas.setStroke(stroke, __strokeWidth, this.__);
-            const half = __strokeWidth / 2;
+            canvas.setStroke(stroke, strokeWidth, this.__);
+            const half = strokeWidth / 2;
             switch (strokeAlign) {
                 case 'center':
                     canvas.strokeRect(0, 0, width, height);
                     break;
                 case 'inside':
-                    width -= __strokeWidth, height -= __strokeWidth;
+                    width -= strokeWidth, height -= strokeWidth;
                     if (width < 0 || height < 0) {
                         canvas.save();
                         this.__clip(canvas, options);
@@ -560,7 +570,7 @@ const RectRender = {
                         canvas.strokeRect(x + half, y + half, width, height);
                     break;
                 case 'outside':
-                    canvas.strokeRect(x - half, y - half, width + __strokeWidth, height + __strokeWidth);
+                    canvas.strokeRect(x - half, y - half, width + strokeWidth, height + strokeWidth);
                     break;
             }
         }
@@ -573,6 +583,8 @@ let UI = UI_1 = class UI extends Leaf {
     get isFrame() { return false; }
     set scale(value) { MathHelper.assignScale(this, value); }
     get scale() { return this.__.scale; }
+    get isAutoWidth() { const t = this.__; return t.__autoWidth || t.autoWidth; }
+    get isAutoHeight() { const t = this.__; return t.__autoHeight || t.autoHeight; }
     get pen() {
         const { path } = this.__;
         pen.set(this.path = path || []);
@@ -787,6 +799,9 @@ __decorate([
 __decorate([
     naturalBoundsType(1)
 ], UI.prototype, "pixelRatio", void 0);
+__decorate([
+    affectRenderBoundsType(0)
+], UI.prototype, "renderSpread", void 0);
 __decorate([
     pathInputType()
 ], UI.prototype, "path", void 0);
@@ -943,7 +958,8 @@ let Group = class Group extends UI {
     }
     toJSON(options) {
         const data = super.toJSON(options);
-        data.children = this.children.map(child => child.toJSON(options));
+        if (!this.childlessJSON)
+            data.children = this.children.map(child => child.toJSON(options));
         return data;
     }
     pick(_hitPoint, _options) { return undefined; }
@@ -1390,8 +1406,8 @@ let Box = class Box extends Group {
     __updateRenderSpread() { return this.__updateRectRenderSpread() || -1; }
     __updateRectBoxBounds() { }
     __updateBoxBounds(_secondLayout) {
-        const data = this.__;
         if (this.children.length && !this.pathInputed) {
+            const data = this.__;
             if (data.__autoSide) {
                 if (data.__hasSurface)
                     this.__extraUpdate();
@@ -1418,20 +1434,26 @@ let Box = class Box extends Group {
     __updateStrokeBounds() { }
     __updateRenderBounds() {
         let isOverflow;
-        const { renderBounds } = this.__layout;
         if (this.children.length) {
+            const data = this.__, { renderBounds, boxBounds } = this.__layout;
             super.__updateRenderBounds();
             copy(childrenRenderBounds, renderBounds);
             this.__updateRectRenderBounds();
-            isOverflow = !includes$1(renderBounds, childrenRenderBounds);
-            if (isOverflow && this.__.overflow !== 'hide')
+            if (data.scrollY || data.scrollX) {
+                childrenRenderBounds.x += data.scrollX;
+                childrenRenderBounds.y += data.scrollY;
+            }
+            isOverflow = !includes$1(boxBounds, childrenRenderBounds);
+            if (isOverflow && data.overflow !== 'hide')
                 add(renderBounds, childrenRenderBounds);
         }
         else
             this.__updateRectRenderBounds();
         DataHelper.stintSet(this, 'isOverflow', isOverflow);
+        this.__updateScrollBar();
     }
     __updateRectRenderBounds() { }
+    __updateScrollBar() { }
     __updateRectChange() { }
     __updateChange() {
         super.__updateChange();
@@ -1448,10 +1470,12 @@ let Box = class Box extends Group {
             if (this.children.length)
                 this.__renderGroup(canvas, options);
         }
+        if (this.scrollBar)
+            this.scrollBar.__render(canvas, options);
     }
     __drawContent(canvas, options) {
         this.__renderGroup(canvas, options);
-        if (this.__.__useStroke) {
+        if (this.__.__useStroke || this.__.__useEffect) {
             canvas.setWorld(this.__nowWorld);
             this.__drawRenderPath(canvas);
         }
@@ -2072,4 +2096,4 @@ function penPathType() {
     };
 }
 
-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 };
+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, createAttr, effectType, resizeType, zoomLayerType };