@tmagic/stage 1.7.7 → 1.7.8-beta.2

package/types/index.d.ts

@@ -1,12 +1,12 @@
-import * as _tmagic_editor from '@tmagic/editor';
-import EventEmitter, { EventEmitter as EventEmitter$1 } from 'events';
-import { OnResizeStart, OnResize, OnDragStart, OnDrag, OnRotateStart, OnRotate, OnScaleStart, OnScale, OnResizeGroupStart, OnResizeGroup, OnDragGroupStart, OnDragGroup, MoveableOptions, Renderer, MoveableManagerInterface } from 'moveable';
-export * from 'moveable';
-import Core, { MApp, Id, MNode, MContainer } from '@tmagic/core';
-import Guides, { GuidesOptions } from '@scena/guides';
-export { GuidesOptions } from '@scena/guides';
-import MoveableHelper from 'moveable-helper';
+import * as _tmagic_editor0 from "@tmagic/editor";
+import EventEmitter$1, { EventEmitter } from "events";
+import { MoveableManagerInterface, MoveableOptions, OnDrag, OnDragGroup, OnDragGroupStart, OnDragStart, OnResize, OnResizeGroup, OnResizeGroupStart, OnResizeStart, OnRotate, OnRotateStart, OnScale, OnScaleStart, Renderer } from "moveable";
+import Core, { Id, MApp, MContainer, MNode } from "@tmagic/core";
+import Guides, { GuidesOptions, GuidesOptions as GuidesOptions$1 } from "@scena/guides";
+import MoveableHelper from "moveable-helper";
+export * from "moveable";
 
+//#region temp/packages/stage/src/const.d.ts
 /** 流式布局下拖动时需要clone一个镜像节点，镜像节点的id前缀 */
 declare const GHOST_EL_ID_PREFIX = "ghost_el_";
 /** 拖动的时候需要在蒙层中创建一个占位节点，该节点的id前缀 */
@@ -19,141 +19,143 @@ declare const PAGE_CLASS = "magic-ui-page";
 declare const DEFAULT_ZOOM = 1;
 /** 参考线类型 */
 declare enum GuidesType {
-    /** 水平 */
-    HORIZONTAL = "horizontal",
-    /** 垂直 */
-    VERTICAL = "vertical"
+  /** 水平 */
+  HORIZONTAL = "horizontal",
+  /** 垂直 */
+  VERTICAL = "vertical"
 }
 /** css z-index */
 declare enum ZIndex {
-    /** 蒙层，用于监听用户操作，需要置于顶层 */
-    MASK = "99999",
-    /** 选中的节点 */
-    SELECTED_EL = "666",
-    GHOST_EL = "700",
-    DRAG_EL = "9",
-    HIGHLIGHT_EL = "8"
+  /** 蒙层，用于监听用户操作，需要置于顶层 */
+  MASK = "99999",
+  /** 选中的节点 */
+  SELECTED_EL = "666",
+  GHOST_EL = "700",
+  DRAG_EL = "9",
+  HIGHLIGHT_EL = "8"
 }
 /** 鼠标按键 */
 declare enum MouseButton {
-    /** 左键 */
-    LEFT = 0,
-    /** z中健 */
-    MIDDLE = 1,
-    /** 右键 */
-    RIGHT = 2
+  /** 左键 */
+  LEFT = 0,
+  /** z中健 */
+  MIDDLE = 1,
+  /** 右键 */
+  RIGHT = 2
 }
 /** 布局方式 */
 declare enum Mode {
-    /** 绝对定位布局 */
-    ABSOLUTE = "absolute",
-    /** 固定定位布局 */
-    FIXED = "fixed",
-    /** 流式布局 */
-    SORTABLE = "sortable"
+  /** 绝对定位布局 */
+  ABSOLUTE = "absolute",
+  /** 固定定位布局 */
+  FIXED = "fixed",
+  /** 流式布局 */
+  SORTABLE = "sortable"
 }
 /** 选中节点的class name */
 declare const SELECTED_CLASS = "tmagic-stage-selected-area";
 declare enum AbleActionEventType {
-    SELECT_PARENT = "select-parent",
-    REMOVE = "remove",
-    RERENDER = "rerender"
+  SELECT_PARENT = "select-parent",
+  REMOVE = "remove",
+  RERENDER = "rerender"
 }
 /** 将组件添加到容器的方式 */
 declare enum ContainerHighlightType {
-    /** 默认方式：组件在容器上方悬停一段时间后加入 */
-    DEFAULT = "default",
-    /** 按住alt键，并在容器上方悬停一段时间后加入 */
-    ALT = "alt"
+  /** 默认方式：组件在容器上方悬停一段时间后加入 */
+  DEFAULT = "default",
+  /** 按住alt键，并在容器上方悬停一段时间后加入 */
+  ALT = "alt"
 }
 declare enum RenderType {
-    IFRAME = "iframe",
-    NATIVE = "native"
+  IFRAME = "iframe",
+  NATIVE = "native"
 }
 /** 选择状态 */
 declare enum SelectStatus {
-    /** 单选 */
-    SELECT = "select",
-    /** 多选 */
-    MULTI_SELECT = "multiSelect"
+  /** 单选 */
+  SELECT = "select",
+  /** 多选 */
+  MULTI_SELECT = "multiSelect"
 }
 /** 拖动状态 */
 declare enum StageDragStatus {
-    /** 开始拖动 */
-    START = "start",
-    /** 拖动中 */
-    ING = "ing",
-    /** 拖动结束 */
-    END = "end"
+  /** 开始拖动 */
+  START = "start",
+  /** 拖动中 */
+  ING = "ing",
+  /** 拖动结束 */
+  END = "end"
 }
-
+//#endregion
+//#region temp/packages/stage/src/DragResizeHelper.d.ts
 /**
  * 拖拽/改变大小等操作发生时，moveable会抛出各种状态事件，DragResizeHelper负责响应这些事件，对目标节点target和拖拽节点targetShadow进行修改；
  * 其中目标节点是DragResizeHelper直接改的，targetShadow作为直接被操作的拖拽框，是调用moveableHelper改的；
  * 有个特殊情况是流式布局下，moveableHelper不支持，targetShadow也是DragResizeHelper直接改的
  */
 declare class DragResizeHelper {
-    /** 目标节点在蒙层上的占位节点，用于跟鼠标交互，避免鼠标事件直接作用到目标节点 */
-    private targetShadow;
-    /** 要操作的原始目标节点 */
-    private target;
-    /** 多选:目标节点组 */
-    private targetList;
-    /** 响应拖拽的状态事件，修改绝对定位布局下targetShadow的dom。
-     * MoveableHelper里面的方法是成员属性，如果DragResizeHelper用继承的方式将无法通过super去调这些方法 */
-    private moveableHelper;
-    /** 流式布局下，目标节点的镜像节点 */
-    private ghostEl;
-    /** 用于记录节点被改变前的位置 */
-    private frameSnapShot;
-    /** 多选模式下的多个节点 */
-    private framesSnapShot;
-    /** 布局方式：流式布局、绝对定位、固定定位 */
-    private mode;
-    constructor(config: DragResizeHelperConfig);
-    destroy(): void;
-    destroyShadowEl(): void;
-    getShadowEl(): TargetElement | undefined;
-    updateShadowEl(el: HTMLElement): void;
-    setMode(mode: Mode): void;
-    /**
-     * 改变大小事件开始
-     * @param e 包含了拖拽节点的dom，moveableHelper会直接修改拖拽节点
-     */
-    onResizeStart(e: OnResizeStart): void;
-    onResize(e: OnResize): void;
-    onDragStart(e: OnDragStart): void;
-    onDrag(e: OnDrag): void;
-    onRotateStart(e: OnRotateStart): void;
-    onRotate(e: OnRotate): void;
-    onScaleStart(e: OnScaleStart): void;
-    onScale(e: OnScale): void;
-    getGhostEl(): HTMLElement | undefined;
-    destroyGhostEl(): void;
-    clear(): void;
-    getFrame(el: HTMLElement | SVGElement): ReturnType<MoveableHelper['getFrame']>;
-    getShadowEls(): TargetElement[];
-    updateGroup(els: HTMLElement[]): void;
-    setTargetList(targetList: HTMLElement[]): void;
-    clearMultiSelectStatus(): void;
-    onResizeGroupStart(e: OnResizeGroupStart): void;
-    /**
-     * 多选状态下通过拖拽边框改变大小，所有选中组件会一起改变大小
-     */
-    onResizeGroup(e: OnResizeGroup): void;
-    onDragGroupStart(e: OnDragGroupStart): void;
-    onDragGroup(e: OnDragGroup): void;
-    getUpdatedElRect(el: HTMLElement, parentEl: HTMLElement | null, doc: Document): Rect;
-    /**
-     * 多选状态设置多个节点的快照
-     */
-    private setFramesSnapShot;
-    /**
-     * 流式布局把目标节点复制一份进行拖拽，在拖拽结束前不影响页面原布局样式
-     */
-    private generateGhostEl;
+  /** 目标节点在蒙层上的占位节点，用于跟鼠标交互，避免鼠标事件直接作用到目标节点 */
+  private targetShadow;
+  /** 要操作的原始目标节点 */
+  private target;
+  /** 多选:目标节点组 */
+  private targetList;
+  /** 响应拖拽的状态事件，修改绝对定位布局下targetShadow的dom。
+   * MoveableHelper里面的方法是成员属性，如果DragResizeHelper用继承的方式将无法通过super去调这些方法 */
+  private moveableHelper;
+  /** 流式布局下，目标节点的镜像节点 */
+  private ghostEl;
+  /** 用于记录节点被改变前的位置 */
+  private frameSnapShot;
+  /** 多选模式下的多个节点 */
+  private framesSnapShot;
+  /** 布局方式：流式布局、绝对定位、固定定位 */
+  private mode;
+  constructor(config: DragResizeHelperConfig);
+  destroy(): void;
+  destroyShadowEl(): void;
+  getShadowEl(): TargetElement | undefined;
+  updateShadowEl(el: HTMLElement): void;
+  setMode(mode: Mode): void;
+  /**
+   * 改变大小事件开始
+   * @param e 包含了拖拽节点的dom，moveableHelper会直接修改拖拽节点
+   */
+  onResizeStart(e: OnResizeStart): void;
+  onResize(e: OnResize): void;
+  onDragStart(e: OnDragStart): void;
+  onDrag(e: OnDrag): void;
+  onRotateStart(e: OnRotateStart): void;
+  onRotate(e: OnRotate): void;
+  onScaleStart(e: OnScaleStart): void;
+  onScale(e: OnScale): void;
+  getGhostEl(): HTMLElement | undefined;
+  destroyGhostEl(): void;
+  clear(): void;
+  getFrame(el: HTMLElement | SVGElement): ReturnType<MoveableHelper['getFrame']>;
+  getShadowEls(): TargetElement[];
+  updateGroup(els: HTMLElement[]): void;
+  setTargetList(targetList: HTMLElement[]): void;
+  clearMultiSelectStatus(): void;
+  onResizeGroupStart(e: OnResizeGroupStart): void;
+  /**
+   * 多选状态下通过拖拽边框改变大小，所有选中组件会一起改变大小
+   */
+  onResizeGroup(e: OnResizeGroup): void;
+  onDragGroupStart(e: OnDragGroupStart): void;
+  onDragGroup(e: OnDragGroup): void;
+  getUpdatedElRect(el: HTMLElement, parentEl: HTMLElement | null, doc: Document): Rect;
+  /**
+   * 多选状态设置多个节点的快照
+   */
+  private setFramesSnapShot;
+  /**
+   * 流式布局把目标节点复制一份进行拖拽，在拖拽结束前不影响页面原布局样式
+   */
+  private generateGhostEl;
 }
-
+//#endregion
+//#region temp/packages/stage/src/types.d.ts
 type TargetElement = HTMLElement | SVGElement;
 type CanSelect = (el: HTMLElement, event: MouseEvent, stop: () => boolean) => boolean | Promise<boolean>;
 type IsContainer = (el: HTMLElement) => boolean | Promise<boolean>;
@@ -171,812 +173,826 @@ type MarkContainerEnd = () => HTMLElement | null;
 type GetRootContainer = () => HTMLDivElement | undefined;
 type UpdateDragEl = (el: TargetElement, target: TargetElement, container: HTMLElement) => void;
 interface StageCoreConfig {
-    /** 需要对齐的dom节点的CSS选择器字符串 */
-    snapElementQuerySelector?: string;
-    /** 放大倍数，默认1倍 */
-    zoom?: number;
-    canSelect?: CanSelect;
-    isContainer?: IsContainer;
-    containerHighlightClassName?: string;
-    containerHighlightDuration?: number;
-    containerHighlightType?: ContainerHighlightType;
-    moveableOptions?: CustomizeMoveableOptions;
-    /** runtime 的HTML地址，可以是一个HTTP地址，如果和编辑器不同域，需要设置跨域，也可以是一个相对或绝对路径 */
-    runtimeUrl?: string;
-    render?: CustomizeRender;
-    autoScrollIntoView?: boolean;
-    updateDragEl?: UpdateDragEl;
-    disabledDragStart?: boolean;
-    renderType?: RenderType;
-    guidesOptions?: Partial<GuidesOptions>;
-    disabledMultiSelect?: boolean;
-    disabledRule?: boolean;
+  /** 需要对齐的dom节点的CSS选择器字符串 */
+  snapElementQuerySelector?: string;
+  /** 放大倍数，默认1倍 */
+  zoom?: number;
+  canSelect?: CanSelect;
+  isContainer?: IsContainer;
+  containerHighlightClassName?: string;
+  containerHighlightDuration?: number;
+  containerHighlightType?: ContainerHighlightType;
+  moveableOptions?: CustomizeMoveableOptions;
+  /** runtime 的HTML地址，可以是一个HTTP地址，如果和编辑器不同域，需要设置跨域，也可以是一个相对或绝对路径 */
+  runtimeUrl?: string;
+  render?: CustomizeRender;
+  autoScrollIntoView?: boolean;
+  updateDragEl?: UpdateDragEl;
+  disabledDragStart?: boolean;
+  renderType?: RenderType;
+  guidesOptions?: Partial<GuidesOptions$1>;
+  disabledMultiSelect?: boolean;
+  disabledRule?: boolean;
 }
 interface ActionManagerConfig {
-    container: HTMLElement;
-    containerHighlightClassName?: string;
-    containerHighlightDuration?: number;
-    containerHighlightType?: ContainerHighlightType;
-    moveableOptions?: CustomizeMoveableOptions;
-    disabledDragStart?: boolean;
-    disabledMultiSelect?: boolean;
-    canSelect?: CanSelect;
-    isContainer?: IsContainer;
-    getRootContainer: GetRootContainer;
-    getRenderDocument: GetRenderDocument;
-    updateDragEl?: UpdateDragEl;
-    getTargetElement: GetTargetElement;
-    getElementsFromPoint: GetElementsFromPoint;
+  container: HTMLElement;
+  containerHighlightClassName?: string;
+  containerHighlightDuration?: number;
+  containerHighlightType?: ContainerHighlightType;
+  moveableOptions?: CustomizeMoveableOptions;
+  disabledDragStart?: boolean;
+  disabledMultiSelect?: boolean;
+  canSelect?: CanSelect;
+  isContainer?: IsContainer;
+  getRootContainer: GetRootContainer;
+  getRenderDocument: GetRenderDocument;
+  updateDragEl?: UpdateDragEl;
+  getTargetElement: GetTargetElement;
+  getElementsFromPoint: GetElementsFromPoint;
 }
 interface MoveableOptionsManagerConfig {
-    container: HTMLElement;
-    moveableOptions?: MoveableOptions | (() => MoveableOptions);
-    getRootContainer: GetRootContainer;
+  container: HTMLElement;
+  moveableOptions?: MoveableOptions | (() => MoveableOptions);
+  getRootContainer: GetRootContainer;
 }
 interface CustomizeMoveableOptionsCallbackConfig {
-    targetEl: HTMLElement | null;
-    targetElId?: string;
-    targetEls?: HTMLElement[];
-    targetElIds?: string[];
-    isMulti: boolean;
-    document?: Document;
+  targetEl: HTMLElement | null;
+  targetElId?: string;
+  targetEls?: HTMLElement[];
+  targetElIds?: string[];
+  isMulti: boolean;
+  document?: Document;
 }
 interface StageRenderConfig {
-    runtimeUrl?: string;
-    zoom: number | undefined;
-    renderType?: RenderType;
-    customizedRender?: () => Promise<HTMLElement | null | void>;
+  runtimeUrl?: string;
+  zoom: number | undefined;
+  renderType?: RenderType;
+  customizedRender?: () => Promise<HTMLElement | null | void>;
 }
 interface StageMaskConfig {
-    core: StageCore;
+  core: StageCore;
 }
 interface StageDragResizeConfig extends MoveableOptionsManagerConfig {
-    dragResizeHelper: DragResizeHelper;
-    disabledDragStart?: boolean;
-    getRenderDocument: GetRenderDocument;
-    markContainerEnd: MarkContainerEnd;
-    delayedMarkContainer: DelayedMarkContainer;
+  dragResizeHelper: DragResizeHelper;
+  disabledDragStart?: boolean;
+  getRenderDocument: GetRenderDocument;
+  markContainerEnd: MarkContainerEnd;
+  delayedMarkContainer: DelayedMarkContainer;
 }
 interface StageMultiDragResizeConfig extends MoveableOptionsManagerConfig {
-    dragResizeHelper: DragResizeHelper;
-    getRenderDocument: GetRenderDocument;
-    markContainerEnd: MarkContainerEnd;
-    delayedMarkContainer: DelayedMarkContainer;
+  dragResizeHelper: DragResizeHelper;
+  getRenderDocument: GetRenderDocument;
+  markContainerEnd: MarkContainerEnd;
+  delayedMarkContainer: DelayedMarkContainer;
 }
 interface DragResizeHelperConfig {
-    container: HTMLElement;
-    updateDragEl?: UpdateDragEl;
+  container: HTMLElement;
+  updateDragEl?: UpdateDragEl;
 }
 type Rect = {
-    width: number;
-    height: number;
+  width: number;
+  height: number;
 } & Offset;
 interface Offset {
-    left: number;
-    top: number;
+  left: number;
+  top: number;
 }
 interface Point {
-    clientX: number;
-    clientY: number;
+  clientX: number;
+  clientY: number;
 }
 interface GuidesEventData {
-    type: GuidesType;
-    guides: number[];
+  type: GuidesType;
+  guides: number[];
 }
 interface UpdateEventData {
-    data: {
-        el: HTMLElement;
-        style: {
-            width?: number;
-            height?: number;
-            left?: number;
-            top?: number;
-            transform?: {
-                rotate?: string;
-                scale?: string;
-            };
-        };
-        ghostEl?: HTMLElement;
-    }[];
-    parentEl: HTMLElement | null;
+  data: {
+    el: HTMLElement;
+    style: {
+      width?: number;
+      height?: number;
+      left?: number;
+      top?: number;
+      transform?: {
+        rotate?: string;
+        scale?: string;
+      };
+    };
+    ghostEl?: HTMLElement;
+  }[];
+  parentEl: HTMLElement | null;
 }
 interface RemoveEventData {
-    data: {
-        el: HTMLElement;
-    }[];
+  data: {
+    el: HTMLElement;
+  }[];
 }
 interface SortEventData {
-    src: Id;
-    dist: Id;
-    root?: MApp;
+  src: Id;
+  dist: Id;
+  root?: MApp;
 }
 interface UpdateData {
-    config: MNode;
-    parent?: MContainer;
-    parentId?: Id;
-    root: MApp;
+  config: MNode;
+  parent?: MContainer;
+  parentId?: Id;
+  root: MApp;
 }
 interface RemoveData {
-    id: Id;
-    parentId: Id;
-    root: MApp;
+  id: Id;
+  parentId: Id;
+  root: MApp;
 }
 interface Runtime {
-    getApp?: () => Core | undefined;
-    updateRootConfig?: (config: MApp) => void;
-    updatePageId?: (id: Id) => void;
-    select?: (id: Id) => Promise<HTMLElement> | HTMLElement;
-    add?: (data: UpdateData) => void;
-    update?: (data: UpdateData) => void;
-    sortNode?: (data: SortEventData) => void;
-    remove?: (data: RemoveData) => void;
-    [key: string]: any;
+  getApp?: () => Core | undefined;
+  updateRootConfig?: (config: MApp) => void;
+  updatePageId?: (id: Id) => void;
+  select?: (id: Id) => Promise<HTMLElement> | HTMLElement;
+  add?: (data: UpdateData) => void;
+  update?: (data: UpdateData) => void;
+  sortNode?: (data: SortEventData) => void;
+  remove?: (data: RemoveData) => void;
+  [key: string]: any;
 }
 interface Magic {
-    id: string;
-    /** 当前页面的根节点变化时调用该方法，编辑器会同步该el和stage的大小，该方法由stage注入到iframe.contentWindow中 */
-    onPageElUpdate: (el: HTMLElement) => void;
-    onRuntimeReady: (runtime: Runtime) => void;
+  id: string;
+  /** 当前页面的根节点变化时调用该方法，编辑器会同步该el和stage的大小，该方法由stage注入到iframe.contentWindow中 */
+  onPageElUpdate: (el: HTMLElement) => void;
+  onRuntimeReady: (runtime: Runtime) => void;
 }
 interface RuntimeWindow extends Window {
-    magic: Magic;
+  magic: Magic;
 }
 interface StageHighlightConfig {
-    container: HTMLElement;
-    updateDragEl?: UpdateDragEl;
-    getRootContainer: GetRootContainer;
+  container: HTMLElement;
+  updateDragEl?: UpdateDragEl;
+  getRootContainer: GetRootContainer;
 }
 interface TargetShadowConfig {
-    container: HTMLElement;
-    zIndex?: ZIndex;
-    updateDragEl?: UpdateDragEl;
-    idPrefix?: string;
+  container: HTMLElement;
+  zIndex?: ZIndex;
+  updateDragEl?: UpdateDragEl;
+  idPrefix?: string;
 }
 interface RuleOptions {
-    guidesOptions?: Partial<GuidesOptions>;
-    disabledRule?: boolean;
+  guidesOptions?: Partial<GuidesOptions$1>;
+  disabledRule?: boolean;
 }
 interface CoreEvents {
-    mounted: [];
-    'runtime-ready': [runtime: Runtime];
-    'page-el-update': [el: HTMLElement];
-    'change-guides': [data: GuidesEventData];
-    select: [selectedEl: HTMLElement, event: MouseEvent];
-    'multi-select': [selectedElList: HTMLElement[], event: MouseEvent];
-    dblclick: [event: MouseEvent];
-    update: [data: UpdateEventData];
-    sort: [data: SortEventData];
-    'select-parent': [];
-    rerender: [];
-    remove: [data: RemoveEventData];
-    highlight: [highlightEl: HTMLElement];
-    mousemove: [event: MouseEvent];
-    mouseleave: [event: MouseEvent];
-    'drag-start': [event: OnDragStart];
+  mounted: [];
+  'runtime-ready': [runtime: Runtime];
+  'page-el-update': [el: HTMLElement];
+  'change-guides': [data: GuidesEventData];
+  select: [selectedEl: HTMLElement, event: MouseEvent];
+  'multi-select': [selectedElList: HTMLElement[], event: MouseEvent];
+  dblclick: [event: MouseEvent];
+  update: [data: UpdateEventData];
+  sort: [data: SortEventData];
+  'select-parent': [];
+  rerender: [];
+  remove: [data: RemoveEventData];
+  highlight: [highlightEl: HTMLElement];
+  mousemove: [event: MouseEvent];
+  mouseleave: [event: MouseEvent];
+  'drag-start': [event: OnDragStart];
 }
 interface RenderEvents {
-    onload: [];
-    'page-el-update': [el: HTMLElement];
-    'runtime-ready': [runtime: Runtime];
+  onload: [];
+  'page-el-update': [el: HTMLElement];
+  'runtime-ready': [runtime: Runtime];
 }
 interface MaskEvents {
-    scroll: [event: WheelEvent];
-    'change-guides': [
-        data: {
-            type: GuidesType.HORIZONTAL;
-            guides: number[];
-        }
-    ];
+  scroll: [event: WheelEvent];
+  'change-guides': [data: {
+    type: GuidesType.HORIZONTAL;
+    guides: number[];
+  }];
 }
 interface ActionManagerEvents {
-    dblclick: [event: MouseEvent];
-    mousemove: [event: MouseEvent];
-    mouseleave: [event: MouseEvent];
-    highlight: [el: HTMLElement];
-    update: [data: UpdateEventData];
-    sort: [data: SortEventData];
-    remove: [data: RemoveEventData];
-    select: [selectedEl: HTMLElement | null, event: MouseEvent];
-    rerender: [];
-    'select-parent': [];
-    'drag-start': [event: OnDragStart];
-    'multi-update': [data: UpdateEventData];
-    'change-to-select': [id: Id, event: MouseEvent];
-    'before-multi-select': [selectedElList: HTMLElement[]];
-    'before-select': [el: HTMLElement, event: MouseEvent];
-    'multi-select': [selectedElList: HTMLElement[], event: MouseEvent];
-    'get-elements-from-point': [els: HTMLElement[]];
+  dblclick: [event: MouseEvent];
+  mousemove: [event: MouseEvent];
+  mouseleave: [event: MouseEvent];
+  highlight: [el: HTMLElement];
+  update: [data: UpdateEventData];
+  sort: [data: SortEventData];
+  remove: [data: RemoveEventData];
+  select: [selectedEl: HTMLElement | null, event: MouseEvent];
+  rerender: [];
+  'select-parent': [];
+  'drag-start': [event: OnDragStart];
+  'multi-update': [data: UpdateEventData];
+  'change-to-select': [id: Id, event: MouseEvent];
+  'before-multi-select': [selectedElList: HTMLElement[]];
+  'before-select': [el: HTMLElement, event: MouseEvent];
+  'multi-select': [selectedElList: HTMLElement[], event: MouseEvent];
+  'get-elements-from-point': [els: HTMLElement[]];
 }
 interface DrEvents {
-    'update-moveable': [];
-    [AbleActionEventType.REMOVE]: [];
-    [AbleActionEventType.SELECT_PARENT]: [];
-    [AbleActionEventType.RERENDER]: [];
-    'drag-start': [event: OnDragStart];
-    update: [data: UpdateEventData];
-    sort: [data: SortEventData];
+  'update-moveable': [];
+  [AbleActionEventType.REMOVE]: [];
+  [AbleActionEventType.SELECT_PARENT]: [];
+  [AbleActionEventType.RERENDER]: [];
+  'drag-start': [event: OnDragStart];
+  update: [data: UpdateEventData];
+  sort: [data: SortEventData];
 }
 interface MultiDrEvents {
-    'update-moveable': [];
-    'change-to-select': [id: Id, event: MouseEvent];
-    update: [data: UpdateEventData];
+  'update-moveable': [];
+  'change-to-select': [id: Id, event: MouseEvent];
+  update: [data: UpdateEventData];
 }
-
+//#endregion
+//#region temp/packages/stage/src/ActionManager.d.ts
 /**
  * 管理蒙层mask之上的操作：1、监听键盘鼠标事件，判断形成单选、多选、高亮操作；2、管理单选、多选、高亮三个类协同工作。
  * @extends EventEmitter
  */
-declare class ActionManager extends EventEmitter {
-    private dr;
-    private multiDr;
-    private highlightLayer;
-    /** 单选、多选、高亮的容器（蒙层的content） */
-    private container;
-    /** 当前选中的节点 */
-    private selectedEl;
-    /** 多选选中的节点组 */
-    private selectedElList;
-    /** 当前高亮的节点 */
-    private highlightedEl;
-    /** 当前是否处于多选状态 */
-    private isMultiSelectStatus;
-    /** 当拖拽组件到容器上方进入可加入容器状态时，给容器添加的一个class名称 */
-    private containerHighlightClassName;
-    /** 当拖拽组件到容器上方时，需要悬停多久才能将组件加入容器 */
-    private containerHighlightDuration;
-    /** 将组件加入容器的操作方式 */
-    private containerHighlightType?;
-    private isAltKeydown;
-    private getTargetElement;
-    private getElementsFromPoint;
-    private canSelect;
-    private isContainer?;
-    private getRenderDocument;
-    private disabledMultiSelect;
-    private config;
-    private mouseMoveHandler;
-    constructor(config: ActionManagerConfig);
-    disableMultiSelect(): void;
-    enableMultiSelect(): void;
-    /**
-     * 设置水平/垂直参考线
-     * @param type 参考线类型
-     * @param guidelines 参考线坐标数组
-     */
-    setGuidelines(type: GuidesType, guidelines: number[]): void;
-    /**
-     * 清空所有参考线
-     */
-    clearGuides(): void;
-    /**
-     * 更新moveable，外部主要调用场景是元素配置变更、页面大小变更
-     * @param el 变更的元素
-     */
-    updateMoveable(el?: HTMLElement): void;
-    /**
-     * 判断是否单选选中的元素
-     */
-    isSelectedEl(el: HTMLElement): boolean;
-    setSelectedEl(el: HTMLElement | null): void;
-    getSelectedEl(): HTMLElement | null;
-    getSelectedElList(): HTMLElement[];
-    getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined;
-    /**
-     * 获取鼠标下方第一个可选中元素，如果元素层叠，返回到是最上层元素
-     * @param event 鼠标事件
-     * @returns 鼠标下方第一个可选中元素
-     */
-    getElementFromPoint(event: MouseEvent): Promise<HTMLElement | null>;
-    /**
-     * 判断一个元素能否在当前场景被选中
-     * @param el 被判断的元素
-     * @param event 鼠标事件
-     * @param stop 通过该元素如果得知剩下的元素都不可被选中，通知调用方终止对剩下元素的判断
-     * @returns 能否选中
-     */
-    isElCanSelect(el: HTMLElement, event: MouseEvent, stop: () => boolean): Promise<boolean>;
-    /**
-     * 判断一个元素是否可以被多选，如果当前元素是page，则调stop函数告诉调用方不必继续判断其它元素了
-     */
-    canMultiSelect(el: HTMLElement, stop: () => boolean): boolean;
-    select(el: HTMLElement | null, event?: MouseEvent): void;
-    multiSelect(ids: Id[]): void;
-    getHighlightEl(): HTMLElement | undefined;
-    setHighlightEl(el: HTMLElement | undefined): void;
-    highlight(id: Id): void;
-    clearHighlight(): void;
-    /**
-     * 用于在切换选择模式时清除上一次的状态
-     * @param selectType 需要清理的选择模式
-     */
-    clearSelectStatus(selectType: SelectStatus): void;
-    /**
-     * 找到鼠标下方的容器，通过添加className对容器进行标记
-     * @param event 鼠标事件
-     * @param excludeElList 计算鼠标点所在容器时要排除的元素列表
-     */
-    addContainerHighlightClassName(event: MouseEvent, excludeElList: Element[]): Promise<void>;
-    /**
-     * 鼠标拖拽着元素，在容器上方悬停，延迟一段时间后，对容器进行标记，如果悬停时间够长将标记成功，悬停时间短，调用方通过返回的timeoutId取消标记
-     * 标记的作用：1、高亮容器，给用户一个加入容器的交互感知；2、释放鼠标后，通过标记的标志找到要加入的容器
-     * @param event 鼠标事件
-     * @param excludeElList 计算鼠标所在容器时要排除的元素列表
-     * @returns timeoutId，调用方在鼠标移走时要取消该timeout，阻止标记
-     */
-    delayedMarkContainer(event: MouseEvent, excludeElList?: Element[]): NodeJS.Timeout | undefined;
-    getDragStatus(): StageDragStatus | undefined;
-    updateMoveableOptions(): void;
-    destroy(): void;
-    on<Name extends keyof ActionManagerEvents, Param extends ActionManagerEvents[Name]>(eventName: Name, listener: (...args: Param) => void): this;
-    emit<Name extends keyof ActionManagerEvents, Param extends ActionManagerEvents[Name]>(eventName: Name, ...args: Param): boolean;
-    private createDr;
-    private createMultiDr;
-    private changeCallback;
-    /**
-     * 在执行多选逻辑前，先准备好多选选中元素
-     * @param el 新选中的元素
-     * @returns 多选选中的元素列表
-     */
-    private beforeMultiSelect;
-    /**
-     * 当前状态下能否将组件加入容器，默认是鼠标悬停一段时间加入，alt模式则是按住alt+鼠标悬停一段时间加入
-     */
-    private canAddToContainer;
-    /**
-     * 结束对container的标记状态
-     * @returns 标记的容器元素，没有标记的容器时返回null
-     */
-    private markContainerEnd;
-    private initMouseEvent;
-    /**
-     * 初始化键盘事件监听
-     */
-    private initKeyEvent;
-    /**
-     * 在down事件中集中cpu处理画布中选中操作渲染，在up事件中再通知外面的编辑器更新
-     */
-    private mouseDownHandler;
-    private isStopTriggerSelect;
-    /**
-     * 在up事件中负责对外通知选中事件，通知画布之外的编辑器更新
-     */
-    private mouseUpHandler;
-    private mouseLeaveHandler;
-    private mouseWheelHandler;
-    private dblclickHandler;
+declare class ActionManager extends EventEmitter$1 {
+  private dr;
+  private multiDr;
+  private highlightLayer;
+  /** 单选、多选、高亮的容器（蒙层的content） */
+  private container;
+  /** 当前选中的节点 */
+  private selectedEl;
+  /** 多选选中的节点组 */
+  private selectedElList;
+  /** 当前高亮的节点 */
+  private highlightedEl;
+  /** 当前是否处于多选状态 */
+  private isMultiSelectStatus;
+  /** 当拖拽组件到容器上方进入可加入容器状态时，给容器添加的一个class名称 */
+  private containerHighlightClassName;
+  /** 当拖拽组件到容器上方时，需要悬停多久才能将组件加入容器 */
+  private containerHighlightDuration;
+  /** 将组件加入容器的操作方式 */
+  private containerHighlightType?;
+  private isAltKeydown;
+  private getTargetElement;
+  private getElementsFromPoint;
+  private canSelect;
+  private isContainer?;
+  private getRenderDocument;
+  private disabledMultiSelect;
+  private config;
+  private mouseMoveHandler;
+  constructor(config: ActionManagerConfig);
+  disableMultiSelect(): void;
+  enableMultiSelect(): void;
+  /**
+   * 设置水平/垂直参考线
+   * @param type 参考线类型
+   * @param guidelines 参考线坐标数组
+   */
+  setGuidelines(type: GuidesType, guidelines: number[]): void;
+  /**
+   * 清空所有参考线
+   */
+  clearGuides(): void;
+  /**
+   * 更新moveable，外部主要调用场景是元素配置变更、页面大小变更
+   * @param el 变更的元素
+   */
+  updateMoveable(el?: HTMLElement): void;
+  /**
+   * 判断是否单选选中的元素
+   */
+  isSelectedEl(el: HTMLElement): boolean;
+  setSelectedEl(el: HTMLElement | null): void;
+  getSelectedEl(): HTMLElement | null;
+  getSelectedElList(): HTMLElement[];
+  getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined;
+  /**
+   * 获取鼠标下方第一个可选中元素，如果元素层叠，返回到是最上层元素
+   * @param event 鼠标事件
+   * @returns 鼠标下方第一个可选中元素
+   */
+  getElementFromPoint(event: MouseEvent): Promise<HTMLElement | null>;
+  /**
+   * 判断一个元素能否在当前场景被选中
+   * @param el 被判断的元素
+   * @param event 鼠标事件
+   * @param stop 通过该元素如果得知剩下的元素都不可被选中，通知调用方终止对剩下元素的判断
+   * @returns 能否选中
+   */
+  isElCanSelect(el: HTMLElement, event: MouseEvent, stop: () => boolean): Promise<boolean>;
+  /**
+   * 判断一个元素是否可以被多选，如果当前元素是page，则调stop函数告诉调用方不必继续判断其它元素了
+   */
+  canMultiSelect(el: HTMLElement, stop: () => boolean): boolean;
+  select(el: HTMLElement | null, event?: MouseEvent): void;
+  multiSelect(ids: Id[]): void;
+  getHighlightEl(): HTMLElement | undefined;
+  setHighlightEl(el: HTMLElement | undefined): void;
+  highlight(id: Id): void;
+  clearHighlight(): void;
+  /**
+   * 用于在切换选择模式时清除上一次的状态
+   * @param selectType 需要清理的选择模式
+   */
+  clearSelectStatus(selectType: SelectStatus): void;
+  /**
+   * 找到鼠标下方的容器，通过添加className对容器进行标记
+   * @param event 鼠标事件
+   * @param excludeElList 计算鼠标点所在容器时要排除的元素列表
+   */
+  addContainerHighlightClassName(event: MouseEvent, excludeElList: Element[]): Promise<void>;
+  /**
+   * 鼠标拖拽着元素，在容器上方悬停，延迟一段时间后，对容器进行标记，如果悬停时间够长将标记成功，悬停时间短，调用方通过返回的timeoutId取消标记
+   * 标记的作用：1、高亮容器，给用户一个加入容器的交互感知；2、释放鼠标后，通过标记的标志找到要加入的容器
+   * @param event 鼠标事件
+   * @param excludeElList 计算鼠标所在容器时要排除的元素列表
+   * @returns timeoutId，调用方在鼠标移走时要取消该timeout，阻止标记
+   */
+  delayedMarkContainer(event: MouseEvent, excludeElList?: Element[]): NodeJS.Timeout | undefined;
+  getDragStatus(): StageDragStatus | undefined;
+  updateMoveableOptions(): void;
+  destroy(): void;
+  on<Name extends keyof ActionManagerEvents, Param extends ActionManagerEvents[Name]>(eventName: Name, listener: (...args: Param) => void): this;
+  emit<Name extends keyof ActionManagerEvents, Param extends ActionManagerEvents[Name]>(eventName: Name, ...args: Param): boolean;
+  private createDr;
+  private createMultiDr;
+  private changeCallback;
+  /**
+   * 在执行多选逻辑前，先准备好多选选中元素
+   * @param el 新选中的元素
+   * @returns 多选选中的元素列表
+   */
+  private beforeMultiSelect;
+  /**
+   * 当前状态下能否将组件加入容器，默认是鼠标悬停一段时间加入，alt模式则是按住alt+鼠标悬停一段时间加入
+   */
+  private canAddToContainer;
+  /**
+   * 结束对container的标记状态
+   * @returns 标记的容器元素，没有标记的容器时返回null
+   */
+  private markContainerEnd;
+  private initMouseEvent;
+  /**
+   * 初始化键盘事件监听
+   */
+  private initKeyEvent;
+  /**
+   * 在down事件中集中cpu处理画布中选中操作渲染，在up事件中再通知外面的编辑器更新
+   */
+  private mouseDownHandler;
+  private isStopTriggerSelect;
+  /**
+   * 在up事件中负责对外通知选中事件，通知画布之外的编辑器更新
+   */
+  private mouseUpHandler;
+  private mouseLeaveHandler;
+  private mouseWheelHandler;
+  private dblclickHandler;
 }
-
-declare class Rule extends EventEmitter {
-    hGuides?: Guides;
-    vGuides?: Guides;
-    horizontalGuidelines: number[];
-    verticalGuidelines: number[];
-    private container?;
-    private containerResizeObserver?;
-    private isShowGuides;
-    private guidesOptions?;
-    constructor(container: HTMLDivElement, options?: RuleOptions);
-    /**
-     * 是否显示辅助线
-     * @param isShowGuides 是否显示
-     */
-    showGuides(isShowGuides?: boolean): void;
-    setGuides([hLines, vLines]: [number[], number[]]): void;
-    /**
-     * 清空所有参考线
-     */
-    clearGuides(): void;
-    /**
-     * 是否显示标尺
-     * @param show 是否显示
-     */
-    showRule(show?: boolean): void;
-    scrollRule(scrollTop: number): void;
-    destroy(): void;
-    destroyGuides(): void;
-    private getGuidesStyle;
-    private createGuides;
-    private hGuidesChangeGuidesHandler;
-    private vGuidesChangeGuidesHandler;
+//#endregion
+//#region temp/packages/stage/src/Rule.d.ts
+declare class Rule extends EventEmitter$1 {
+  hGuides?: Guides;
+  vGuides?: Guides;
+  horizontalGuidelines: number[];
+  verticalGuidelines: number[];
+  private container?;
+  private containerResizeObserver?;
+  private isShowGuides;
+  private guidesOptions?;
+  constructor(container: HTMLDivElement, options?: RuleOptions);
+  /**
+   * 是否显示辅助线
+   * @param isShowGuides 是否显示
+   */
+  showGuides(isShowGuides?: boolean): void;
+  setGuides([hLines, vLines]: [number[], number[]]): void;
+  /**
+   * 清空所有参考线
+   */
+  clearGuides(): void;
+  /**
+   * 是否显示标尺
+   * @param show 是否显示
+   */
+  showRule(show?: boolean): void;
+  scrollRule(scrollTop: number): void;
+  destroy(): void;
+  destroyGuides(): void;
+  private getGuidesStyle;
+  private createGuides;
+  private hGuidesChangeGuidesHandler;
+  private vGuidesChangeGuidesHandler;
 }
-
+//#endregion
+//#region temp/packages/stage/src/StageMask.d.ts
 /**
  * 蒙层
  * @description 用于拦截页面的点击动作，避免点击时触发组件自身动作；在编辑器中点击组件应当是选中组件；
  */
 declare class StageMask extends Rule {
-    content: HTMLDivElement;
-    wrapper: HTMLDivElement;
-    page: HTMLElement | null;
-    scrollTop: number;
-    scrollLeft: number;
-    width: number;
-    height: number;
-    wrapperHeight: number;
-    wrapperWidth: number;
-    maxScrollTop: number;
-    maxScrollLeft: number;
-    private mode;
-    private pageScrollParent;
-    private intersectionObserver;
-    private wrapperResizeObserver;
-    constructor(options?: RuleOptions);
-    setMode(mode: Mode): void;
-    /**
-     * 初始化视窗和蒙层监听，监听元素是否在视窗区域、监听mask蒙层所在的wrapper大小变化
-     * @description 初始化视窗和蒙层监听
-     * @param page 页面Dom节点
-     */
-    observe(page: HTMLElement): void;
-    /**
-     * 处理页面大小变更，同步页面和mask大小
-     * @param entries ResizeObserverEntry，获取页面最新大小
-     */
-    pageResize(entries: ResizeObserverEntry[]): void;
-    /**
-     * 监听一个组件是否在画布可视区域内
-     * @param el 被选中的组件，可能是左侧目录树中选中的
-     */
-    observerIntersection(el: HTMLElement): void;
-    /**
-     * 挂载Dom节点
-     * @param el 将蒙层挂载到该Dom节点上
-     */
-    mount(el: HTMLDivElement): void;
-    setLayout(el: HTMLElement): void;
-    scrollIntoView(el: Element): void;
-    /**
-     * 销毁实例
-     */
-    destroy(): void;
-    on<Name extends keyof MaskEvents, Param extends MaskEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
-    emit<Name extends keyof MaskEvents, Param extends MaskEvents[Name]>(eventName: Name, ...args: Param): boolean;
-    /**
-     * 监听选中元素是否在画布可视区域内，如果目标元素不在可视区域内，通过滚动使该元素出现在可视区域
-     */
-    private initObserverIntersection;
-    /**
-     * 监听mask的容器大小变化
-     */
-    private initObserverWrapper;
-    private scroll;
-    private scrollTo;
-    /**
-     * 设置蒙层高度
-     * @param height 高度
-     */
-    private setHeight;
-    /**
-     * 设置蒙层宽度
-     * @param width 宽度
-     */
-    private setWidth;
-    /**
-     * 计算并设置最大滚动宽度
-     */
-    private setMaxScrollLeft;
-    /**
-     * 计算并设置最大滚动高度
-     */
-    private setMaxScrollTop;
-    /**
-     * 修复滚动距离
-     * 由于滚动容器变化等因素，会导致当前滚动的距离不正确
-     */
-    private fixScrollValue;
-    private mouseWheelHandler;
+  content: HTMLDivElement;
+  wrapper: HTMLDivElement;
+  page: HTMLElement | null;
+  scrollTop: number;
+  scrollLeft: number;
+  width: number;
+  height: number;
+  wrapperHeight: number;
+  wrapperWidth: number;
+  maxScrollTop: number;
+  maxScrollLeft: number;
+  private mode;
+  private pageScrollParent;
+  private intersectionObserver;
+  private wrapperResizeObserver;
+  constructor(options?: RuleOptions);
+  setMode(mode: Mode): void;
+  /**
+   * 初始化视窗和蒙层监听，监听元素是否在视窗区域、监听mask蒙层所在的wrapper大小变化
+   * @description 初始化视窗和蒙层监听
+   * @param page 页面Dom节点
+   */
+  observe(page: HTMLElement): void;
+  /**
+   * 处理页面大小变更，同步页面和mask大小
+   * @param entries ResizeObserverEntry，获取页面最新大小
+   */
+  pageResize(entries: ResizeObserverEntry[]): void;
+  /**
+   * 监听一个组件是否在画布可视区域内
+   * @param el 被选中的组件，可能是左侧目录树中选中的
+   */
+  observerIntersection(el: HTMLElement): void;
+  /**
+   * 挂载Dom节点
+   * @param el 将蒙层挂载到该Dom节点上
+   */
+  mount(el: HTMLDivElement): void;
+  setLayout(el: HTMLElement): void;
+  scrollIntoView(el: Element): void;
+  /**
+   * 销毁实例
+   */
+  destroy(): void;
+  on<Name extends keyof MaskEvents, Param extends MaskEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
+  emit<Name extends keyof MaskEvents, Param extends MaskEvents[Name]>(eventName: Name, ...args: Param): boolean;
+  /**
+   * 监听选中元素是否在画布可视区域内，如果目标元素不在可视区域内，通过滚动使该元素出现在可视区域
+   */
+  private initObserverIntersection;
+  /**
+   * 监听mask的容器大小变化
+   */
+  private initObserverWrapper;
+  private scroll;
+  private scrollTo;
+  /**
+   * 设置蒙层高度
+   * @param height 高度
+   */
+  private setHeight;
+  /**
+   * 设置蒙层宽度
+   * @param width 宽度
+   */
+  private setWidth;
+  /**
+   * 计算并设置最大滚动宽度
+   */
+  private setMaxScrollLeft;
+  /**
+   * 计算并设置最大滚动高度
+   */
+  private setMaxScrollTop;
+  /**
+   * 修复滚动距离
+   * 由于滚动容器变化等因素，会导致当前滚动的距离不正确
+   */
+  private fixScrollValue;
+  private mouseWheelHandler;
 }
-
-declare class StageRender extends EventEmitter$1 {
-    /** 组件的js、css执行的环境，直接渲染为当前window，iframe渲染则为iframe.contentWindow */
-    contentWindow: RuntimeWindow | null;
-    runtime: Runtime | null;
-    iframe?: HTMLIFrameElement;
-    nativeContainer?: HTMLDivElement;
-    private runtimeUrl?;
-    private zoom;
-    private renderType;
-    private customizedRender?;
-    constructor({ runtimeUrl, zoom, customizedRender, renderType }: StageRenderConfig);
-    getMagicApi: () => {
-        id: string;
-        onPageElUpdate: (el: HTMLElement) => void;
-        onRuntimeReady: (runtime: Runtime) => void;
-    };
-    add(data: UpdateData): Promise<void>;
-    remove(data: RemoveData): Promise<void>;
-    update(data: UpdateData): Promise<void>;
-    select(ids: Id[]): Promise<void>;
-    setZoom(zoom?: number): void;
-    /**
-     * 挂载Dom节点
-     * @param el 将页面挂载到该Dom节点上
-     */
-    mount(el: HTMLDivElement): Promise<void>;
-    getRuntime: () => Promise<Runtime>;
-    getDocument(): Document | undefined;
-    /**
-     * 通过坐标获得坐标下所有HTML元素数组
-     * @param point 坐标
-     * @returns 坐标下方所有HTML元素数组，会包含父元素直至html，元素层叠时返回顺序是从上到下
-     */
-    getElementsFromPoint(point: Point): HTMLElement[];
-    getTargetElement(id: Id): HTMLElement | null;
-    postTmagicRuntimeReady(): void;
-    reloadIframe(url: string): void;
-    destroyIframe(): void;
-    /**
-     * 销毁实例
-     */
-    destroy(): void;
-    on<Name extends keyof RenderEvents, Param extends RenderEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
-    emit<Name extends keyof RenderEvents, Param extends RenderEvents[Name]>(eventName: Name, ...args: Param): boolean;
-    private createIframe;
-    private createNativeContainer;
-    /**
-     * 在runtime中对被选中的元素进行标记，部分组件有对选中态进行特殊显示的需求
-     * @param el 被选中的元素
-     */
-    private flagSelectedEl;
-    private iframeLoadHandler;
+//#endregion
+//#region temp/packages/stage/src/StageRender.d.ts
+declare class StageRender extends EventEmitter {
+  /** 组件的js、css执行的环境，直接渲染为当前window，iframe渲染则为iframe.contentWindow */
+  contentWindow: RuntimeWindow | null;
+  runtime: Runtime | null;
+  iframe?: HTMLIFrameElement;
+  nativeContainer?: HTMLDivElement;
+  private runtimeUrl?;
+  private zoom;
+  private renderType;
+  private customizedRender?;
+  constructor({
+    runtimeUrl,
+    zoom,
+    customizedRender,
+    renderType
+  }: StageRenderConfig);
+  getMagicApi: () => {
+    id: string;
+    onPageElUpdate: (el: HTMLElement) => void;
+    onRuntimeReady: (runtime: Runtime) => void;
+  };
+  add(data: UpdateData): Promise<void>;
+  remove(data: RemoveData): Promise<void>;
+  update(data: UpdateData): Promise<void>;
+  select(ids: Id[]): Promise<void>;
+  setZoom(zoom?: number): void;
+  /**
+   * 挂载Dom节点
+   * @param el 将页面挂载到该Dom节点上
+   */
+  mount(el: HTMLDivElement): Promise<void>;
+  getRuntime: () => Promise<Runtime>;
+  getDocument(): Document | undefined;
+  /**
+   * 通过坐标获得坐标下所有HTML元素数组
+   * @param point 坐标
+   * @returns 坐标下方所有HTML元素数组，会包含父元素直至html，元素层叠时返回顺序是从上到下
+   */
+  getElementsFromPoint(point: Point): HTMLElement[];
+  getTargetElement(id: Id): HTMLElement | null;
+  postTmagicRuntimeReady(): void;
+  reloadIframe(url: string): void;
+  destroyIframe(): void;
+  /**
+   * 销毁实例
+   */
+  destroy(): void;
+  on<Name extends keyof RenderEvents, Param extends RenderEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
+  emit<Name extends keyof RenderEvents, Param extends RenderEvents[Name]>(eventName: Name, ...args: Param): boolean;
+  private createIframe;
+  private createNativeContainer;
+  /**
+   * 在runtime中对被选中的元素进行标记，部分组件有对选中态进行特殊显示的需求
+   * @param el 被选中的元素
+   */
+  private flagSelectedEl;
+  private iframeLoadHandler;
 }
-
+//#endregion
+//#region temp/packages/stage/src/StageCore.d.ts
 /**
  * 负责管理画布，管理renderer、mask、actionManager三个核心类，并负责统一对外通信，包括提供接口和抛事件
  */
-declare class StageCore extends EventEmitter$1 {
-    container?: HTMLDivElement;
-    renderer: StageRender | null;
-    mask: StageMask | null;
-    actionManager: ActionManager | null;
-    private pageResizeObserver;
-    private autoScrollIntoView;
-    private customizedRender?;
-    constructor(config: StageCoreConfig);
-    /**
-     * 单选选中元素
-     * @param id 选中的id
-     */
-    select(id: Id, event?: MouseEvent): Promise<void>;
-    /**
-     * 多选选中多个元素
-     * @param ids 选中元素的id列表
-     */
-    multiSelect(ids: Id[]): Promise<void>;
-    /**
-     * 高亮选中元素
-     * @param el 要高亮的元素
-     */
-    highlight(id: Id): void;
-    clearHighlight(): void;
-    /**
-     * 更新组件
-     * @param data 更新组件的数据
-     */
-    update(data: UpdateData): Promise<void>;
-    /**
-     * 往画布增加一个组件
-     * @param data 组件信息数据
-     */
-    add(data: UpdateData): Promise<void>;
-    /**
-     * 从画布删除一个组件
-     * @param data 组件信息数据
-     */
-    remove(data: RemoveData): Promise<void>;
-    setZoom(zoom?: number): void;
-    /**
-     * 挂载Dom节点
-     * @param el 将stage挂载到该Dom节点上
-     */
-    mount(el: HTMLDivElement): Promise<void>;
-    /**
-     * 清空所有参考线
-     */
-    clearGuides(): void;
-    /**
-     * @deprecated 废弃接口，建议用delayedMarkContainer代替
-     */
-    getAddContainerHighlightClassNameTimeout(event: MouseEvent, excludeElList?: Element[]): NodeJS.Timeout | undefined;
-    /**
-     * 鼠标拖拽着元素，在容器上方悬停，延迟一段时间后，对容器进行标记，如果悬停时间够长将标记成功，悬停时间短，调用方通过返回的timeoutId取消标记
-     * 标记的作用：1、高亮容器，给用户一个加入容器的交互感知；2、释放鼠标后，通过标记的标志找到要加入的容器
-     * @param event 鼠标事件
-     * @param excludeElList 计算鼠标所在容器时要排除的元素列表
-     * @returns timeoutId，调用方在鼠标移走时要取消该timeout，阻止标记
-     */
-    delayedMarkContainer(event: MouseEvent, excludeElList?: Element[]): NodeJS.Timeout | undefined;
-    getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined;
-    getDragStatus(): _tmagic_editor.StageDragStatus | undefined;
-    disableMultiSelect(): void;
-    enableMultiSelect(): void;
-    reloadIframe(url: string): void;
-    /**
-     * 销毁实例
-     */
-    destroy(): void;
-    on<Name extends keyof CoreEvents, Param extends CoreEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
-    emit<Name extends keyof CoreEvents, Param extends CoreEvents[Name]>(eventName: Name, ...args: Param): boolean;
-    /**
-     * 监听页面大小变化
-     */
-    private observePageResize;
-    private getActionManagerConfig;
-    private initRenderEvent;
-    private initMaskEvent;
-    /**
-     * 初始化操作相关事件监听
-     */
-    private initActionEvent;
-    /**
-     * 初始化ActionManager类本身抛出来的事件监听
-     */
-    private initActionManagerEvent;
-    /**
-     * 初始化DragResize类通过ActionManager抛出来的事件监听
-     */
-    private initDrEvent;
-    /**
-     * 初始化MultiDragResize类通过ActionManager抛出来的事件监听
-     */
-    private initMulDrEvent;
-    /**
-     * 初始化Highlight类通过ActionManager抛出来的事件监听
-     */
-    private initHighlightEvent;
-    /**
-     * 初始化Highlight类通过ActionManager抛出来的事件监听
-     */
-    private initMouseEvent;
+declare class StageCore extends EventEmitter {
+  container?: HTMLDivElement;
+  renderer: StageRender | null;
+  mask: StageMask | null;
+  actionManager: ActionManager | null;
+  private pageResizeObserver;
+  private autoScrollIntoView;
+  private customizedRender?;
+  constructor(config: StageCoreConfig);
+  /**
+   * 单选选中元素
+   * @param id 选中的id
+   */
+  select(id: Id, event?: MouseEvent): Promise<void>;
+  /**
+   * 多选选中多个元素
+   * @param ids 选中元素的id列表
+   */
+  multiSelect(ids: Id[]): Promise<void>;
+  /**
+   * 高亮选中元素
+   * @param el 要高亮的元素
+   */
+  highlight(id: Id): void;
+  clearHighlight(): void;
+  /**
+   * 更新组件
+   * @param data 更新组件的数据
+   */
+  update(data: UpdateData): Promise<void>;
+  /**
+   * 往画布增加一个组件
+   * @param data 组件信息数据
+   */
+  add(data: UpdateData): Promise<void>;
+  /**
+   * 从画布删除一个组件
+   * @param data 组件信息数据
+   */
+  remove(data: RemoveData): Promise<void>;
+  setZoom(zoom?: number): void;
+  /**
+   * 挂载Dom节点
+   * @param el 将stage挂载到该Dom节点上
+   */
+  mount(el: HTMLDivElement): Promise<void>;
+  /**
+   * 清空所有参考线
+   */
+  clearGuides(): void;
+  /**
+   * @deprecated 废弃接口，建议用delayedMarkContainer代替
+   */
+  getAddContainerHighlightClassNameTimeout(event: MouseEvent, excludeElList?: Element[]): NodeJS.Timeout | undefined;
+  /**
+   * 鼠标拖拽着元素，在容器上方悬停，延迟一段时间后，对容器进行标记，如果悬停时间够长将标记成功，悬停时间短，调用方通过返回的timeoutId取消标记
+   * 标记的作用：1、高亮容器，给用户一个加入容器的交互感知；2、释放鼠标后，通过标记的标志找到要加入的容器
+   * @param event 鼠标事件
+   * @param excludeElList 计算鼠标所在容器时要排除的元素列表
+   * @returns timeoutId，调用方在鼠标移走时要取消该timeout，阻止标记
+   */
+  delayedMarkContainer(event: MouseEvent, excludeElList?: Element[]): NodeJS.Timeout | undefined;
+  getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined;
+  getDragStatus(): _tmagic_editor0.StageDragStatus | undefined;
+  disableMultiSelect(): void;
+  enableMultiSelect(): void;
+  reloadIframe(url: string): void;
+  /**
+   * 销毁实例
+   */
+  destroy(): void;
+  on<Name extends keyof CoreEvents, Param extends CoreEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
+  emit<Name extends keyof CoreEvents, Param extends CoreEvents[Name]>(eventName: Name, ...args: Param): boolean;
+  /**
+   * 监听页面大小变化
+   */
+  private observePageResize;
+  private getActionManagerConfig;
+  private initRenderEvent;
+  private initMaskEvent;
+  /**
+   * 初始化操作相关事件监听
+   */
+  private initActionEvent;
+  /**
+   * 初始化ActionManager类本身抛出来的事件监听
+   */
+  private initActionManagerEvent;
+  /**
+   * 初始化DragResize类通过ActionManager抛出来的事件监听
+   */
+  private initDrEvent;
+  /**
+   * 初始化MultiDragResize类通过ActionManager抛出来的事件监听
+   */
+  private initMulDrEvent;
+  /**
+   * 初始化Highlight类通过ActionManager抛出来的事件监听
+   */
+  private initHighlightEvent;
+  /**
+   * 初始化Highlight类通过ActionManager抛出来的事件监听
+   */
+  private initMouseEvent;
 }
-
+//#endregion
+//#region temp/packages/stage/src/MoveableOptionsManager.d.ts
 /**
  * 单选和多选的父类，用于管理moveableOptions
  * @extends EventEmitter
  */
-declare class MoveableOptionsManager extends EventEmitter {
-    /** 布局方式：流式布局、绝对定位、固定定位 */
-    mode: Mode;
-    /** 画布容器 */
-    protected container: HTMLElement;
-    protected options: MoveableOptions;
-    /** 水平参考线 */
-    private horizontalGuidelines;
-    /** 垂直参考线 */
-    private verticalGuidelines;
-    /** 对齐元素集合 */
-    private elementGuidelines;
-    /** 由外部调用方（编辑器）传入进来的moveable默认参数，可以为空，也可以是一个回调函数 */
-    private customizedOptions?;
-    /** 获取整个画布的根元素（在StageCore的mount函数中挂载的container） */
-    private getRootContainer;
-    constructor(config: MoveableOptionsManagerConfig);
-    getOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K];
-    /**
-     * 设置水平/垂直参考线
-     * @param type 参考线类型
-     * @param guidelines 参考线坐标数组
-     */
-    setGuidelines(type: GuidesType, guidelines: number[]): void;
-    /**
-     * 清除横向和纵向的参考线
-     */
-    clearGuides(): void;
-    /**
-     * 设置有哪些元素要辅助对齐
-     * @param selectedElList 选中的元素列表，需要排除在对齐元素之外
-     */
-    protected setElementGuidelines(selectedElList: HTMLElement[]): void;
-    /**
-     * 获取moveable参数
-     * @param isMultiSelect 是否多选模式
-     * @param runtimeOptions 调用时实时传进来的的moveable参数
-     * @returns moveable所需参数
-     */
-    protected getOptions(isMultiSelect: boolean, runtimeOptions?: MoveableOptions): MoveableOptions;
-    /**
-     * 获取单选和多选的moveable公共参数
-     * @returns moveable公共参数
-     */
-    private getDefaultOptions;
-    /**
-     * 获取单选下的差异化参数
-     * @returns {MoveableOptions} moveable options参数
-     */
-    private getSingleOptions;
-    /**
-     * 获取多选下的差异化参数
-     * @returns {MoveableOptions} moveable options参数
-     */
-    private getMultiOptions;
-    /**
-     * 获取业务方自定义的moveable参数
-     */
-    private getCustomizeOptions;
-    /**
-     * 这是给selectParentAbles的回调函数，用于触发选中父元素事件
-     */
-    private actionHandler;
-    /**
-     * 为需要辅助对齐的元素创建div
-     * @param selectedElList 选中的元素列表，需要排除在对齐元素之外
-     * @param allElList 全部元素列表
-     * @returns frame 辅助对齐元素集合的页面片
-     */
-    private createGuidelineElements;
-    /**
-     * 判断一个元素是否在元素列表里面
-     * @param ele 元素
-     * @param eleList 元素列表
-     * @returns 是否在元素列表里面
-     */
-    private isInElementList;
+declare class MoveableOptionsManager extends EventEmitter$1 {
+  /** 布局方式：流式布局、绝对定位、固定定位 */
+  mode: Mode;
+  /** 画布容器 */
+  protected container: HTMLElement;
+  protected options: MoveableOptions;
+  /** 水平参考线 */
+  private horizontalGuidelines;
+  /** 垂直参考线 */
+  private verticalGuidelines;
+  /** 对齐元素集合 */
+  private elementGuidelines;
+  /** 由外部调用方（编辑器）传入进来的moveable默认参数，可以为空，也可以是一个回调函数 */
+  private customizedOptions?;
+  /** 获取整个画布的根元素（在StageCore的mount函数中挂载的container） */
+  private getRootContainer;
+  constructor(config: MoveableOptionsManagerConfig);
+  getOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K];
+  /**
+   * 设置水平/垂直参考线
+   * @param type 参考线类型
+   * @param guidelines 参考线坐标数组
+   */
+  setGuidelines(type: GuidesType, guidelines: number[]): void;
+  /**
+   * 清除横向和纵向的参考线
+   */
+  clearGuides(): void;
+  /**
+   * 设置有哪些元素要辅助对齐
+   * @param selectedElList 选中的元素列表，需要排除在对齐元素之外
+   */
+  protected setElementGuidelines(selectedElList: HTMLElement[]): void;
+  /**
+   * 获取moveable参数
+   * @param isMultiSelect 是否多选模式
+   * @param runtimeOptions 调用时实时传进来的的moveable参数
+   * @returns moveable所需参数
+   */
+  protected getOptions(isMultiSelect: boolean, runtimeOptions?: MoveableOptions): MoveableOptions;
+  /**
+   * 获取单选和多选的moveable公共参数
+   * @returns moveable公共参数
+   */
+  private getDefaultOptions;
+  /**
+   * 获取单选下的差异化参数
+   * @returns {MoveableOptions} moveable options参数
+   */
+  private getSingleOptions;
+  /**
+   * 获取多选下的差异化参数
+   * @returns {MoveableOptions} moveable options参数
+   */
+  private getMultiOptions;
+  /**
+   * 获取业务方自定义的moveable参数
+   */
+  private getCustomizeOptions;
+  /**
+   * 这是给selectParentAbles的回调函数，用于触发选中父元素事件
+   */
+  private actionHandler;
+  /**
+   * 为需要辅助对齐的元素创建div
+   * @param selectedElList 选中的元素列表，需要排除在对齐元素之外
+   * @param allElList 全部元素列表
+   * @returns frame 辅助对齐元素集合的页面片
+   */
+  private createGuidelineElements;
+  /**
+   * 判断一个元素是否在元素列表里面
+   * @param ele 元素
+   * @param eleList 元素列表
+   * @returns 是否在元素列表里面
+   */
+  private isInElementList;
 }
-
+//#endregion
+//#region temp/packages/stage/src/StageDragResize.d.ts
 /**
  * 管理单选操作，响应选中操作，初始化moveableOption参数并初始化moveable，处理moveable回调事件对组件进行更新
  * @extends MoveableOptionsManager
  */
 declare class StageDragResize extends MoveableOptionsManager {
-    /** 目标节点 */
-    private target;
-    /** Moveable拖拽类实例 */
-    private moveable?;
-    /** 拖动状态 */
-    private dragStatus;
-    private dragResizeHelper;
-    private disabledDragStart?;
-    private getRenderDocument;
-    private markContainerEnd;
-    private delayedMarkContainer;
-    constructor(config: StageDragResizeConfig);
-    getTarget(): HTMLElement | null;
-    /**
-     * 将选中框渲染并覆盖到选中的组件Dom节点上方
-     * 当选中的节点不是absolute时，会创建一个新的节点出来作为拖拽目标
-     * @param el 选中组件的Dom节点元素
-     * @param event 鼠标事件
-     */
-    select(el: HTMLElement | null, event?: MouseEvent): void;
-    /**
-     * 初始化选中框并渲染出来
-     */
-    updateMoveable(el?: HTMLElement | null): void;
-    clearSelectStatus(): void;
-    getDragStatus(): StageDragStatus;
-    /**
-     * 销毁实例
-     */
-    destroy(): void;
-    on<Name extends keyof DrEvents, Param extends DrEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
-    emit<Name extends keyof DrEvents, Param extends DrEvents[Name]>(eventName: Name, ...args: Param): boolean;
-    private init;
-    private initMoveable;
-    private bindResizeEvent;
-    private bindDragEvent;
-    private bindRotateEvent;
-    private bindScaleEvent;
-    private sort;
-    private update;
+  /** 目标节点 */
+  private target;
+  /** Moveable拖拽类实例 */
+  private moveable?;
+  /** 拖动状态 */
+  private dragStatus;
+  private dragResizeHelper;
+  private disabledDragStart?;
+  private getRenderDocument;
+  private markContainerEnd;
+  private delayedMarkContainer;
+  constructor(config: StageDragResizeConfig);
+  getTarget(): HTMLElement | null;
+  /**
+   * 将选中框渲染并覆盖到选中的组件Dom节点上方
+   * 当选中的节点不是absolute时，会创建一个新的节点出来作为拖拽目标
+   * @param el 选中组件的Dom节点元素
+   * @param event 鼠标事件
+   */
+  select(el: HTMLElement | null, event?: MouseEvent): void;
+  /**
+   * 初始化选中框并渲染出来
+   */
+  updateMoveable(el?: HTMLElement | null): void;
+  clearSelectStatus(): void;
+  getDragStatus(): StageDragStatus;
+  /**
+   * 销毁实例
+   */
+  destroy(): void;
+  on<Name extends keyof DrEvents, Param extends DrEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
+  emit<Name extends keyof DrEvents, Param extends DrEvents[Name]>(eventName: Name, ...args: Param): boolean;
+  private init;
+  private initMoveable;
+  private bindResizeEvent;
+  private bindDragEvent;
+  private bindRotateEvent;
+  private bindScaleEvent;
+  private sort;
+  private update;
 }
-
+//#endregion
+//#region temp/packages/stage/src/util.d.ts
 declare const getOffset: (el: Element) => Offset;
 declare const getTargetElStyle: (el: TargetElement, zIndex?: ZIndex) => string;
-declare const getAbsolutePosition: (el: HTMLElement, { top, left }: Offset) => {
-    left: number;
-    top: number;
+declare const getAbsolutePosition: (el: HTMLElement, {
+  top,
+  left
+}: Offset) => {
+  left: number;
+  top: number;
 };
 declare const isAbsolute: (style: {
-    position?: string;
+  position?: string;
 }) => boolean;
 declare const isRelative: (style: {
-    position?: string;
+  position?: string;
 }) => boolean;
 declare const isStatic: (style: {
-    position?: string;
+  position?: string;
 }) => boolean;
 declare const isFixed: (style: {
-    position?: string;
+  position?: string;
 }) => boolean;
 declare const isFixedParent: (el: Element) => boolean;
 declare const getMode: (el: Element) => Mode;
@@ -999,31 +1015,31 @@ declare const down: (deltaTop: number, target: TargetElement) => SortEventData;
 declare const up: (deltaTop: number, target: TargetElement) => SortEventData;
 declare const isMoveableButton: (target: Element) => boolean | undefined;
 declare const getMarginValue: (el: Element) => {
-    marginLeft: number;
-    marginTop: number;
+  marginLeft: number;
+  marginTop: number;
 };
 declare const getBorderWidth: (el: Element) => {
-    borderLeftWidth: number;
-    borderRightWidth: number;
-    borderTopWidth: number;
-    borderBottomWidth: number;
+  borderLeftWidth: number;
+  borderRightWidth: number;
+  borderTopWidth: number;
+  borderBottomWidth: number;
 };
-
+//#endregion
+//#region temp/packages/stage/src/MoveableActionsAble.d.ts
 interface AbleCustomizedButton {
-    props: {
-        className?: string;
-        onClick?(e: MouseEvent): void;
-        [key: string]: any;
-    };
-    children: ReturnType<Renderer['createElement']>[];
+  props: {
+    className?: string;
+    onClick?(e: MouseEvent): void;
+    [key: string]: any;
+  };
+  children: ReturnType<Renderer['createElement']>[];
 }
 declare const _default: (handler: (type: AbleActionEventType) => void, customizedButton?: ((react: Renderer) => AbleCustomizedButton)[]) => {
-    name: string;
-    props: never[];
-    always: boolean;
-    events: never[];
-    render(moveable: MoveableManagerInterface<any, any>, React: Renderer): any;
+  name: string;
+  props: never[];
+  always: boolean;
+  events: never[];
+  render(moveable: MoveableManagerInterface<any, any>, React: Renderer): any;
 };
-
-export { AbleActionEventType, CONTAINER_HIGHLIGHT_CLASS_NAME, ContainerHighlightType, DEFAULT_ZOOM, DRAG_EL_ID_PREFIX, GHOST_EL_ID_PREFIX, GuidesType, HIGHLIGHT_EL_ID_PREFIX, Mode, MouseButton, _default as MoveableActionsAble, PAGE_CLASS, RenderType, SELECTED_CLASS, SelectStatus, StageDragResize, StageDragStatus, StageMask, StageRender, ZIndex, addSelectedClassName, StageCore as default, down, getAbsolutePosition, getBorderWidth, getMarginValue, getMode, getOffset, getScrollParent, getTargetElStyle, isAbsolute, isFixed, isFixedParent, isMoveableButton, isRelative, isStatic, removeSelectedClassName, up };
-export type { AbleCustomizedButton, ActionManagerConfig, ActionManagerEvents, CanSelect, CoreEvents, CustomizeMoveableOptions, CustomizeMoveableOptionsCallbackConfig, CustomizeMoveableOptionsFunction, CustomizeRender, DelayedMarkContainer, DrEvents, DragResizeHelperConfig, GetElementsFromPoint, GetRenderDocument, GetRootContainer, GetTargetElement, GuidesEventData, IsContainer, Magic, MarkContainerEnd, MaskEvents, MoveableOptionsManagerConfig, MultiDrEvents, Offset, Point, Rect, RemoveData, RemoveEventData, RenderEvents, RuleOptions, Runtime, RuntimeWindow, SortEventData, StageCoreConfig, StageDragResizeConfig, StageHighlightConfig, StageMaskConfig, StageMultiDragResizeConfig, StageRenderConfig, TargetElement, TargetShadowConfig, UpdateData, UpdateDragEl, UpdateEventData };
+//#endregion
+export { AbleActionEventType, AbleCustomizedButton, ActionManagerConfig, ActionManagerEvents, CONTAINER_HIGHLIGHT_CLASS_NAME, CanSelect, ContainerHighlightType, CoreEvents, CustomizeMoveableOptions, CustomizeMoveableOptionsCallbackConfig, CustomizeMoveableOptionsFunction, CustomizeRender, DEFAULT_ZOOM, DRAG_EL_ID_PREFIX, DelayedMarkContainer, DrEvents, DragResizeHelperConfig, GHOST_EL_ID_PREFIX, GetElementsFromPoint, GetRenderDocument, GetRootContainer, GetTargetElement, GuidesEventData, type GuidesOptions, GuidesType, HIGHLIGHT_EL_ID_PREFIX, IsContainer, Magic, MarkContainerEnd, MaskEvents, Mode, MouseButton, _default as MoveableActionsAble, MoveableOptionsManagerConfig, MultiDrEvents, Offset, PAGE_CLASS, Point, Rect, RemoveData, RemoveEventData, RenderEvents, RenderType, RuleOptions, Runtime, RuntimeWindow, SELECTED_CLASS, SelectStatus, SortEventData, StageCoreConfig, StageDragResize, StageDragResizeConfig, StageDragStatus, StageHighlightConfig, StageMask, StageMaskConfig, StageMultiDragResizeConfig, StageRender, StageRenderConfig, TargetElement, TargetShadowConfig, UpdateData, UpdateDragEl, UpdateEventData, ZIndex, addSelectedClassName, StageCore as default, down, getAbsolutePosition, getBorderWidth, getMarginValue, getMode, getOffset, getScrollParent, getTargetElStyle, isAbsolute, isFixed, isFixedParent, isMoveableButton, isRelative, isStatic, removeSelectedClassName, up };