@leafer/worker 2.0.3 → 2.0.4

package/dist/worker.module.js

@@ -2794,10 +2794,10 @@ const BezierHelper = {
         const centerY = y1 + c * sin$4(startRadian + totalRadian / 2 + PI_2 * sign);
         startRadian -= PI_2 * sign;
         endRadian -= PI_2 * sign;
-        return ellipse$6(data, centerX, centerY, radius, radius, 0, startRadian / OneRadian, endRadian / OneRadian, anticlockwise, setPointBounds, setEndPoint, setStartPoint);
+        return ellipse$8(data, centerX, centerY, radius, radius, 0, startRadian / OneRadian, endRadian / OneRadian, anticlockwise, setPointBounds, setEndPoint, setStartPoint);
     },
     arc(data, x, y, radius, startAngle, endAngle, anticlockwise, setPointBounds, setEndPoint, setStartPoint) {
-        return ellipse$6(data, x, y, radius, radius, 0, startAngle, endAngle, anticlockwise, setPointBounds, setEndPoint, setStartPoint);
+        return ellipse$8(data, x, y, radius, radius, 0, startAngle, endAngle, anticlockwise, setPointBounds, setEndPoint, setStartPoint);
     },
     ellipse(data, cx, cy, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise, setPointBounds, setEndPoint, setStartPoint) {
         const rotationRadian = rotation * OneRadian;
@@ -2899,11 +2899,11 @@ const BezierHelper = {
     }
 };
 
-const {getPointAndSet: getPointAndSet, toTwoPointBounds: toTwoPointBounds$1, ellipse: ellipse$6} = BezierHelper;
+const {getPointAndSet: getPointAndSet, toTwoPointBounds: toTwoPointBounds$1, ellipse: ellipse$8} = BezierHelper;
 
 const {sin: sin$3, cos: cos$3, sqrt: sqrt$2, atan2: atan2} = Math;
 
-const {ellipse: ellipse$5} = BezierHelper;
+const {ellipse: ellipse$7} = BezierHelper;
 
 const EllipseHelper = {
     ellipticalArc(data, fromX, fromY, radiusX, radiusY, rotation, largeFlag, sweepFlag, toX, toY, curveMode) {
@@ -2941,7 +2941,7 @@ const EllipseHelper = {
         const centerY = fromY + halfY + rotationSin * cx + rotationCos * cy;
         const anticlockwise = totalRadian < 0 ? 1 : 0;
         if (curveMode || Platform.ellipseToCurve) {
-            ellipse$5(data, centerX, centerY, radiusX, radiusY, rotation, startRadian / OneRadian, endRadian / OneRadian, anticlockwise);
+            ellipse$7(data, centerX, centerY, radiusX, radiusY, rotation, startRadian / OneRadian, endRadian / OneRadian, anticlockwise);
         } else {
             if (radiusX === radiusY && !rotation) {
                 data.push(PathCommandMap.O, centerX, centerY, radiusX, startRadian / OneRadian, endRadian / OneRadian, anticlockwise);
@@ -2963,7 +2963,7 @@ const PathCommandNodeHelper = {
 
 const {M: M$9, m: m, L: L$9, l: l, H: H, h: h, V: V, v: v, C: C$7, c: c, S: S$1, s: s, Q: Q$6, q: q, T: T, t: t, A: A, a: a, Z: Z$7, z: z, N: N$5, D: D$6, X: X$5, G: G$5, F: F$6, O: O$6, P: P$5, U: U$5} = PathCommandMap;
 
-const {rect: rect$3, roundRect: roundRect$2, arcTo: arcTo$3, arc: arc$3, ellipse: ellipse$4, quadraticCurveTo: quadraticCurveTo$1} = BezierHelper;
+const {rect: rect$3, roundRect: roundRect$2, arcTo: arcTo$3, arc: arc$3, ellipse: ellipse$6, quadraticCurveTo: quadraticCurveTo$1} = BezierHelper;
 
 const {ellipticalArc: ellipticalArc} = EllipseHelper;
 
@@ -3196,14 +3196,14 @@ const PathConvert = {
                 break;
 
               case G$5:
-                ellipse$4(curveMode ? data : copyData(data, old, i, 9), old[i + 1], old[i + 2], old[i + 3], old[i + 4], old[i + 5], old[i + 6], old[i + 7], old[i + 8], null, setEndPoint$1);
+                ellipse$6(curveMode ? data : copyData(data, old, i, 9), old[i + 1], old[i + 2], old[i + 3], old[i + 4], old[i + 5], old[i + 6], old[i + 7], old[i + 8], null, setEndPoint$1);
                 x = setEndPoint$1.x;
                 y = setEndPoint$1.y;
                 i += 9;
                 break;
 
               case F$6:
-                curveMode ? ellipse$4(data, old[i + 1], old[i + 2], old[i + 3], old[i + 4], 0, 0, 360, false) : copyData(data, old, i, 5);
+                curveMode ? ellipse$6(data, old[i + 1], old[i + 2], old[i + 3], old[i + 4], 0, 0, 360, false) : copyData(data, old, i, 5);
                 x = old[i + 1] + old[i + 3];
                 y = old[i + 2];
                 i += 5;
@@ -3357,7 +3357,7 @@ const PathCommandDataHelper = {
     drawEllipse(data, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise) {
         BezierHelper.ellipse(null, x, y, radiusX, radiusY, isNull(rotation) ? 0 : rotation, isNull(startAngle) ? 0 : startAngle, isNull(endAngle) ? 360 : endAngle, anticlockwise, null, null, startPoint);
         data.push(M$8, startPoint.x, startPoint.y);
-        ellipse$3(data, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);
+        ellipse$5(data, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);
     },
     drawArc(data, x, y, radius, startAngle, endAngle, anticlockwise) {
         BezierHelper.arc(null, x, y, radius, isNull(startAngle) ? 0 : startAngle, isNull(endAngle) ? 360 : endAngle, anticlockwise, null, null, startPoint);
@@ -3369,9 +3369,9 @@ const PathCommandDataHelper = {
     }
 };
 
-const {ellipse: ellipse$3, arc: arc$2} = PathCommandDataHelper;
+const {ellipse: ellipse$5, arc: arc$2} = PathCommandDataHelper;
 
-const {moveTo: moveTo$4, lineTo: lineTo$3, quadraticCurveTo: quadraticCurveTo, bezierCurveTo: bezierCurveTo, closePath: closePath$3, beginPath: beginPath, rect: rect$2, roundRect: roundRect$1, ellipse: ellipse$2, arc: arc$1, arcTo: arcTo$2, drawEllipse: drawEllipse, drawArc: drawArc, drawPoints: drawPoints$2} = PathCommandDataHelper;
+const {moveTo: moveTo$4, lineTo: lineTo$3, quadraticCurveTo: quadraticCurveTo, bezierCurveTo: bezierCurveTo, closePath: closePath$3, beginPath: beginPath, rect: rect$2, roundRect: roundRect$1, ellipse: ellipse$4, arc: arc$1, arcTo: arcTo$2, drawEllipse: drawEllipse, drawArc: drawArc, drawPoints: drawPoints$2} = PathCommandDataHelper;
 
 class PathCreator {
     set path(value) {
@@ -3428,7 +3428,7 @@ class PathCreator {
         return this;
     }
     ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise) {
-        ellipse$2(this.__path, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);
+        ellipse$4(this.__path, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);
         this.paint();
         return this;
     }
@@ -3550,7 +3550,7 @@ const PathDrawer = {
 
 const {M: M$6, L: L$6, C: C$4, Q: Q$3, Z: Z$4, N: N$2, D: D$3, X: X$2, G: G$2, F: F$3, O: O$3, P: P$2, U: U$2} = PathCommandMap;
 
-const {toTwoPointBounds: toTwoPointBounds, toTwoPointBoundsByQuadraticCurve: toTwoPointBoundsByQuadraticCurve, arcTo: arcTo$1, arc: arc, ellipse: ellipse$1} = BezierHelper;
+const {toTwoPointBounds: toTwoPointBounds, toTwoPointBoundsByQuadraticCurve: toTwoPointBoundsByQuadraticCurve, arcTo: arcTo$1, arc: arc, ellipse: ellipse$3} = BezierHelper;
 
 const {addPointBounds: addPointBounds, copy: copy$9, addPoint: addPoint$1, setPoint: setPoint$3, addBounds: addBounds, toBounds: toBounds$2} = TwoPointBoundsHelper;
 
@@ -3633,7 +3633,7 @@ const PathBounds = {
                 break;
 
               case G$2:
-                ellipse$1(null, data[i + 1], data[i + 2], data[i + 3], data[i + 4], data[i + 5], data[i + 6], data[i + 7], data[i + 8], tempPointBounds, setEndPoint);
+                ellipse$3(null, data[i + 1], data[i + 2], data[i + 3], data[i + 4], data[i + 5], data[i + 6], data[i + 7], data[i + 8], tempPointBounds, setEndPoint);
                 i === 0 ? copy$9(setPointBounds, tempPointBounds) : addPointBounds(setPointBounds, tempPointBounds);
                 x = setEndPoint.x;
                 y = setEndPoint.y;
@@ -5620,7 +5620,7 @@ class BoundsEvent extends Event {
         }
     }
     static emitWorld(leaf) {
-        if (leaf.leaferIsReady) leaf.emit(WORLD, this);
+        if (leaf.leaferIsReady) leaf.emit(WORLD, leaf);
     }
 }
 
@@ -6581,14 +6581,16 @@ let Leaf = class Leaf {
             relative.innerToWorld(world, to, distance);
             world = to ? to : world;
         }
-        toInnerPoint(this.scrollWorldTransform, world, to, distance);
+        toInnerPoint(this.worldTransform, world, to, distance);
     }
     innerToWorld(inner, to, distance, relative) {
-        toOuterPoint(this.scrollWorldTransform, inner, to, distance);
+        toOuterPoint(this.worldTransform, inner, to, distance);
         if (relative) relative.worldToInner(to ? to : inner, null, distance);
     }
     getBoxPoint(world, relative, distance, change) {
-        return this.getBoxPointByInner(this.getInnerPoint(world, relative, distance, change), null, null, true);
+        const inner = this.getInnerPoint(world, relative, distance, change);
+        if (distance) return inner;
+        return this.getBoxPointByInner(inner, null, null, true);
     }
     getBoxPointByInner(inner, _relative, _distance, change) {
         const point = change ? inner : Object.assign({}, inner), {x: x, y: y} = this.boxBounds;
@@ -7051,7 +7053,7 @@ class LeafLevelList {
     }
 }
 
-const version = "2.0.3";
+const version = "2.0.4";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() {
@@ -8239,7 +8241,11 @@ class EllipseData extends UIData {
 
 class PolygonData extends LineData {}
 
-class StarData extends UIData {}
+class StarData extends UIData {
+    get __boxStroke() {
+        return !this.__pathInputed;
+    }
+}
 
 class PathData extends UIData {
     get __pathInputed() {
@@ -9251,6 +9257,9 @@ let Box = class Box extends Group {
     get isBranchLeaf() {
         return true;
     }
+    get __useSelfBox() {
+        return this.pathInputed;
+    }
     constructor(data) {
         super(data);
         this.__layout.renderChanged || this.__layout.renderChange();
@@ -9266,7 +9275,7 @@ let Box = class Box extends Group {
     }
     __updateRectBoxBounds() {}
     __updateBoxBounds(_secondLayout) {
-        if (this.children.length && !this.pathInputed) {
+        if (this.children.length && !this.__useSelfBox) {
             const data = this.__;
             if (data.__autoSide) {
                 if (data.__hasSurface) this.__extraUpdate();
@@ -9375,7 +9384,7 @@ __decorate([ affectRenderBoundsType("hide") ], Frame.prototype, "overflow", void
 
 Frame = __decorate([ registerUI() ], Frame);
 
-const {moveTo: moveTo$3, closePath: closePath$2, ellipse: ellipse} = PathCommandDataHelper;
+const {moveTo: moveTo$3, closePath: closePath$2, ellipse: ellipse$2} = PathCommandDataHelper;
 
 let Ellipse = class Ellipse extends UI {
     get __tag() {
@@ -9388,21 +9397,21 @@ let Ellipse = class Ellipse extends UI {
         let open;
         if (innerRadius) {
             if (startAngle || endAngle) {
-                if (innerRadius < 1) ellipse(path, rx, ry, rx * innerRadius, ry * innerRadius, 0, startAngle, endAngle, false); else open = true;
-                ellipse(path, rx, ry, rx, ry, 0, endAngle, startAngle, true);
+                if (innerRadius < 1) ellipse$2(path, rx, ry, rx * innerRadius, ry * innerRadius, 0, startAngle, endAngle, false); else open = true;
+                ellipse$2(path, rx, ry, rx, ry, 0, endAngle, startAngle, true);
             } else {
                 if (innerRadius < 1) {
-                    ellipse(path, rx, ry, rx * innerRadius, ry * innerRadius);
+                    ellipse$2(path, rx, ry, rx * innerRadius, ry * innerRadius);
                     moveTo$3(path, width, ry);
                 }
-                ellipse(path, rx, ry, rx, ry, 0, 360, 0, true);
+                ellipse$2(path, rx, ry, rx, ry, 0, 360, 0, true);
             }
         } else {
             if (startAngle || endAngle) {
                 moveTo$3(path, rx, ry);
-                ellipse(path, rx, ry, rx, ry, 0, startAngle, endAngle, false);
+                ellipse$2(path, rx, ry, rx, ry, 0, startAngle, endAngle, false);
             } else {
-                ellipse(path, rx, ry, rx, ry);
+                ellipse$2(path, rx, ry, rx, ry);
             }
         }
         if (!open) closePath$2(path);
@@ -10998,6 +11007,14 @@ class InteractionBase {
     stopDragAnimate() {
         this.dragger.stopAnimate();
     }
+    replaceDownTarget(target) {
+        const {downData: downData} = this;
+        if (downData && target) {
+            const {path: path} = downData;
+            path.remove(path.list[0]);
+            path.addAt(target, 0);
+        }
+    }
     updateDownData(data, options, merge) {
         const {downData: downData} = this;
         if (!data && downData) data = downData;
@@ -12084,7 +12101,7 @@ function checkImage(paint, drawImage, ui, canvas, renderOptions) {
         if (drawImage) {
             if (data.repeat) {
                 drawImage = false;
-            } else if (!(originPaint.changeful || paint.film || Platform.name === "miniapp" && ResizeEvent.isResizing(ui) || exporting)) {
+            } else if (!(originPaint.changeful || paint.film || Platform.name === "miniapp" || exporting)) {
                 drawImage = Platform.image.isLarge(image, scaleX, scaleY) || image.width * scaleX > 8096 || image.height * scaleY > 8096;
             }
         }
@@ -12637,7 +12654,7 @@ function createRows(drawData, content, style) {
         }, row = {
             words: []
         };
-        if (__letterSpacing) content = [ ...content ];
+        content = [ ...content ];
         for (let i = 0, len = content.length; i < len; i++) {
             char = content[i];
             if (char === "\n") {
@@ -13110,10 +13127,10 @@ function targetAttr(fn) {
                                 });
                                 if (isObject(check)) value = check; else if (check === false) return;
                             }
-                            const {dimOthers: dimOthers, bright: bright} = t.editBox.mergedConfig || t.config;
-                            if (!isUndefined(dimOthers) || !isUndefined(bright)) {
+                            if (t.hasDimOthers) {
                                 t.setDimOthers(false);
                                 t.setBright(false);
+                                t.hasDimOthers = undefined;
                             }
                             if (isArray(value) && value.length > 1 && value[0].locked) value.splice(0, 1);
                             if (t.single) {
@@ -14046,6 +14063,7 @@ class EditBox extends Group {
         if (!isUndefined(dimOthers) || !isUndefined(bright)) {
             editor.setDimOthers(dimOthers);
             editor.setBright(!!dimOthers || bright);
+            editor.hasDimOthers = true;
         }
         if (spread) BoundsHelper.spread(bounds, spread);
         if (this.view.worldOpacity) {
@@ -14152,8 +14170,9 @@ class EditBox extends Group {
     onDragStart(e) {
         this.dragging = true;
         const point = this.dragPoint = e.current, {pointType: pointType} = point;
-        const {moveable: moveable, resizeable: resizeable, rotateable: rotateable, skewable: skewable} = this.mergeConfig;
+        const {moveable: moveable, resizeable: resizeable, rotateable: rotateable, skewable: skewable, onCopy: onCopy} = this.mergeConfig;
         if (pointType === "move") {
+            if (e.altKey && onCopy && onCopy() && this.editor.single) this.app.interaction.replaceDownTarget(this.target);
             moveable && (this.moving = true);
         } else {
             if (pointType.includes("rotate") || this.isHoldRotateKey(e) || !resizeable) {
@@ -14272,26 +14291,31 @@ class EditBox extends Group {
         updatePointCursor(this, e);
     }
     onArrow(e) {
-        if (this.canUse && this.mergeConfig.keyEvent) {
+        if (this.canUse) {
             let x = 0, y = 0;
-            const distance = e.shiftKey ? 10 : 1;
             switch (e.code) {
               case "ArrowDown":
-                y = distance;
+                y = 1;
                 break;
 
               case "ArrowUp":
-                y = -distance;
+                y = -1;
                 break;
 
               case "ArrowLeft":
-                x = -distance;
+                x = -1;
                 break;
 
               case "ArrowRight":
-                x = distance;
+                x = 1;
+            }
+            if (x || y) {
+                const {keyEvent: keyEvent, arrowStep: arrowStep, arrowFastStep: arrowFastStep} = this.mergeConfig;
+                if (keyEvent) {
+                    const step = e.shiftKey ? arrowFastStep : arrowStep;
+                    this.transformTool.move(x * step, y * step);
+                }
             }
-            if (x || y) this.transformTool.move(x, y);
         }
     }
     onDoubleTap(e) {
@@ -14403,6 +14427,8 @@ const config$1 = {
     pointSize: 10,
     pointRadius: 16,
     rotateGap: 45,
+    arrowStep: 1,
+    arrowFastStep: 10,
     buttonsDirection: "bottom",
     buttonsMargin: 12,
     hideOnSmall: true,
@@ -20711,4 +20737,141 @@ Plugin.add("scale-fixed");
 
 UI.addAttr("scaleFixed", undefined, scaleFixedType);
 
-export { AlignHelper, Animate, AnimateEasing, AnimateEvent, AnimateList, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, Flow, FourNumberHelper, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, HighBezierHelper, HighCurveHelper, HitCanvasManager, Image, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferFilm, LeaferImage, LeaferTypeCreator, LeaferVideo, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, MyTouchEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, PathScaler, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, ScrollBar, Scroller, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, TouchEvent, TransformTool, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, UnitConvertHelper, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, effectType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite$1 as isFinite, isNull, isNumber, isObject, isString, isUndefined, layoutProcessor, leaferTransformAttrMap, maskType, motionPathType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints, scaleType, scrollType, sortType, stateStyleType, stateType, strokeType, surfaceType, tempBounds$3 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$4 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };
+class EllipseBoxData extends BoxData {}
+
+const ellipse$1 = Ellipse.prototype;
+
+let EllipseBox = class EllipseBox extends Box {
+    get __tag() {
+        return "EllipseBox";
+    }
+    __updatePath() {}
+};
+
+__decorate([ dataProcessor(EllipseBoxData) ], EllipseBox.prototype, "__", void 0);
+
+__decorate([ pathType(0) ], EllipseBox.prototype, "innerRadius", void 0);
+
+__decorate([ pathType(0) ], EllipseBox.prototype, "startAngle", void 0);
+
+__decorate([ pathType(0) ], EllipseBox.prototype, "endAngle", void 0);
+
+__decorate([ rewrite(ellipse$1.__updatePath) ], EllipseBox.prototype, "__updatePath", null);
+
+EllipseBox = __decorate([ rewriteAble(), registerUI() ], EllipseBox);
+
+class PolygonBoxData extends BoxData {
+    get __usePathBox() {
+        return this.points || this.__pathInputed;
+    }
+}
+
+const polygon = Polygon.prototype;
+
+let PolygonBox = class PolygonBox extends Box {
+    get __tag() {
+        return "PolygonBox";
+    }
+    __updatePath() {}
+};
+
+__decorate([ dataProcessor(PolygonBoxData) ], PolygonBox.prototype, "__", void 0);
+
+__decorate([ pathType(3) ], PolygonBox.prototype, "sides", void 0);
+
+__decorate([ pathType() ], PolygonBox.prototype, "points", void 0);
+
+__decorate([ pathType(0) ], PolygonBox.prototype, "curve", void 0);
+
+__decorate([ rewrite(polygon.__updatePath) ], PolygonBox.prototype, "__updatePath", null);
+
+PolygonBox = __decorate([ rewriteAble(), registerUI() ], PolygonBox);
+
+class StarBoxData extends BoxData {}
+
+const ellipse = Star.prototype;
+
+let StarBox = class StarBox extends Box {
+    get __tag() {
+        return "StarBox";
+    }
+    __updatePath() {}
+};
+
+__decorate([ pathType(5) ], StarBox.prototype, "corners", void 0);
+
+__decorate([ pathType(.382) ], StarBox.prototype, "innerRadius", void 0);
+
+__decorate([ dataProcessor(StarBoxData) ], StarBox.prototype, "__", void 0);
+
+__decorate([ rewrite(ellipse.__updatePath) ], StarBox.prototype, "__updatePath", null);
+
+StarBox = __decorate([ rewriteAble(), registerUI() ], StarBox);
+
+class PathBoxData extends BoxData {}
+
+let PathBox = class PathBox extends Box {
+    get __tag() {
+        return "PathBox";
+    }
+};
+
+__decorate([ dataProcessor(PathBoxData) ], PathBox.prototype, "__", void 0);
+
+__decorate([ affectStrokeBoundsType("center") ], PathBox.prototype, "strokeAlign", void 0);
+
+PathBox = __decorate([ registerUI() ], PathBox);
+
+class ImageBoxData extends BoxData {
+    get __urlType() {
+        return "image";
+    }
+    setUrl(value) {
+        this.__setImageFill(value);
+        this._url = value;
+    }
+    __setImageFill(value) {
+        this.fill = value ? {
+            type: this.__urlType,
+            mode: "stretch",
+            url: value
+        } : undefined;
+    }
+    __getData() {
+        const data = super.__getData();
+        if (data.url) delete data.fill;
+        return data;
+    }
+    __getInputData(names, options) {
+        const data = super.__getInputData(names, options);
+        if (data.url) delete data.fill;
+        return data;
+    }
+}
+
+let ImageBox = class ImageBox extends Box {
+    get __tag() {
+        return "ImageBox";
+    }
+    get ready() {
+        const {image: image} = this;
+        return image && image.ready;
+    }
+    get image() {
+        const {fill: fill} = this.__;
+        return isArray(fill) && fill[0].image;
+    }
+    get __useSelfBox() {
+        return true;
+    }
+};
+
+__decorate([ dataProcessor(ImageBoxData) ], ImageBox.prototype, "__", void 0);
+
+__decorate([ boundsType("") ], ImageBox.prototype, "url", void 0);
+
+ImageBox = __decorate([ registerUI() ], ImageBox);
+
+Plugin.add("box");
+
+export { AlignHelper, Animate, AnimateEasing, AnimateEvent, AnimateList, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsEvent, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragBoundsHelper, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseBox, EllipseBoxData, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Filter, Finder, Flow, FourNumberHelper, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, HighBezierHelper, HighCurveHelper, HitCanvasManager, Image, ImageBox, ImageBoxData, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferFilm, LeaferImage, LeaferTypeCreator, LeaferVideo, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, MyTouchEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathBox, PathBoxData, PathCommandDataHelper, PathCommandMap, PathCommandNodeHelper, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNodeHandleType, PathNumberCommandLengthMap, PathNumberCommandMap, PathScaler, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonBox, PolygonBoxData, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, Resource, Robot, RobotData, RotateEvent, Run, ScrollBar, Scroller, SelectArea, Selector, Star, StarBox, StarBoxData, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, TouchEvent, TransformTool, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, UnitConvertHelper, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, createAttr, createDescriptor, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, dimType, doBoundsType, doStrokeType, effectType, emptyData, eraserType, extraPropertyEventMap, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isArray, isData, isEmptyData, isFinite$1 as isFinite, isNull, isNumber, isObject, isString, isUndefined, layoutProcessor, leaferTransformAttrMap, maskType, motionPathType, naturalBoundsType, opacityType, path, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints, scaleType, scrollType, sortType, stateStyleType, stateType, strokeType, surfaceType, tempBounds$3 as tempBounds, tempMatrix$2 as tempMatrix, tempPoint$4 as tempPoint, tryToNumber, useCanvas, useModule, version, visibleType, zoomLayerType };