@tmagic/stage 1.8.0-manmanyu.9 → 1.8.0

package/types/index.d.ts

@@ -5,29 +5,28 @@ 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_";
+export declare const GHOST_EL_ID_PREFIX = "ghost_el_";
 /** 拖动的时候需要在蒙层中创建一个占位节点，该节点的id前缀 */
-declare const DRAG_EL_ID_PREFIX = "drag_el_";
+export declare const DRAG_EL_ID_PREFIX = "drag_el_";
 /** 高亮时需要在蒙层中创建一个占位节点，该节点的id前缀 */
-declare const HIGHLIGHT_EL_ID_PREFIX = "highlight_el_";
+export declare const HIGHLIGHT_EL_ID_PREFIX = "highlight_el_";
 /** 闪烁提示时需要在蒙层中创建一个占位节点，该节点的id前缀 */
-declare const FLASH_EL_ID_PREFIX = "flash_el_";
-declare const CONTAINER_HIGHLIGHT_CLASS_NAME = "tmagic-stage-container-highlight";
-declare const PAGE_CLASS = "magic-ui-page";
+export declare const FLASH_EL_ID_PREFIX = "flash_el_";
+export declare const CONTAINER_HIGHLIGHT_CLASS_NAME = "tmagic-stage-container-highlight";
+export declare const PAGE_CLASS = "magic-ui-page";
 /** 默认放到缩小倍数 */
-declare const DEFAULT_ZOOM = 1;
+export declare const DEFAULT_ZOOM = 1;
 /** 参考线类型 */
-declare enum GuidesType {
+export declare enum GuidesType {
   /** 水平 */
   HORIZONTAL = "horizontal",
   /** 垂直 */
   VERTICAL = "vertical"
 }
 /** css z-index */
-declare enum ZIndex {
+export declare enum ZIndex {
   /** 蒙层，用于监听用户操作，需要置于顶层 */
   MASK = "99999",
   /** 选中的节点 */
@@ -37,7 +36,7 @@ declare enum ZIndex {
   HIGHLIGHT_EL = "8"
 }
 /** 鼠标按键 */
-declare enum MouseButton {
+export declare enum MouseButton {
   /** 左键 */
   LEFT = 0,
   /** z中健 */
@@ -46,7 +45,7 @@ declare enum MouseButton {
   RIGHT = 2
 }
 /** 布局方式 */
-declare enum Mode {
+export declare enum Mode {
   /** 绝对定位布局 */
   ABSOLUTE = "absolute",
   /** 固定定位布局 */
@@ -55,32 +54,32 @@ declare enum Mode {
   SORTABLE = "sortable"
 }
 /** 选中节点的class name */
-declare const SELECTED_CLASS = "tmagic-stage-selected-area";
-declare enum AbleActionEventType {
+export declare const SELECTED_CLASS = "tmagic-stage-selected-area";
+export declare enum AbleActionEventType {
   SELECT_PARENT = "select-parent",
   REMOVE = "remove",
   RERENDER = "rerender"
 }
 /** 将组件添加到容器的方式 */
-declare enum ContainerHighlightType {
+export declare enum ContainerHighlightType {
   /** 默认方式：组件在容器上方悬停一段时间后加入 */
   DEFAULT = "default",
   /** 按住alt键，并在容器上方悬停一段时间后加入 */
   ALT = "alt"
 }
-declare enum RenderType {
+export declare enum RenderType {
   IFRAME = "iframe",
   NATIVE = "native"
 }
 /** 选择状态 */
-declare enum SelectStatus {
+export declare enum SelectStatus {
   /** 单选 */
   SELECT = "select",
   /** 多选 */
   MULTI_SELECT = "multiSelect"
 }
 /** 拖动状态 */
-declare enum StageDragStatus {
+export declare enum StageDragStatus {
   /** 开始拖动 */
   START = "start",
   /** 拖动中 */
@@ -158,9 +157,9 @@ declare class DragResizeHelper {
 }
 //#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>;
+export type TargetElement = HTMLElement | SVGElement;
+export type CanSelect = (el: HTMLElement, event: MouseEvent, stop: () => boolean) => boolean | Promise<boolean>;
+export type IsContainer = (el: HTMLElement) => boolean | Promise<boolean>;
 /**
  * 判断当前正在拖动的源是否可以拖入目标容器（用于画布上拖入组件时的容器高亮命中）
  * @param sourceIds 当前正在拖动的源节点 id 列表
@@ -172,21 +171,21 @@ type IsContainer = (el: HTMLElement) => boolean | Promise<boolean>;
  *   - `Id`（string | number）：将拖入目标重定向到该 id 对应的节点
  *   - 其他（`true` / `void` / `undefined`）：按命中的 targetId 正常拖入
  */
-type CanDropIn = (sourceIds: Id[], targetId: Id) => Id | boolean | void;
-type CustomizeRender = (renderer: StageCore) => Promise<HTMLElement | void> | HTMLElement | void;
-type CustomizeMoveableOptionsFunction = (config: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions;
+export type CanDropIn = (sourceIds: Id[], targetId: Id) => Id | boolean | void;
+export type CustomizeRender = (renderer: StageCore) => Promise<HTMLElement | void> | HTMLElement | void;
+export type CustomizeMoveableOptionsFunction = (config: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions;
 /** 业务方自定义的moveableOptions，可以是配置，也可以是回调函数 */
-type CustomizeMoveableOptions = CustomizeMoveableOptionsFunction | MoveableOptions;
+export type CustomizeMoveableOptions = CustomizeMoveableOptionsFunction | MoveableOptions;
 /** render提供给的接口，id转成el */
-type GetTargetElement = (id: Id) => HTMLElement | null;
+export type GetTargetElement = (id: Id) => HTMLElement | null;
 /** render提供的接口，通过坐标获得坐标下所有HTML元素数组 */
-type GetElementsFromPoint = (point: Point) => HTMLElement[];
-type GetRenderDocument = () => Document | undefined;
-type DelayedMarkContainer = (event: MouseEvent, exclude: Element[]) => NodeJS.Timeout | undefined;
-type MarkContainerEnd = () => HTMLElement | null;
-type GetRootContainer = () => HTMLDivElement | undefined;
-type UpdateDragEl = (el: TargetElement, target: TargetElement, container: HTMLElement) => void;
-interface StageCoreConfig {
+export type GetElementsFromPoint = (point: Point) => HTMLElement[];
+export type GetRenderDocument = () => Document | undefined;
+export type DelayedMarkContainer = (event: MouseEvent, exclude?: Element[], isAdd?: boolean) => NodeJS.Timeout | undefined;
+export type MarkContainerEnd = () => HTMLElement | null;
+export type GetRootContainer = () => HTMLDivElement | undefined;
+export type UpdateDragEl = (el: TargetElement, target: TargetElement, container: HTMLElement) => void;
+export interface StageCoreConfig {
   /** 需要对齐的dom节点的CSS选择器字符串 */
   snapElementQuerySelector?: string;
   /** 放大倍数，默认1倍 */
@@ -201,6 +200,11 @@ interface StageCoreConfig {
   containerHighlightClassName?: string;
   containerHighlightDuration?: number;
   containerHighlightType?: ContainerHighlightType;
+  /**
+   * 是否仅在新增组件（从组件列表拖入新组件）时才启用将组件拖入容器，
+   * 开启后在画布中拖动已有组件不会识别容器，默认 false
+   */
+  containerHighlightAddOnly?: boolean;
   moveableOptions?: CustomizeMoveableOptions;
   /** runtime 的HTML地址，可以是一个HTTP地址，如果和编辑器不同域，需要设置跨域，也可以是一个相对或绝对路径 */
   runtimeUrl?: string;
@@ -223,11 +227,13 @@ interface StageCoreConfig {
    */
   disabledFlashTip?: boolean;
 }
-interface ActionManagerConfig {
+export interface ActionManagerConfig {
   container: HTMLElement;
   containerHighlightClassName?: string;
   containerHighlightDuration?: number;
   containerHighlightType?: ContainerHighlightType;
+  /** 见 StageCoreConfig.containerHighlightAddOnly */
+  containerHighlightAddOnly?: boolean;
   moveableOptions?: CustomizeMoveableOptions;
   disabledDragStart?: boolean;
   disabledMultiSelect?: boolean;
@@ -246,12 +252,12 @@ interface ActionManagerConfig {
   getTargetElement: GetTargetElement;
   getElementsFromPoint: GetElementsFromPoint;
 }
-interface MoveableOptionsManagerConfig {
+export interface MoveableOptionsManagerConfig {
   container: HTMLElement;
   moveableOptions?: MoveableOptions | (() => MoveableOptions);
   getRootContainer: GetRootContainer;
 }
-interface CustomizeMoveableOptionsCallbackConfig {
+export interface CustomizeMoveableOptionsCallbackConfig {
   targetEl: HTMLElement | null;
   targetElId?: string;
   targetEls?: HTMLElement[];
@@ -259,49 +265,49 @@ interface CustomizeMoveableOptionsCallbackConfig {
   isMulti: boolean;
   document?: Document;
 }
-interface StageRenderConfig {
+export interface StageRenderConfig {
   runtimeUrl?: string;
   zoom: number | undefined;
   renderType?: RenderType;
   customizedRender?: () => Promise<HTMLElement | null | void>;
 }
-interface StageMaskConfig {
+export interface StageMaskConfig {
   core: StageCore;
 }
-interface StageDragResizeConfig extends MoveableOptionsManagerConfig {
+export interface StageDragResizeConfig extends MoveableOptionsManagerConfig {
   dragResizeHelper: DragResizeHelper;
   disabledDragStart?: boolean;
   getRenderDocument: GetRenderDocument;
   markContainerEnd: MarkContainerEnd;
   delayedMarkContainer: DelayedMarkContainer;
 }
-interface StageMultiDragResizeConfig extends MoveableOptionsManagerConfig {
+export interface StageMultiDragResizeConfig extends MoveableOptionsManagerConfig {
   dragResizeHelper: DragResizeHelper;
   getRenderDocument: GetRenderDocument;
   markContainerEnd: MarkContainerEnd;
   delayedMarkContainer: DelayedMarkContainer;
 }
-interface DragResizeHelperConfig {
+export interface DragResizeHelperConfig {
   container: HTMLElement;
   updateDragEl?: UpdateDragEl;
 }
-type Rect = {
+export type Rect = {
   width: number;
   height: number;
 } & Offset;
-interface Offset {
+export interface Offset {
   left: number;
   top: number;
 }
-interface Point {
+export interface Point {
   clientX: number;
   clientY: number;
 }
-interface GuidesEventData {
+export interface GuidesEventData {
   type: GuidesType;
   guides: number[];
 }
-interface UpdateEventData {
+export interface UpdateEventData {
   data: {
     el: HTMLElement;
     style: {
@@ -318,28 +324,30 @@ interface UpdateEventData {
   }[];
   parentEl: HTMLElement | null;
 }
-interface RemoveEventData {
+export interface RemoveEventData {
   data: {
     el: HTMLElement;
   }[];
 }
-interface SortEventData {
+export interface SortEventData {
   src: Id;
   dist: Id;
   root?: MApp;
 }
-interface UpdateData {
+export interface UpdateData {
   config: MNode;
   parent?: MContainer;
   parentId?: Id;
   root: MApp;
+  /** 插入到父节点 items 中的目标下标；runtime 优先按此同步，避免依赖选中态推算顺序 */
+  index?: number;
 }
-interface RemoveData {
+export interface RemoveData {
   id: Id;
   parentId: Id;
   root: MApp;
 }
-interface Runtime {
+export interface Runtime {
   getApp?: () => Core | undefined;
   updateRootConfig?: (config: MApp) => void;
   updatePageId?: (id: Id) => void;
@@ -350,35 +358,35 @@ interface Runtime {
   remove?: (data: RemoveData) => void;
   [key: string]: any;
 }
-interface Magic {
+export interface Magic {
   id: string;
   /** 当前页面的根节点变化时调用该方法，编辑器会同步该el和stage的大小，该方法由stage注入到iframe.contentWindow中 */
   onPageElUpdate: (el: HTMLElement) => void;
   onRuntimeReady: (runtime: Runtime) => void;
 }
-interface RuntimeWindow extends Window {
+export interface RuntimeWindow extends Window {
   magic: Magic;
 }
-interface StageHighlightConfig {
+export interface StageHighlightConfig {
   container: HTMLElement;
   updateDragEl?: UpdateDragEl;
   getRootContainer: GetRootContainer;
 }
-interface TargetShadowConfig {
+export interface TargetShadowConfig {
   container: HTMLElement;
   zIndex?: ZIndex;
   updateDragEl?: UpdateDragEl;
   idPrefix?: string;
 }
-interface StageFlashHighlightConfig {
+export interface StageFlashHighlightConfig {
   container: HTMLElement;
   updateDragEl?: UpdateDragEl;
 }
-interface RuleOptions {
+export interface RuleOptions {
   guidesOptions?: Partial<GuidesOptions$1>;
   disabledRule?: boolean;
 }
-interface CoreEvents {
+export interface CoreEvents {
   mounted: [];
   'runtime-ready': [runtime: Runtime];
   'page-el-update': [el: HTMLElement];
@@ -396,19 +404,19 @@ interface CoreEvents {
   mouseleave: [event: MouseEvent];
   'drag-start': [event: OnDragStart];
 }
-interface RenderEvents {
+export interface RenderEvents {
   onload: [];
   'page-el-update': [el: HTMLElement];
   'runtime-ready': [runtime: Runtime];
 }
-interface MaskEvents {
+export interface MaskEvents {
   scroll: [event: WheelEvent];
   'change-guides': [data: {
     type: GuidesType.HORIZONTAL;
     guides: number[];
   }];
 }
-interface ActionManagerEvents {
+export interface ActionManagerEvents {
   dblclick: [event: MouseEvent];
   mousemove: [event: MouseEvent];
   mouseleave: [event: MouseEvent];
@@ -427,7 +435,7 @@ interface ActionManagerEvents {
   'multi-select': [selectedElList: HTMLElement[], event: MouseEvent];
   'get-elements-from-point': [els: HTMLElement[]];
 }
-interface DrEvents {
+export interface DrEvents {
   'update-moveable': [];
   [AbleActionEventType.REMOVE]: [];
   [AbleActionEventType.SELECT_PARENT]: [];
@@ -436,7 +444,7 @@ interface DrEvents {
   update: [data: UpdateEventData];
   sort: [data: SortEventData];
 }
-interface MultiDrEvents {
+export interface MultiDrEvents {
   'update-moveable': [];
   'change-to-select': [id: Id, event: MouseEvent];
   update: [data: UpdateEventData];
@@ -467,6 +475,8 @@ declare class ActionManager extends EventEmitter$1 {
   private containerHighlightDuration;
   /** 将组件加入容器的操作方式 */
   private containerHighlightType?;
+  /** 是否仅在新增组件时才启用将组件加入容器 */
+  private containerHighlightAddOnly;
   private isAltKeydown;
   private getTargetElement;
   private getElementsFromPoint;
@@ -557,9 +567,10 @@ declare class ActionManager extends EventEmitter$1 {
    * 标记的作用：1、高亮容器，给用户一个加入容器的交互感知；2、释放鼠标后，通过标记的标志找到要加入的容器
    * @param event 鼠标事件
    * @param excludeElList 计算鼠标所在容器时要排除的元素列表
+   * @param isAdd 当前操作是否为新增组件（从组件列表拖入），开启 containerHighlightAddOnly 时只有新增才会标记
    * @returns timeoutId，调用方在鼠标移走时要取消该timeout，阻止标记
    */
-  delayedMarkContainer(event: MouseEvent, excludeElList?: Element[]): NodeJS.Timeout | undefined;
+  delayedMarkContainer(event: MouseEvent, excludeElList?: Element[], isAdd?: boolean): NodeJS.Timeout | undefined;
   getDragStatus(): StageDragStatus | undefined;
   updateMoveableOptions(): void;
   destroy(): void;
@@ -575,7 +586,9 @@ declare class ActionManager extends EventEmitter$1 {
    */
   private beforeMultiSelect;
   /**
-   * 当前状态下能否将组件加入容器，默认是鼠标悬停一段时间加入，alt模式则是按住alt+鼠标悬停一段时间加入
+   * 当前状态下能否将组件加入容器，默认是鼠标悬停一段时间加入，alt模式则是按住alt+鼠标悬停一段时间加入；
+   * 开启containerHighlightAddOnly时，画布中拖动已有组件不能加入容器
+   * @param isAdd 当前操作是否为新增组件
    */
   private canAddToContainer;
   /**
@@ -693,12 +706,13 @@ declare class StageMask extends Rule {
   setMode(mode: Mode): void;
   /**
    * 初始化视窗和蒙层监听，监听元素是否在视窗区域、监听mask蒙层所在的wrapper大小变化
-   * @description 初始化视窗和蒙层监听
+   * @description 初始化视窗和蒙层监听；切换到新页面 DOM 时重置滚动
    * @param page 页面Dom节点
    */
   observe(page: HTMLElement): void;
   /**
-   * 处理页面大小变更，同步页面和mask大小
+   * 处理页面大小变更，同步页面和 mask 大小
+   * @description 仅处理当前 page 且仍挂载在文档中的 entry；非当前页、已卸载或宽高为 0 的回调会被忽略
    * @param entries ResizeObserverEntry，获取页面最新大小
    */
   pageResize(entries: ResizeObserverEntry[]): void;
@@ -730,6 +744,14 @@ declare class StageMask extends Rule {
   private initObserverWrapper;
   private scroll;
   private scrollTo;
+  /**
+   * 从当前页面同步蒙层宽高，并修正滚动偏移
+   */
+  private syncPageSize;
+  /**
+   * 应用页面尺寸到蒙层；宽高为 0 时忽略，避免切换/布局过程中把 editor-mask 置空
+   */
+  private applyPageSize;
   /**
    * 设置蒙层高度
    * @param height 高度
@@ -767,12 +789,7 @@ declare class StageRender extends EventEmitter {
   private zoom;
   private renderType;
   private customizedRender?;
-  constructor({
-    runtimeUrl,
-    zoom,
-    customizedRender,
-    renderType
-  }: StageRenderConfig);
+  constructor({ runtimeUrl, zoom, customizedRender, renderType }: StageRenderConfig);
   getMagicApi: () => {
     id: string;
     onPageElUpdate: (el: HTMLElement) => void;
@@ -827,7 +844,7 @@ declare class StageRender extends EventEmitter {
 /**
  * 负责管理画布，管理renderer、mask、actionManager三个核心类，并负责统一对外通信，包括提供接口和抛事件
  */
-declare class StageCore extends EventEmitter {
+export default class StageCore extends EventEmitter {
   container?: HTMLDivElement;
   renderer: StageRender | null;
   mask: StageMask | null;
@@ -891,9 +908,10 @@ declare class StageCore extends EventEmitter {
    * 标记的作用：1、高亮容器，给用户一个加入容器的交互感知；2、释放鼠标后，通过标记的标志找到要加入的容器
    * @param event 鼠标事件
    * @param excludeElList 计算鼠标所在容器时要排除的元素列表
+   * @param isAdd 当前操作是否为新增组件（从组件列表拖入），开启 containerHighlightAddOnly 时只有新增才会标记
    * @returns timeoutId，调用方在鼠标移走时要取消该timeout，阻止标记
    */
-  delayedMarkContainer(event: MouseEvent, excludeElList?: Element[]): NodeJS.Timeout | undefined;
+  delayedMarkContainer(event: MouseEvent, excludeElList?: Element[], isAdd?: boolean): NodeJS.Timeout | undefined;
   getMoveableOption<K extends keyof MoveableOptions>(key: K): MoveableOptions[K] | undefined;
   getDragStatus(): import("@tmagic/editor").StageDragStatus | undefined;
   disableMultiSelect(): void;
@@ -918,6 +936,10 @@ declare class StageCore extends EventEmitter {
    * 监听页面大小变化
    */
   private observePageResize;
+  /**
+   * page-el-update 后，若当前选中节点仍在新页面文档中且需要自动滚动，则重新触发 scrollIntoView
+   */
+  private scrollSelectedIntoViewAfterPageUpdate;
   private getActionManagerConfig;
   private initRenderEvent;
   private initMaskEvent;
@@ -1080,38 +1102,43 @@ declare class StageDragResize extends MoveableOptionsManager {
 }
 //#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) => {
+export declare const getOffset: (el: Element) => Offset;
+export declare const getTargetElStyle: (el: TargetElement, zIndex?: ZIndex) => string;
+export declare const getAbsolutePosition: (el: HTMLElement, { top, left }: Offset) => {
   left: number;
   top: number;
 };
-declare const isAbsolute: (style: {
+export declare const isAbsolute: (style: {
   position?: string;
 }) => boolean;
-declare const isRelative: (style: {
+export declare const isRelative: (style: {
   position?: string;
 }) => boolean;
-declare const isStatic: (style: {
+export declare const isStatic: (style: {
   position?: string;
 }) => boolean;
-declare const isFixed: (style: {
+export declare const isFixed: (style: {
   position?: string;
 }) => boolean;
-declare const isFixedParent: (el: Element) => boolean;
-declare const getMode: (el: Element) => Mode;
-declare const getScrollParent: (element: HTMLElement, includeHidden?: boolean) => HTMLElement | null;
-declare const removeSelectedClassName: (doc: Document) => void;
-declare const addSelectedClassName: (el: Element, doc: Document) => void;
+export declare const isFixedParent: (el: Element) => boolean;
+export declare const getMode: (el: Element) => Mode;
+export declare const getScrollParent: (element: HTMLElement, includeHidden?: boolean) => HTMLElement | null;
+/**
+ * 将元素滚动到指定滚动容器的可视区域内（仅垂直方向，滚动最小距离）
+ * @description 与原生 scrollIntoView 不同，只滚动指定的容器自身，不会连带滚动外层祖先滚动容器，
+ * 避免编辑器画布外层容器（如 stage 外层使用 transform 模拟滚动的容器）被浏览器自动滚动导致整个画布位移
+ * @param el 目标元素
+ * @param container 滚动容器
+ */
+export declare const scrollElementIntoView: (el: Element, container: HTMLElement) => void;
+export declare const removeSelectedClassName: (doc: Document) => void;
+export declare const addSelectedClassName: (el: Element, doc: Document) => void;
 /**
  * 下移组件位置
  * @param {number} deltaTop 偏移量
  * @param {Object} detail 当前选中的组件配置
  */
-declare const down: (deltaTop: number, target: TargetElement) => SortEventData;
+export declare const down: (deltaTop: number, target: TargetElement) => SortEventData;
 /**
  * 上移组件位置
  * @param {Array} brothers 处于同一容器下的所有子组件配置
@@ -1119,13 +1146,13 @@ declare const down: (deltaTop: number, target: TargetElement) => SortEventData;
  * @param {number} deltaTop 偏移量
  * @param {Object} detail 当前选中的组件配置
  */
-declare const up: (deltaTop: number, target: TargetElement) => SortEventData;
-declare const isMoveableButton: (target: Element) => boolean | undefined;
-declare const getMarginValue: (el: Element) => {
+export declare const up: (deltaTop: number, target: TargetElement) => SortEventData;
+export declare const isMoveableButton: (target: Element) => boolean | undefined;
+export declare const getMarginValue: (el: Element) => {
   marginLeft: number;
   marginTop: number;
 };
-declare const getBorderWidth: (el: Element) => {
+export declare const getBorderWidth: (el: Element) => {
   borderLeftWidth: number;
   borderRightWidth: number;
   borderTopWidth: number;
@@ -1133,7 +1160,7 @@ declare const getBorderWidth: (el: Element) => {
 };
 //#endregion
 //#region temp/packages/stage/src/MoveableActionsAble.d.ts
-interface AbleCustomizedButton {
+export interface AbleCustomizedButton {
   props: {
     className?: string;
     onClick?(e: MouseEvent): void;
@@ -1149,4 +1176,4 @@ declare const _default: (handler: (type: AbleActionEventType) => void, customize
   render(moveable: MoveableManagerInterface<any, any>, React: Renderer): any;
 };
 //#endregion
-export { AbleActionEventType, AbleCustomizedButton, ActionManagerConfig, ActionManagerEvents, CONTAINER_HIGHLIGHT_CLASS_NAME, CanDropIn, CanSelect, ContainerHighlightType, CoreEvents, CustomizeMoveableOptions, CustomizeMoveableOptionsCallbackConfig, CustomizeMoveableOptionsFunction, CustomizeRender, DEFAULT_ZOOM, DRAG_EL_ID_PREFIX, DelayedMarkContainer, DrEvents, DragResizeHelperConfig, FLASH_EL_ID_PREFIX, 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, StageFlashHighlightConfig, 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 };
+export { type GuidesOptions, _default as MoveableActionsAble, StageDragResize, StageMask, StageRender };