@tmagic/stage 1.3.0-alpha.9 → 1.3.0-beta.1

package/types/MoveableActionsAble.d.ts

@@ -2,10 +2,8 @@ import { MoveableManagerInterface, Renderer } from 'moveable';
 import { AbleActionEventType } from './types';
 declare const _default: (handler: (type: AbleActionEventType) => void) => {
     name: string;
-    props: {
-        selectParent: BooleanConstructor;
-    };
-    events: {};
+    props: never[];
+    events: never[];
     render(moveable: MoveableManagerInterface<any, any>, React: Renderer): any;
 };
 export default _default;

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三个核心类，并负责统一对外通信，包括提供接口和抛事件
  */
@@ -32,6 +33,7 @@ export default class StageCore extends EventEmitter {
      * @param el 要高亮的元素
      */
     highlight(idOrEl: Id | HTMLElement): void;
+    clearHighlight(): void;
     /**
      * 更新组件
      * @param data 更新组件的数据
@@ -69,6 +71,8 @@ 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;
+    getDragStatus(): import("./types").StageDragStatus;
     /**
      * 销毁实例
      */
@@ -100,4 +104,8 @@ export default class StageCore extends EventEmitter {
      * 初始化Highlight类通过ActionManager抛出来的事件监听
      */
     private initHighlightEvent;
+    /**
+     * 初始化Highlight类通过ActionManager抛出来的事件监听
+     */
+    private initMouseEvent;
 }

package/types/StageDragResize.d.ts

@@ -1,5 +1,6 @@
 import MoveableOptionsManager from './MoveableOptionsManager';
 import type { StageDragResizeConfig } from './types';
+import { StageDragStatus } from './types';
 /**
  * 管理单选操作，响应选中操作，初始化moveableOption参数并初始化moveable，处理moveable回调事件对组件进行更新
  * @extends MoveableOptionsManager
@@ -30,6 +31,7 @@ export default class StageDragResize extends MoveableOptionsManager {
      */
     updateMoveable(el?: HTMLElement | undefined): void;
     clearSelectStatus(): void;
+    getDragStatus(): StageDragStatus;
     /**
      * 销毁实例
      */

package/types/StageHighlight.d.ts

@@ -7,7 +7,7 @@ export default class StageHighlight extends EventEmitter {
     container: HTMLElement;
     target?: HTMLElement;
     moveable?: Moveable;
-    targetShadow: TargetShadow;
+    targetShadow?: TargetShadow;
     private getRootContainer;
     constructor(config: StageHighlightConfig);
     /**

package/types/index.d.ts

@@ -1,5 +1,5 @@
 import StageCore from './StageCore';
-export type { MoveableOptions } from 'moveable';
+export type { MoveableOptions, OnDragStart } from 'moveable';
 export { default as StageRender } from './StageRender';
 export { default as StageMask } from './StageMask';
 export { default as StageDragResize } from './StageDragResize';

package/types/types.d.ts

@@ -38,7 +38,6 @@ export interface StageCoreConfig {
     containerHighlightDuration?: number;
     containerHighlightType?: ContainerHighlightType;
     moveableOptions?: CustomizeMoveableOptions;
-    multiMoveableOptions?: CustomizeMoveableOptions;
     /** runtime 的HTML地址，可以是一个HTTP地址，如果和编辑器不同域，需要设置跨域，也可以是一个相对或绝对路径 */
     runtimeUrl?: string;
     render?: (renderer: StageCore) => Promise<HTMLElement> | HTMLElement;
@@ -52,7 +51,6 @@ export interface ActionManagerConfig {
     containerHighlightDuration?: number;
     containerHighlightType?: ContainerHighlightType;
     moveableOptions?: CustomizeMoveableOptions;
-    multiMoveableOptions?: CustomizeMoveableOptions;
     disabledDragStart?: boolean;
     canSelect?: CanSelect;
     isContainer: IsContainer;
@@ -68,7 +66,11 @@ export interface MoveableOptionsManagerConfig {
     getRootContainer: GetRootContainer;
 }
 export interface CustomizeMoveableOptionsCallbackConfig {
+    targetEl?: HTMLElement;
     targetElId?: string;
+    targetEls?: HTMLElement[];
+    targetElIds?: string[];
+    isMulti: boolean;
 }
 export interface StageRenderConfig {
     runtimeUrl?: string;
@@ -91,7 +93,7 @@ export interface StageDragResizeConfig {
 export interface StageMultiDragResizeConfig {
     container: HTMLElement;
     dragResizeHelper: DragResizeHelper;
-    multiMoveableOptions?: CustomizeMoveableOptions;
+    moveableOptions?: CustomizeMoveableOptions;
     getRootContainer: GetRootContainer;
     getRenderDocument: GetRenderDocument;
     markContainerEnd: MarkContainerEnd;