feat(av-cliper): add actable prop for VisibleSprite

Author: QAQCup

packages/av-canvas/src/sprites/sprite-manager.ts

@@ -23,6 +23,7 @@ export class SpriteManager {
   }
   set activeSprite(s: VisibleSprite | null) {
     if (s === this.#activeSprite) return;
+    if (s && !s.actable) return;
     this.#activeSprite = s;
     this.#evtTool.emit(ESpriteManagerEvt.ActiveSpriteChange, s);
   }
@@ -32,7 +33,7 @@ export class SpriteManager {
       this.getSprites()
         // 排在后面的层级更高
         .reverse()
-        .find((s) => s.visible && s.rect.checkHit(x, y)) ?? null;
+        .find((s) => s.visible && s.actable && s.rect.checkHit(x, y)) ?? null;
   }
 
   async addSprite(vs: VisibleSprite): Promise<void> {

packages/av-cliper/src/sprite/visible-sprite.ts

@@ -30,6 +30,11 @@ export class VisibleSprite extends BaseSprite {
    */
   visible = true;
 
+  /**
+   * 元素是否可选中，用于设置元素是否响应画布的选中事件，设置为 false 时不可选中，默认为 true 可选中
+   */
+  actable = true;
+
   constructor(clip: IClip) {
     super();
     this.#clip = clip;
@@ -108,6 +113,7 @@ export class VisibleSprite extends BaseSprite {
     super.copyStateTo(target);
     if (target instanceof VisibleSprite) {
       target.visible = this.visible;
+      target.actable = this.actable;
     }
   }