@leafer-in/editor 2.0.3 → 2.0.4

package/package.json

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

package/src/Editor.ts

@@ -80,6 +80,8 @@ export class Editor extends Group implements IEditor {
     public selector: EditSelect = new EditSelect(this)
     public editMask: EditMask = new EditMask(this)
 
+    public hasDimOthers?: boolean
+
     public get targetLeafer() { const first = this.list[0]; return first && first.leafer }
     public targetChanged: boolean
     public targetEventIds: IEventListenerId[] = []

package/src/config.ts

@@ -15,6 +15,9 @@ export const config: IEditorConfig = {
 
     rotateGap: 45,
 
+    arrowStep: 1,
+    arrowFastStep: 10,
+
     buttonsDirection: 'bottom',
     buttonsMargin: 12,
 

package/src/decorator/data.ts

@@ -28,10 +28,10 @@ export function targetAttr(fn: IFunction) {
                                 else if (check === false) return
                             }
 
-                            const { dimOthers, bright } = t.editBox.mergedConfig || t.config // 没有配置时不强制取消bright
-                            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) // fix: 单个锁定 + shift多选

package/src/display/EditBox.ts

@@ -174,6 +174,7 @@ export class EditBox extends Group implements IEditBox {
         if (!isUndefined(dimOthers) || !isUndefined(bright)) {  // 没有配置时不强制bright
             editor.setDimOthers(dimOthers)
             editor.setBright(!!dimOthers || bright)
+            editor.hasDimOthers = true
         }
 
         if (spread) BoundsHelper.spread(bounds, spread)
@@ -300,10 +301,12 @@ export class EditBox extends Group implements IEditBox {
     public onDragStart(e: DragEvent): void {
         this.dragging = true
         const point = this.dragPoint = e.current as IEditPoint, { pointType } = point
-        const { moveable, resizeable, rotateable, skewable } = this.mergeConfig
+        const { moveable, resizeable, rotateable, skewable, onCopy } = this.mergeConfig
 
         // 确定模式
         if (pointType === 'move') {
+            // alt复制钩子
+            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) {
@@ -417,23 +420,28 @@ export class EditBox extends Group implements IEditBox {
     }
 
     public onArrow(e: IKeyEvent): void {
-        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, arrowStep, 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)
         }
     }
 

package/types/index.d.ts

@@ -82,6 +82,7 @@ declare class Editor extends Group implements IEditor {
     editToolList: IObject;
     selector: EditSelect;
     editMask: EditMask;
+    hasDimOthers?: boolean;
     get targetLeafer(): _leafer_ui_interface.ILeafer;
     targetChanged: boolean;
     targetEventIds: IEventListenerId[];