@leafer-in/editor 2.1.3 → 2.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-in/editor",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "@leafer-in/editor",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -34,10 +34,10 @@
     "leaferjs"
   ],
   "peerDependencies": {
-    "@leafer-ui/draw": "^2.1.3",
-    "@leafer-ui/core": "^2.1.3",
-    "@leafer-in/resize": "^2.1.3",
-    "@leafer-ui/interface": "^2.1.3",
-    "@leafer-in/interface": "^2.1.3"
+    "@leafer-ui/draw": "^2.1.5",
+    "@leafer-ui/core": "^2.1.5",
+    "@leafer-in/resize": "^2.1.5",
+    "@leafer-ui/interface": "^2.1.5",
+    "@leafer-in/interface": "^2.1.5"
   }
 }

package/src/config.ts

@@ -30,6 +30,7 @@ export const config: IEditorConfig = {
 
     selector: true,
     editBox: true,
+    editBoxType: 'box',
     hover: true,
     select: 'press',
     openInner: 'double',

package/src/decorator/data.ts

@@ -60,10 +60,11 @@ export function mergeConfigAttr() {
 
                 if (element && element.editConfig) {
                     let { editConfig } = element
-                    if (editConfig.hover || editConfig.hoverStyle) { // 元素的hover样式，不能覆盖到总配置里
+                    if (editConfig.hover || editConfig.hoverStyle || editConfig.hoverPathType) { // 元素的hover样式，不能覆盖到总配置里
                         editConfig = { ...editConfig }
                         delete editConfig.hover
                         delete editConfig.hoverStyle
+                        delete editConfig.hoverPathType
                     }
                     Object.assign(mergeConfig, editConfig) // 元素上的配置
                 }

package/src/display/EditBox.ts

@@ -151,8 +151,8 @@ export class EditBox extends Group implements IEditBox {
 
     // 必须来自 editor.update()，需同步更新编辑工具 
     public update(): void {
-        const { editor } = this
-        const { x, y, scaleX, scaleY, rotation, skewX, skewY, width, height } = this.target.getLayoutBounds('box', editor, true)
+        const { editor, mergeConfig } = this
+        const { x, y, scaleX, scaleY, rotation, skewX, skewY, width, height } = this.target.getLayoutBounds(mergeConfig.editBoxType, editor, true)
         this.visible = !this.target.locked
         this.set({ x, y, scaleX, scaleY, rotation, skewX, skewY })
         this.updateBounds({ x: 0, y: 0, width, height })
@@ -165,9 +165,9 @@ export class EditBox extends Group implements IEditBox {
 
 
     public updateBounds(bounds: IBoundsData): void {
-        const { editor, mergeConfig, single, rect, circle, buttons, resizePoints, rotatePoints, resizeLines } = this
+        const { editor, mergedConfig, single, rect, circle, buttons, resizePoints, rotatePoints, resizeLines } = this
         const { editMask } = editor
-        const { middlePoint, resizeable, rotateable, hideOnSmall, editBox, mask, dimOthers, bright, spread, hideRotatePoints, hideResizeLines } = mergeConfig
+        const { middlePoint, resizeable, rotateable, hideOnSmall, editBox, mask, dimOthers, bright, spread, hideRotatePoints, hideResizeLines } = mergedConfig
 
         editMask.visible = mask ? true : 0
 
@@ -221,7 +221,7 @@ export class EditBox extends Group implements IEditBox {
             }
 
             // rotate
-            circle.visible = showPoints && rotateable && !!(mergeConfig.circle || mergeConfig.rotatePoint)
+            circle.visible = showPoints && rotateable && !!(mergedConfig.circle || mergedConfig.rotatePoint)
             if (circle.visible) this.layoutCircle()
 
             // rect
@@ -344,7 +344,8 @@ export class EditBox extends Group implements IEditBox {
     // 操作事件共用
 
     public onTransformStart(e: IUIEvent): void {
-        if (this.moving || this.gesturing) this.editor.opacity = this.mergedConfig.hideOnMove ? 0 : 1 // move
+        const { hideOnMove, editBoxType } = this.mergedConfig
+        if (this.moving || this.gesturing) this.editor.opacity = hideOnMove ? 0 : 1 // move
         if (this.resizing) ResizeEvent.resizingKeys = this.editor.leafList.keys // 记录正在resize中的元素列表
 
         const { dragStartData, target } = this
@@ -352,7 +353,7 @@ export class EditBox extends Group implements IEditBox {
         dragStartData.y = e.y
         dragStartData.totalOffset = getPointData() // 缩放、旋转造成的总偏移量，一般用于手势操作的move纠正
         dragStartData.point = { x: target.x, y: target.y } // 用于移动
-        dragStartData.bounds = { ...target.getLayoutBounds('box', 'local') } // 用于resize
+        dragStartData.bounds = { ...target.getLayoutBounds(editBoxType, 'local') } // 用于resize
         dragStartData.rotation = target.rotation // 用于旋转
     }
 

package/src/display/EditSelect.ts

@@ -47,8 +47,8 @@ export class EditSelect extends Group implements IEditSelect {
         if (this.running && !this.dragging && !editor.dragging) {
             const { hoverTarget, mergeConfig } = editor, config = { ...mergeConfig }
             if (hoverTarget && hoverTarget.editConfig) Object.assign(config, hoverTarget.editConfig) // hover元素上的配置
-            const { stroke, strokeWidth, hover, hoverStyle } = config
-            this.hoverStroker.setTarget(hover ? hoverTarget : null, { stroke, strokeWidth, ...(hoverStyle || {}) })
+            const { stroke, strokeWidth, hover, hoverStyle, hoverPathType } = config
+            this.hoverStroker.setTarget(hover ? hoverTarget : null, { stroke, strokeWidth, strokePathType: hoverPathType, ...(hoverStyle || {}) })
         } else {
             this.hoverStroker.target = null
         }

package/src/display/Stroker.ts

@@ -21,7 +21,7 @@ export class Stroker extends UI implements IStroker {
     public list: IUI[] = []
 
     @surfaceType('render-path')
-    public strokePathType: 'path' | 'render-path'
+    public strokePathType: 'path' | 'render-path' | 'box' | 'stroke'
 
     constructor() {
         super()
@@ -68,12 +68,21 @@ export class Stroker extends UI implements IStroker {
                     canvas.setWorld(matrix, options.matrix)
                     canvas.beginPath()
 
-
-                    if (this.strokePathType === 'path') {
-                        leaf.__drawPath(canvas)
-                    } else {
-                        if (leaf.__.__useArrow) leaf.__drawPath(canvas)
-                        else leaf.__.__pathForRender ? leaf.__drawRenderPath(canvas) : leaf.__drawPathByBox(canvas)
+                    switch (this.strokePathType) {
+                        case 'box':
+                            const { boxBounds } = leaf.__layout
+                            canvas.rect(boxBounds.x, boxBounds.y, boxBounds.width, boxBounds.height)
+                            break
+                        case 'stroke':
+                            const { strokeBounds } = leaf.__layout
+                            canvas.rect(strokeBounds.x, strokeBounds.y, strokeBounds.width, strokeBounds.height)
+                            break
+                        case 'path':
+                            leaf.__drawPath(canvas)
+                            break
+                        default:
+                            if (leaf.__.__useArrow) leaf.__drawPath(canvas)
+                            else leaf.__.__pathForRender ? leaf.__drawRenderPath(canvas) : leaf.__drawPathByBox(canvas)
                     }
 
                     data.strokeWidth = strokeWidth / Math.max(aScaleX, aScaleY)

package/src/helper/EditDataHelper.ts

@@ -1,4 +1,4 @@
-import { IBoundsData, IPointData, IAround, IAlign, IUI, ILayoutBoundsData } from '@leafer-ui/interface'
+import { IPointData, IAround, IAlign, IUI, ILayoutBoundsData, IBoundsType } from '@leafer-ui/interface'
 import { AroundHelper, MathHelper, PointHelper, Direction9, isNumber } from '@leafer-ui/draw'
 import { DragBoundsHelper } from '@leafer-ui/core'
 
@@ -10,11 +10,12 @@ const { toPoint } = AroundHelper, { within, sign } = MathHelper, { abs } = Math
 
 export const EditDataHelper = {
 
-    getScaleData(target: IUI, startBounds: ILayoutBoundsData, direction: Direction9, totalMoveOrScale: IPointData | number, lockRatio: boolean | 'corner', around: IAround, flipable: boolean, scaleMode: boolean): IEditorScaleEvent {
+    getScaleData(target: IUI, startBounds: ILayoutBoundsData, direction: Direction9, totalMoveOrScale: IPointData | number, lockRatio: boolean | 'corner', around: IAround, flipable: boolean, scaleMode: boolean, boundsType: IBoundsType): IEditorScaleEvent {
         let align: IAlign, origin = {} as IPointData, scaleX: number = 1, scaleY: number = 1, lockScale: number
 
-        const { boxBounds, widthRange, heightRange, dragBounds, worldBoxBounds } = target
+        const { widthRange, heightRange, dragBounds, worldTransform, boxBounds } = target
         const { width, height } = startBounds
+        const innerBounds = target.getBounds(boundsType, 'inner')
 
         // 获取已经改变的比例
         const originChangedScaleX = target.scaleX / startBounds.scaleX
@@ -22,8 +23,8 @@ export const EditDataHelper = {
         const signX = sign(originChangedScaleX)
         const signY = sign(originChangedScaleY)
 
-        const changedScaleX = scaleMode ? originChangedScaleX : signX * boxBounds.width / width
-        const changedScaleY = scaleMode ? originChangedScaleY : signY * boxBounds.height / height
+        const changedScaleX = scaleMode ? originChangedScaleX : signX * innerBounds.width / width
+        const changedScaleY = scaleMode ? originChangedScaleY : signY * innerBounds.height / height
 
         if (isNumber(totalMoveOrScale)) {
 
@@ -112,13 +113,15 @@ export const EditDataHelper = {
 
         if (!flipable) {
             const { worldTransform } = target
-            if (scaleX < 0) scaleX = 1 / boxBounds.width / worldTransform.scaleX
-            if (scaleY < 0) scaleY = 1 / boxBounds.height / worldTransform.scaleY
+            if (scaleX < 0) scaleX = 1 / innerBounds.width / worldTransform.scaleX
+            if (scaleY < 0) scaleY = 1 / innerBounds.height / worldTransform.scaleY
         }
 
         // 检查限制
 
-        toPoint(around || align, boxBounds, origin, true)
+        toPoint(around || align, innerBounds, origin, true)
+
+        this.checkOrigin(target, origin, boundsType)
 
         if (dragBounds) {
             const scaleData = { x: scaleX, y: scaleY }
@@ -128,18 +131,25 @@ export const EditDataHelper = {
         }
 
         if (useScaleX && widthRange) {
-            const nowWidth = boxBounds.width * target.scaleX
+            const nowWidth = innerBounds.width * target.scaleX
             scaleX = within(nowWidth * scaleX, widthRange) / nowWidth
         }
 
         if (useScaleY && heightRange) {
-            const nowHeight = boxBounds.height * target.scaleY
+            const nowHeight = innerBounds.height * target.scaleY
             scaleY = within(nowHeight * scaleY, heightRange) / nowHeight
         }
 
         // 防止小于1px
-        if (useScaleX && abs(scaleX * worldBoxBounds.width) < 1) scaleX = sign(scaleX) / worldBoxBounds.width
-        if (useScaleY && abs(scaleY * worldBoxBounds.height) < 1) scaleY = sign(scaleY) / worldBoxBounds.height
+        let minWidth = 1 * abs(worldTransform.scaleX), minHeight = 1 * abs(worldTransform.scaleY)
+
+        if (boundsType !== 'box') {
+            minWidth += innerBounds.width - boxBounds.width
+            minHeight += innerBounds.height - boxBounds.height
+        }
+
+        if (useScaleX && abs(scaleX * innerBounds.width) < minWidth) scaleX = sign(scaleX) * minWidth / innerBounds.width
+        if (useScaleY && abs(scaleY * innerBounds.height) < minHeight) scaleY = sign(scaleY) * minHeight / innerBounds.height
 
         if (lockRatio && scaleX !== scaleY) {
             lockScale = Math.min(abs(scaleX), abs(scaleY))
@@ -153,7 +163,7 @@ export const EditDataHelper = {
         return { origin, scaleX, scaleY, direction, lockRatio, around }
     },
 
-    getRotateData(target: IUI, direction: Direction9, current: IPointData, last: IPointData, around: IAround): IEditorRotateEvent {
+    getRotateData(target: IUI, direction: Direction9, current: IPointData, last: IPointData, around: IAround, boundsType: IBoundsType): IEditorRotateEvent {
         let align: IAlign, origin = {} as IPointData
 
         switch (direction) {
@@ -173,12 +183,14 @@ export const EditDataHelper = {
                 align = 'center'
         }
 
-        toPoint(around || align, target.boxBounds, origin, true)
+        toPoint(around || align, target.getBounds(boundsType, 'inner'), origin, true)
+
+        this.checkOrigin(target, origin, boundsType)
 
         return { origin, rotation: PointHelper.getRotation(last, target.getWorldPointByBox(origin), current) }
     },
 
-    getSkewData(bounds: IBoundsData, direction: Direction9, move: IPointData, around: IAround): IEditorSkewEvent {
+    getSkewData(target: IUI, direction: Direction9, move: IPointData, around: IAround, boundsType: IBoundsType,): IEditorSkewEvent {
         let align: IAlign, origin = {} as IPointData, skewX = 0, skewY = 0
         let last: IPointData
 
@@ -208,12 +220,15 @@ export const EditDataHelper = {
                 skewY = 1
         }
 
-        const { width, height } = bounds
+        const innerBounds = target.getBounds(boundsType, 'inner')
+        const { width, height } = innerBounds
 
         last.x = last.x * width
         last.y = last.y * height
 
-        toPoint(around || align, bounds, origin, true)
+        toPoint(around || align, innerBounds, origin, true)
+
+        this.checkOrigin(target, origin, boundsType)
 
         const rotation = PointHelper.getRotation(last, origin, { x: last.x + (skewX ? move.x : 0), y: last.y + (skewY ? move.y : 0) })
         skewX ? skewX = -rotation : skewY = rotation
@@ -222,6 +237,15 @@ export const EditDataHelper = {
     },
 
 
+    checkOrigin(target: IUI, origin: IPointData, boundsType: IBoundsType): void {
+        if (boundsType !== 'box') {
+            const { boxBounds } = target, innerBounds = target.getBounds(boundsType, 'inner')
+            origin.x += innerBounds.x - boxBounds.x
+            origin.y += innerBounds.y - boxBounds.y
+        }
+    },
+
+
     getAround(around: IAround, altKey: boolean): IAround {
         return (altKey && !around) ? 'center' : around
     },

package/src/index.ts

@@ -33,6 +33,7 @@ import { Creator, UI, Group, Text, Box, dataType, Plugin } from '@leafer-ui/draw
 import '@leafer-in/resize'
 
 import { Editor } from './Editor'
+import { EditToolCreator } from './tool/EditToolCreator'
 
 
 Plugin.add('editor', 'resize')
@@ -47,7 +48,11 @@ Creator.editor = function (options?: IEditorConfig, app?: IApp): IEditor {
 Box.addAttr('textBox', false, dataType)
 
 UI.addAttr('editConfig', undefined, dataType)
-UI.addAttr('editOuter', (ui: UI) => { ui.updateLayout(); return ui.__.__isLinePath ? 'LineEditTool' : 'EditTool' }, dataType) // fix: Line 需要更新布局才能精准确定
+UI.addAttr('editOuter', (ui: UI) => {
+    ui.updateLayout()  // fix: Line 需要更新布局才能精准确定
+    const name = (ui.tag === 'Line' ? '' : ui.tag) + 'EditTool'
+    return ui.__.__isLinePath ? 'LineEditTool' : (EditToolCreator.list[name] ? name : 'EditTool')
+}, dataType)
 
 UI.addAttr('editInner', 'PathEditor', dataType)
 Group.addAttr('editInner', '', dataType)  // 必须设为空

package/src/tool/EditTool.ts

@@ -26,36 +26,36 @@ export class EditTool extends InnerEditor implements IEditTool {
     }
 
     public onScale(e: IEditorScaleEvent): void {
-        const { scaleX, scaleY, transform, worldOrigin, editor } = e
+        const { scaleX, scaleY, transform, worldOrigin, editor, editBoxType } = e
         const { app, list } = editor
         app.lockLayout()
         list.forEach(target => {
             const resize = editor.getEditSize(target) !== 'scale'
-            if (transform) target.transformWorld(transform, resize)
-            else target.scaleOfWorld(worldOrigin, scaleX, scaleY, resize)
+            if (transform) target.transformWorld(transform, resize, false, editBoxType)
+            else target.scaleOfWorld(worldOrigin, scaleX, scaleY, resize, false, editBoxType)
         })
         app.unlockLayout()
     }
 
     public onRotate(e: IEditorRotateEvent): void {
-        const { rotation, transform, worldOrigin, editor } = e
+        const { rotation, transform, worldOrigin, editor, editBoxType } = e
         const { app, list } = editor
         app.lockLayout()
         list.forEach(target => {
             const resize = editor.getEditSize(target) !== 'scale'
-            if (transform) target.transformWorld(transform, resize)
+            if (transform) target.transformWorld(transform, resize, false, editBoxType)
             else target.rotateOfWorld(worldOrigin, rotation)
         })
         app.unlockLayout()
     }
 
     public onSkew(e: IEditorSkewEvent): void {
-        const { skewX, skewY, transform, worldOrigin, editor } = e
+        const { skewX, skewY, transform, worldOrigin, editor, editBoxType } = e
         const { app, list } = editor
         app.lockLayout()
         list.forEach(target => {
             const resize = editor.getEditSize(target) !== 'scale'
-            if (transform) target.transformWorld(transform, resize)
+            if (transform) target.transformWorld(transform, resize, false, editBoxType)
             else target.skewOfWorld(worldOrigin, skewX, skewY, resize)
         })
         app.unlockLayout()

package/src/tool/TransformTool.ts

@@ -54,7 +54,7 @@ export class TransformTool implements ITransformTool { // Editor use
     public onScale(e: DragEvent | ZoomEvent): void {
 
         const { target, mergeConfig, single, dragStartData } = this.editBox
-        let { around, lockRatio, flipable, editSize } = mergeConfig, totalMove: IPointData | number
+        let { around, lockRatio, flipable, editSize, editBoxType } = mergeConfig, totalMove: IPointData | number
 
         if (e instanceof ZoomEvent) {
             if (!around) around = target.getBoxPoint(e)
@@ -66,7 +66,7 @@ export class TransformTool implements ITransformTool { // Editor use
         const { direction } = e.current as IEditPoint
         if (e.shiftKey || target.lockRatio) lockRatio = true
 
-        const data = EditDataHelper.getScaleData(target, dragStartData.bounds, direction, totalMove, lockRatio, EditDataHelper.getAround(around, e.altKey), flipable, !single || editSize === 'scale')
+        const data = EditDataHelper.getScaleData(target, dragStartData.bounds, direction, totalMove, lockRatio, EditDataHelper.getAround(around, e.altKey), flipable, !single || editSize === 'scale', editBoxType)
 
         const targetX = target.x, targetY = target.y
 
@@ -83,7 +83,7 @@ export class TransformTool implements ITransformTool { // Editor use
     public onRotate(e: DragEvent | RotateEvent): void {
 
         const { target, mergeConfig, dragStartData } = this.editBox
-        const { around, rotateAround, rotateGap, diagonalRotateKey } = mergeConfig
+        const { around, rotateAround, rotateGap, diagonalRotateKey, editBoxType } = mergeConfig
         const { direction } = e.current as IEditPoint
 
         let origin: IPointData, rotation: number
@@ -97,7 +97,7 @@ export class TransformTool implements ITransformTool { // Editor use
 
             const isDiagonalRotate = diagonalRotateKey ? e.isHoldKeys(diagonalRotateKey) : e.shiftKey // 对角旋转
 
-            const data = EditDataHelper.getRotateData(target, direction, e, dragStartData, isDiagonalRotate ? null : (rotateAround || target.around || target.origin || around || 'center'))
+            const data = EditDataHelper.getRotateData(target, direction, e, dragStartData, isDiagonalRotate ? null : (rotateAround || target.around || target.origin || around || 'center'), editBoxType)
             rotation = dragStartData.rotation + data.rotation - target.rotation
             origin = data.origin
 
@@ -116,9 +116,9 @@ export class TransformTool implements ITransformTool { // Editor use
     public onSkew(e: DragEvent): void {
 
         const { target, mergeConfig } = this.editBox
-        const { around } = mergeConfig
+        const { around, editBoxType } = mergeConfig
 
-        const { origin, skewX, skewY } = EditDataHelper.getSkewData(target.boxBounds, (e.current as IEditPoint).direction, e.getInnerMove(target), EditDataHelper.getAround(around, e.altKey))
+        const { origin, skewX, skewY } = EditDataHelper.getSkewData(target, (e.current as IEditPoint).direction, e.getInnerMove(target), EditDataHelper.getAround(around, e.altKey), editBoxType)
         if (!skewX && !skewY) return
 
         this.skewOf(origin, skewX, skewY)
@@ -173,7 +173,7 @@ export class TransformTool implements ITransformTool { // Editor use
 
         const { target, mergeConfig, single, editor } = this.editBox
 
-        const { beforeScale } = mergeConfig
+        const { beforeScale, editBoxType } = mergeConfig
         if (beforeScale) {
             const check = beforeScale({ target, origin, scaleX, scaleY })
             if (isObject(check)) scaleX = check.scaleX, scaleY = check.scaleY
@@ -182,7 +182,7 @@ export class TransformTool implements ITransformTool { // Editor use
 
         const worldOrigin = this.getWorldOrigin(origin)
         const transform = !single && this.getChangedTransform(() => (target as ISimulateElement).safeChange(() => target.scaleOf(origin, scaleX, scaleY)))
-        const data: IEditorScaleEvent = { target, editor, worldOrigin, scaleX, scaleY, transform }
+        const data: IEditorScaleEvent = { target, editor, worldOrigin, scaleX, scaleY, transform, editBoxType }
 
         this.emitEvent(new EditorScaleEvent(EditorScaleEvent.BEFORE_SCALE, data))
         const event = new EditorScaleEvent(EditorScaleEvent.SCALE, data)
@@ -210,7 +210,7 @@ export class TransformTool implements ITransformTool { // Editor use
 
         const { target, mergeConfig, single, editor } = this.editBox
 
-        const { beforeRotate } = mergeConfig
+        const { beforeRotate, editBoxType } = mergeConfig
         if (beforeRotate) {
             const check = beforeRotate({ target, origin, rotation })
             if (isNumber(check)) rotation = check
@@ -219,7 +219,7 @@ export class TransformTool implements ITransformTool { // Editor use
 
         const worldOrigin = this.getWorldOrigin(origin)
         const transform = !single && this.getChangedTransform(() => (target as ISimulateElement).safeChange(() => target.rotateOf(origin, rotation)))
-        const data: IEditorRotateEvent = { target, editor, worldOrigin, rotation, transform }
+        const data: IEditorRotateEvent = { target, editor, worldOrigin, rotation, transform, editBoxType }
 
         this.emitEvent(new EditorRotateEvent(EditorRotateEvent.BEFORE_ROTATE, data))
         const event = new EditorRotateEvent(EditorRotateEvent.ROTATE, data)
@@ -232,7 +232,7 @@ export class TransformTool implements ITransformTool { // Editor use
 
         const { target, mergeConfig, single, editor } = this.editBox
 
-        const { beforeSkew } = mergeConfig
+        const { beforeSkew, editBoxType } = mergeConfig
         if (beforeSkew) {
             const check = beforeSkew({ target, origin, skewX, skewY })
             if (isObject(check)) skewX = check.skewX, skewY = check.skewY
@@ -241,7 +241,7 @@ export class TransformTool implements ITransformTool { // Editor use
 
         const worldOrigin = this.getWorldOrigin(origin)
         const transform = !single && this.getChangedTransform(() => (target as ISimulateElement).safeChange(() => target.skewOf(origin, skewX, skewY)))
-        const data: IEditorSkewEvent = { target, editor, worldOrigin, skewX, skewY, transform }
+        const data: IEditorSkewEvent = { target, editor, worldOrigin, skewX, skewY, transform, editBoxType }
 
         this.emitEvent(new EditorSkewEvent(EditorSkewEvent.BEFORE_SKEW, data))
         const event = new EditorSkewEvent(EditorSkewEvent.SKEW, data)

package/types/index.d.ts

@@ -1,5 +1,5 @@
 import * as _leafer_ui_interface from '@leafer-ui/interface';
-import { IBounds, ILeafList, IUI, IFunction, IEventListenerId, ILeaf, IPointerEvent, ILeaferCanvas, IRenderOptions, IGroup, IObject, IGroupInputData, IEditSize, IPointData, IAlign, IAxis, IMatrix, IApp, IEditorDragStartData, IEditorConfig as IEditorConfig$1, ITransformTool, IBoundsData, IBoxInputData, IUIEvent, IKeyEvent, IRect, IRectInputData, IUIInputData, IMatrixData, IDragEvent, IAround, IEvent, ILayoutBoundsData } from '@leafer-ui/interface';
+import { IBounds, ILeafList, IUI, IFunction, IEventListenerId, ILeaf, IPointerEvent, ILeaferCanvas, IRenderOptions, IGroup, IObject, IGroupInputData, IEditSize, IPointData, IAlign, IAxis, IMatrix, IApp, IEditorDragStartData, IEditorConfig as IEditorConfig$1, ITransformTool, IBoundsData, IBoxInputData, IUIEvent, IKeyEvent, IRect, IRectInputData, IUIInputData, IMatrixData, IDragEvent, IAround, IEvent, ILayoutBoundsData, IBoundsType } from '@leafer-ui/interface';
 import { Group, UI, Direction9, Box, Event } from '@leafer-ui/draw';
 import { PointerEvent, DragEvent, MoveEvent, ZoomEvent, RotateEvent, KeyEvent } from '@leafer-ui/core';
 import { IEditSelect, IEditor, IStroker, ISelectArea, IEditorConfig, IEditPoint, ISimulateElement, IEditBox, IEditTool, IInnerEditor, IEditorScaleEvent, IEditPointType, IEditPointInputData, IEditorEvent, IEditorMoveEvent, IEditorRotateEvent, IEditorSkewEvent, IEditorGroupEvent, IInnerEditorEvent, IInnerEditorMode, IUI as IUI$1, IDragEvent as IDragEvent$1, IPointData as IPointData$1, IPathCommandData, IFromToData, IAround as IAround$1 } from '@leafer-in/interface';
@@ -225,7 +225,7 @@ declare class SelectArea extends Group implements ISelectArea {
 declare class Stroker extends UI implements IStroker {
     target: IUI | IUI[];
     list: IUI[];
-    strokePathType: 'path' | 'render-path';
+    strokePathType: 'path' | 'render-path' | 'box' | 'stroke';
     constructor();
     setTarget(target: IUI | IUI[], style?: IUIInputData): void;
     update(style?: IUIInputData): void;
@@ -398,9 +398,10 @@ declare const EditorHelper: {
 };
 
 declare const EditDataHelper: {
-    getScaleData(target: IUI, startBounds: ILayoutBoundsData, direction: Direction9, totalMoveOrScale: IPointData | number, lockRatio: boolean | "corner", around: IAround, flipable: boolean, scaleMode: boolean): IEditorScaleEvent;
-    getRotateData(target: IUI, direction: Direction9, current: IPointData, last: IPointData, around: IAround): IEditorRotateEvent;
-    getSkewData(bounds: IBoundsData, direction: Direction9, move: IPointData, around: IAround): IEditorSkewEvent;
+    getScaleData(target: IUI, startBounds: ILayoutBoundsData, direction: Direction9, totalMoveOrScale: IPointData | number, lockRatio: boolean | "corner", around: IAround, flipable: boolean, scaleMode: boolean, boundsType: IBoundsType): IEditorScaleEvent;
+    getRotateData(target: IUI, direction: Direction9, current: IPointData, last: IPointData, around: IAround, boundsType: IBoundsType): IEditorRotateEvent;
+    getSkewData(target: IUI, direction: Direction9, move: IPointData, around: IAround, boundsType: IBoundsType): IEditorSkewEvent;
+    checkOrigin(target: IUI, origin: IPointData, boundsType: IBoundsType): void;
     getAround(around: IAround, altKey: boolean): IAround;
     getRotateDirection(direction: number, rotation: number, totalDirection?: number): number;
     getFlipDirection(direction: Direction9, flipedX: boolean, flipedY: boolean): Direction9;