@tmagic/stage 1.3.0-alpha.0 → 1.3.0-alpha.10

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0-alpha.0",
+  "version": "1.3.0-alpha.10",
   "name": "@tmagic/stage",
   "type": "module",
   "sideEffects": [
@@ -30,9 +30,9 @@
   },
   "dependencies": {
     "@scena/guides": "^0.23.3",
-    "@tmagic/core": "1.3.0-alpha.0",
-    "@tmagic/schema": "1.3.0-alpha.0",
-    "@tmagic/utils": "1.3.0-alpha.0",
+    "@tmagic/core": "1.3.0-alpha.10",
+    "@tmagic/schema": "1.3.0-alpha.10",
+    "@tmagic/utils": "1.3.0-alpha.10",
     "events": "^3.3.0",
     "keycon": "^1.1.2",
     "lodash-es": "^4.17.21",

package/src/ActionManager.ts

@@ -19,9 +19,10 @@ import EventEmitter from 'events';
 
 import KeyController from 'keycon';
 import { throttle } from 'lodash-es';
+import type { MoveableOptions } from 'moveable';
 
 import { Env } from '@tmagic/core';
-import { Id } from '@tmagic/schema';
+import type { Id } from '@tmagic/schema';
 import { addClassName, getDocument, removeClassNameByClassName } from '@tmagic/utils';
 
 import { CONTAINER_HIGHLIGHT_CLASS_NAME, GHOST_EL_ID_PREFIX, GuidesType, MouseButton, PAGE_CLASS } from './const';
@@ -186,6 +187,15 @@ export default class ActionManager extends EventEmitter {
     return this.selectedElList;
   }
 
+  public getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined {
+    if (this.dr.getTarget()) {
+      return this.dr.getOption(key);
+    }
+    if (this.multiDr.targetList.length) {
+      return this.multiDr.getOption(key);
+    }
+  }
+
   /**
    * 获取鼠标下方第一个可选中元素，如果元素层叠，返回到是最上层元素
    * @param event 鼠标事件

package/src/MoveableOptionsManager.ts

@@ -36,6 +36,7 @@ export default class MoveableOptionsManager extends EventEmitter {
 
   /** 画布容器 */
   protected container: HTMLElement;
+  protected options: MoveableOptions = {};
 
   /** 水平参考线 */
   private horizontalGuidelines: number[] = [];
@@ -55,6 +56,10 @@ export default class MoveableOptionsManager extends EventEmitter {
     this.getRootContainer = config.getRootContainer;
   }
 
+  public getOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] {
+    return this.options[key];
+  }
+
   /**
    * 设置水平/垂直参考线
    * @param type 参考线类型
@@ -106,7 +111,8 @@ export default class MoveableOptionsManager extends EventEmitter {
     const defaultOptions = this.getDefaultOptions(isMultiSelect);
     const customizedOptions = this.getCustomizeOptions();
 
-    return merge(defaultOptions, customizedOptions, runtimeOptions);
+    this.options = merge(defaultOptions, customizedOptions, runtimeOptions);
+    return this.options;
   }
 
   /**

package/src/StageCore.ts

@@ -18,13 +18,15 @@
 
 import { EventEmitter } from 'events';
 
-import { Id } from '@tmagic/schema';
+import type { MoveableOptions } from 'moveable';
+
+import type { Id } from '@tmagic/schema';
 
 import ActionManager from './ActionManager';
 import { DEFAULT_ZOOM } from './const';
 import StageMask from './StageMask';
 import StageRender from './StageRender';
-import {
+import type {
   ActionManagerConfig,
   CustomizeRender,
   GuidesEventData,
@@ -207,6 +209,10 @@ export default class StageCore extends EventEmitter {
     return this.actionManager.delayedMarkContainer(event, excludeElList);
   }
 
+  public getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined {
+    return this.actionManager.getMoveableOption(key);
+  }
+
   /**
    * 销毁实例
    */

package/types/ActionManager.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="node" />
 /// <reference types="node" />
 import EventEmitter from 'events';
-import { Id } from '@tmagic/schema';
+import type { MoveableOptions } from 'moveable';
+import type { Id } from '@tmagic/schema';
 import { GuidesType } from './const';
 import { ActionManagerConfig, SelectStatus } from './types';
 /**
@@ -58,6 +59,7 @@ export default class ActionManager extends EventEmitter {
     setSelectedEl(el: HTMLElement): void;
     getSelectedEl(): HTMLElement | undefined;
     getSelectedElList(): HTMLElement[];
+    getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined;
     /**
      * 获取鼠标下方第一个可选中元素，如果元素层叠，返回到是最上层元素
      * @param event 鼠标事件

package/types/MoveableOptionsManager.d.ts

@@ -12,6 +12,7 @@ export default class MoveableOptionsManager extends EventEmitter {
     mode: Mode;
     /** 画布容器 */
     protected container: HTMLElement;
+    protected options: MoveableOptions;
     /** 水平参考线 */
     private horizontalGuidelines;
     /** 垂直参考线 */
@@ -23,6 +24,7 @@ export default class MoveableOptionsManager extends EventEmitter {
     /** 获取整个画布的根元素（在StageCore的mount函数中挂载的container） */
     private getRootContainer;
     constructor(config: MoveableOptionsManagerConfig);
+    getOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K];
     /**
      * 设置水平/垂直参考线
      * @param type 参考线类型

package/types/StageCore.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="node" />
 /// <reference types="node" />
 import { EventEmitter } from 'events';
-import { Id } from '@tmagic/schema';
+import type { MoveableOptions } from 'moveable';
+import type { Id } from '@tmagic/schema';
 import StageMask from './StageMask';
 import StageRender from './StageRender';
-import { RemoveData, StageCoreConfig, UpdateData } from './types';
+import type { RemoveData, StageCoreConfig, UpdateData } from './types';
 /**
  * 负责管理画布，管理renderer、mask、actionManager三个核心类，并负责统一对外通信，包括提供接口和抛事件
  */
@@ -69,6 +70,7 @@ export default class StageCore extends EventEmitter {
      * @returns timeoutId，调用方在鼠标移走时要取消该timeout，阻止标记
      */
     delayedMarkContainer(event: MouseEvent, excludeElList?: Element[]): NodeJS.Timeout | undefined;
+    getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined;
     /**
      * 销毁实例
      */