@vvfx/sdk 0.1.19-alpha.8 → 0.2.0

package/dist/src/gesture-handler/gizmo/item-create-gizmo.d.ts

@@ -0,0 +1,43 @@
+import { Graphics } from '@pixi/graphics';
+import { Sprite } from '@pixi/sprite';
+import { Gizmo } from './gizmo';
+import { GestureCursorResult, GizmoType, ItemCreateType } from './type';
+import { PageDataUtils } from '../../utils/page-data-utils';
+import { SDKEvents } from '../../sdk';
+import { EventEmitter } from '@galacean/effects';
+export declare class ItemCreateGizmo extends Gizmo {
+    type: GizmoType;
+    _createType: ItemCreateType;
+    /**
+     * 鼠标状态绘制结果
+     */
+    cursorResult: GestureCursorResult;
+    private _pageDataUtils;
+    private _eventEmitter;
+    private graphics;
+    private dragStartPoint;
+    private dragCurrentPoint;
+    private dragStartViewPoint;
+    private isDragging;
+    private frameBox;
+    private frameChildren;
+    private interactiveChildrenBoxes;
+    constructor(utils: PageDataUtils, emitter: EventEmitter<SDKEvents>);
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+    get createType(): ItemCreateType;
+    set createType(type: ItemCreateType);
+    preparationAction(event: MouseEvent): GizmoType | undefined;
+    preAction(event: MouseEvent, isDoubleClick?: boolean): GizmoType | undefined;
+    action(event: MouseEvent): void;
+    endAction(event: MouseEvent): GizmoType | undefined;
+    interruption(): GizmoType | undefined;
+    private resetDragState;
+    actionKey(keyCode: KeyboardEvent): void;
+    endActionKey(keyCode: KeyboardEvent): void;
+    cancelPreparation(): void;
+    refreshResults(): void;
+    getRenderObjects(): (Graphics | Sprite)[];
+    refreshCursorResult(): void;
+    refreshInteractiveChildrenBoxes(): never[] | undefined;
+}

package/dist/src/gesture-handler/gizmo/loading-gizmo.d.ts

@@ -0,0 +1,48 @@
+import type { Sprite } from '@pixi/sprite';
+import { Box2 } from '../../math';
+import { PageDataUtils } from '../../utils/page-data-utils';
+import { Graphics } from '../../wireframe';
+import { Gizmo } from './gizmo';
+import { GestureCursorResult, GizmoType } from './type';
+export type LoadingGizmoTip = {
+    text: string;
+    fontSize?: number;
+    fontFamily?: string;
+    color?: number;
+};
+export type LoadingGizmoItemOptions = {
+    /** Loading 提示文案 */
+    tip?: LoadingGizmoTip;
+    /** 指定 Loading 区域 */
+    loadingBox?: Box2;
+    /** 清理选中 */
+    clearSelected?: boolean;
+};
+export declare class LoadingGizmo extends Gizmo {
+    constructor(utils: PageDataUtils);
+    type: GizmoType;
+    private _pageDataUtils;
+    private _idMap;
+    private createLoadingVFXItem;
+    add(id: string, options?: LoadingGizmoItemOptions): void;
+    delete(id: string): void;
+    /**
+     * 更新指定 loading 元素的提示文案
+     */
+    update(id: string, options: {
+        tip?: LoadingGizmoTip;
+    }): void;
+    cursorResult: GestureCursorResult;
+    initialize(): void;
+    preparationAction(): GizmoType | undefined;
+    preAction(): GizmoType | undefined;
+    action(): void;
+    endAction(): GizmoType | undefined;
+    interruption(): GizmoType | undefined;
+    actionKey(): void;
+    endActionKey(): void;
+    cancelPreparation(): void;
+    refreshResults(): void;
+    getRenderObjects(): (Graphics | Sprite)[];
+    private refreshRenderObjects;
+}

package/dist/src/gesture-handler/gizmo/mask-gizmo.d.ts

@@ -0,0 +1,113 @@
+import { MaskGizmoConfig } from '../../config';
+import { SDKEvents } from '../../sdk';
+import { EventEmitter } from '../../shared';
+import { GizmoUndoRedo } from '../../service/UndoRedo';
+import { PageDataUtils } from '../../utils/page-data-utils';
+import { Application, Graphics, Sprite } from '../../wireframe';
+import { Gizmo } from './gizmo';
+import { GestureCursorResult, GizmoType, MaskResult } from './type';
+/**
+ * 蒙版工具的撤销重做数据类型
+ */
+export type MaskUndoRedoData = {
+    lines: MaskResult['lines'];
+};
+export declare class MaskGizmo extends Gizmo {
+    constructor(utils: PageDataUtils, app: Application, eventEmitter: EventEmitter<SDKEvents>);
+    private _pageDataUtils;
+    private _eventEmitter;
+    private _app;
+    /**
+     * 用于持久化蒙版状态的 RenderTexture
+     */
+    private maskRenderTexture;
+    /**
+     * 用于显示 RenderTexture 的 Sprite
+     */
+    private maskSprite;
+    private _config;
+    private boxGraphics;
+    type: GizmoType;
+    mode: 'paint' | 'erase';
+    /**
+     * 蒙版工具独立的撤销重做实例
+     */
+    private _undoRedo;
+    /**
+     * 存储绘画开始前的数据，用于 undoRedo
+     */
+    private _oldLines;
+    /**
+     * 鼠标状态绘制结果
+     */
+    cursorResult: GestureCursorResult;
+    result: MaskResult;
+    /**
+     * 获取蒙版工具的撤销重做实例
+     */
+    get undoRedo(): GizmoUndoRedo<MaskUndoRedoData>;
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+    get config(): MaskGizmoConfig;
+    set config(config: Partial<MaskGizmoConfig>);
+    /**
+     * 设置模式
+     * @param mode 模式类型：'paint' 表示涂抹，'erase' 表示擦除
+     */
+    setMode(mode: 'paint' | 'erase'): void;
+    initialize(): void;
+    preparationAction(event: MouseEvent): GizmoType | undefined;
+    preAction(event: MouseEvent): GizmoType | undefined;
+    action(event: MouseEvent): void;
+    endAction(): GizmoType | undefined;
+    interruption(): GizmoType | undefined;
+    actionKey(): void;
+    endActionKey(): void;
+    cancelPreparation(): void;
+    refreshResults(): void;
+    getRenderObjects(): (Graphics | Sprite)[];
+    /**
+     * 清理 RenderTexture
+     */
+    private clearRenderObjects;
+    private refreshRenderObjects;
+    /** 刷新指针结果 */
+    private refreshCursorResult;
+    close(): void;
+    clearMask(): void;
+    /**
+     * 撤销操作
+     * @returns 是否成功撤销
+     */
+    undo(): boolean;
+    /**
+     * 重做操作
+     * @returns 是否成功重做
+     */
+    redo(): boolean;
+    /**
+     * 检查是否可以撤销
+     */
+    get canUndo(): boolean;
+    /**
+     * 检查是否可以重做
+     */
+    get canRedo(): boolean;
+    /**
+     * 清空 undoRedo 历史
+     */
+    clearUndoRedo(): void;
+    /**
+     * 加载蒙版图片
+     * @param url 图片地址
+     * @returns Promise<HTMLImageElement>
+     */
+    loadMaskImage(url: string): Promise<HTMLImageElement>;
+    /**
+     * 获取蒙版 base64（异步版本，确保 maskImage 正确加载）
+     * @returns Promise<蒙版图像的 base64 字符串 | null>
+     * @description maskImage 是一张黑白蒙版图片，白色表示主体部分
+     *              输出蒙版：主体色为 maskColor，背景色为白色
+     */
+    getMask(): string | null;
+}

package/dist/src/gesture-handler/gizmo/picture-cut-gizmo.d.ts

@@ -0,0 +1,94 @@
+import { Box2, Vector2 } from '../../math';
+import { SDKEvents } from '../../sdk';
+import { GizmoUndoRedo } from '../../service/UndoRedo';
+import { EventEmitter } from '../../shared';
+import { PageDataUtils } from '../../utils/page-data-utils';
+import { Graphics } from '../../wireframe';
+import { Gizmo } from './gizmo';
+import { GestureCursorResult, GizmoType, PictureCutInteractionParam, PictureCutInteractionType, PictureCutResult } from './type';
+/**
+ * 图片裁切工具的撤销重做数据类型
+ */
+export type PictureCutUndoRedoData = {
+    normalizeCutBox: Box2;
+};
+export declare class PictureCutGizmo extends Gizmo {
+    result: PictureCutResult;
+    interactionParam: PictureCutInteractionParam;
+    graphics: Graphics;
+    /**
+     * @description Shift按键是否按下，用于判断交互
+     */
+    isShiftDown: boolean;
+    _isLockScale: boolean;
+    private _pageDataUtils;
+    private _eventEmitter;
+    readonly type: GizmoType;
+    /**
+     * 图片裁切工具独立的撤销重做实例
+     */
+    private _undoRedo;
+    /**
+     * 存储操作开始前的数据，用于 undoRedo
+     */
+    private _oldNormalizeCutBox;
+    /**
+     * 鼠标状态绘制结果
+     */
+    cursorResult: GestureCursorResult;
+    /**
+     * 获取图片裁切工具的撤销重做实例
+     */
+    get undoRedo(): GizmoUndoRedo<PictureCutUndoRedoData>;
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+    get isLockScale(): boolean;
+    set isLockScale(state: boolean);
+    constructor(utils: PageDataUtils, eventEmitter: EventEmitter<SDKEvents>);
+    preparationAction(event: MouseEvent): GizmoType | undefined;
+    preAction(): GizmoType | undefined;
+    action(event: MouseEvent): void;
+    endAction(event: MouseEvent): GizmoType | undefined;
+    interruption(): GizmoType | undefined;
+    actionKey(keyCode: KeyboardEvent): void;
+    endActionKey(keyCode: KeyboardEvent): void;
+    cancelPreparation(): void;
+    refreshResults(): void;
+    refreshRenderObjects(): Graphics[];
+    /**
+     * 刷新指针结果
+     * @param activeType 交互类型
+     * @param angle 指针方向
+     */
+    refreshCursorResult(activeType: PictureCutInteractionType, angle?: number): void;
+    getRenderObjects(): Graphics[];
+    private refreshInteractionType;
+    getCutInfo(): {
+        cutBox: Box2;
+        itemBox: Box2;
+    } | undefined;
+    getCutBox(): Box2 | undefined;
+    setCutBox(min: Vector2, max: Vector2): Box2 | undefined;
+    /**
+     * 撤销操作
+     * @returns 是否成功撤销
+     */
+    undo(): boolean;
+    /**
+     * 重做操作
+     * @returns 是否成功重做
+     */
+    redo(): boolean;
+    /**
+     * 检查是否可以撤销
+     */
+    get canUndo(): boolean;
+    /**
+     * 检查是否可以重做
+     */
+    get canRedo(): boolean;
+    /**
+     * 清空 undoRedo 历史
+     */
+    clearUndoRedo(): void;
+}

package/dist/src/gesture-handler/gizmo/picture-expand-gizmo.d.ts

@@ -0,0 +1,57 @@
+import { Box2, Vector2 } from '../../math';
+import { SDKEvents } from '../../sdk';
+import { EventEmitter } from '../../shared';
+import { PageDataUtils } from '../../utils/page-data-utils';
+import { Graphics } from '../../wireframe';
+import { Gizmo } from './gizmo';
+import { GestureCursorResult, GizmoType, PictureExpandInteractionParam, PictureExpandInteractionType, PictureExpandResult } from './type';
+export declare class PictureExpandGizmo extends Gizmo {
+    result: PictureExpandResult;
+    interactionParam: PictureExpandInteractionParam;
+    graphics: Graphics;
+    /**
+     * @description Shift按键是否按下，用于判断交互
+     */
+    isShiftDown: boolean;
+    /**
+     * @description 是否锁定宽高比缩放
+     */
+    _isLockScale: boolean;
+    private _pageDataUtils;
+    private _eventEmitter;
+    readonly type: GizmoType;
+    /**
+     * 鼠标状态绘制结果
+     */
+    cursorResult: GestureCursorResult;
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+    get isLockScale(): boolean;
+    set isLockScale(state: boolean);
+    constructor(utils: PageDataUtils, eventEmitter: EventEmitter<SDKEvents>);
+    preparationAction(event: MouseEvent): GizmoType | undefined;
+    preAction(event: MouseEvent, isDoubleClick?: boolean): GizmoType | undefined;
+    action(event: MouseEvent): void;
+    endAction(event: MouseEvent): GizmoType | undefined;
+    interruption(): GizmoType | undefined;
+    actionKey(keyCode: KeyboardEvent): void;
+    endActionKey(keyCode: KeyboardEvent): void;
+    cancelPreparation(): void;
+    refreshResults(): void;
+    refreshRenderObjects(): Graphics[];
+    /**
+     * 刷新指针结果
+     * @param activeType 交互类型
+     * @param point 指针位置
+     * @param dir 指针方向
+     */
+    refreshCursorResult(activeType: PictureExpandInteractionType, angle?: number): void;
+    getRenderObjects(): Graphics[];
+    private refreshInteractionType;
+    getExpandInfo(): {
+        expandBox: Box2;
+        itemBox: Box2;
+    } | undefined;
+    getExpandBox(): Box2 | undefined;
+    setExpandBox(min: Vector2, max: Vector2): Box2 | undefined;
+}

package/dist/src/gesture-handler/gizmo/preference-gizmo.d.ts

@@ -0,0 +1,32 @@
+import { Box2 } from '../../math';
+import type { PageDataUtils } from '../../utils/page-data-utils';
+import { Graphics, Sprite } from '../../wireframe';
+import { Gizmo } from './gizmo';
+import type { GizmoType } from './type';
+export declare class PreferenceGizmo extends Gizmo {
+    safeAreaSprites: Map<string, Sprite>;
+    preparationAction(): GizmoType | undefined;
+    preAction(): GizmoType | undefined;
+    action(): void;
+    endAction(): GizmoType | undefined;
+    interruption(): GizmoType | undefined;
+    actionKey(): void;
+    endActionKey(): void;
+    cancelPreparation(): void;
+    refreshResults(): void;
+    refreshRenderObjects(): void;
+    getRenderObjects(): Graphics[];
+    /**
+    * 遮挡层绘制结果
+    */
+    box: Box2;
+    /**
+     * 视图框图形
+     */
+    private graphics;
+    PageDataUtils: PageDataUtils;
+    readonly type = "preference";
+    constructor(utils: PageDataUtils);
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+}

package/dist/src/gesture-handler/gizmo/selector-gizmo.d.ts

@@ -0,0 +1,101 @@
+import { Graphics } from '@pixi/graphics';
+import '../../wireframe/common/pixi-ext';
+import { Composition } from '../../shared/player';
+import { Gizmo } from './gizmo';
+import type { GizmoType, HitTestResult, SelectorResult } from './type';
+import type { PageDataUtils } from '../../utils/page-data-utils';
+import { Vector2 } from '../../math';
+export declare class SelectorGizmo extends Gizmo {
+    /**
+     * @description 点选绘制结果
+     */
+    result: SelectorResult;
+    /**
+     * @description 选中元素ID
+     */
+    selectedItemIds: string[];
+    /**
+     * @description 可选择子元素父节点序号
+     */
+    activeParentIds: string[];
+    /**
+     * @description 框选鼠标起始点
+     */
+    cursorPoint: Vector2;
+    /**
+     * @description 交互起始点
+     */
+    startPoint: Vector2;
+    /**
+     * @description 预处理鼠标位置
+     */
+    firstClickPoint: Vector2;
+    /**
+     * @description 选择器图形
+     */
+    graphics: Graphics;
+    pageDataUtils: PageDataUtils;
+    clearResult: boolean;
+    readonly type: GizmoType;
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+    constructor(utils: PageDataUtils);
+    actionKey(): void;
+    endActionKey(): void;
+    /**
+     * 获取选择器交互绘制结果
+     * @returns 点选交互信息
+     */
+    getRenderObjects(): Graphics[];
+    /**
+     * 取消预备状态
+     */
+    cancelPreparation(): void;
+    /**
+     * 准备行动事件 - 预选
+     * @param event 鼠标事件
+     */
+    preparationAction(event: MouseEvent, targetType?: GizmoType): GizmoType | undefined;
+    /**
+     * 行动前置事件
+     *   - 二维模式 设置框选起始状态 || 选中元素
+     *   - 三维模式 设置交互起始态 || 选中元素
+     * @description 当未处于预选态时，表明触发框选交互，设置起始点；当处于预选态时，表明触发 transformGizmo.
+     * @param event 鼠标事件
+     */
+    preAction(event: MouseEvent, isDoubleClick?: boolean, firstClickPoint?: Vector2): GizmoType | undefined;
+    /**
+     * 行动事件 - 框选[仅支持2D框选]
+     * @param event 鼠标事件
+     */
+    action(event: MouseEvent): void;
+    endAction(): undefined;
+    addSelectedItem(id: string): string[] | undefined;
+    /**
+     * 交互中断事件 - 清空交互状态, 重新进行交互Gizmo选中
+     * @returns undefined
+     */
+    interruption(): GizmoType | undefined;
+    /**
+     * 射线碰撞结果
+     * @param point 屏幕点坐标
+     * @param cameraState 相机状态
+     * @param isLeftDown 是否为左键
+     * @returns 射线碰撞结果
+     */
+    hitTest(point: Vector2): string[];
+    refreshResultRegions(hitTestResult: HitTestResult): void;
+    reorderHitTestResult(hitTestResult: HitTestResult, playerComposition: Composition): string[];
+    filterSelectedItems(selectedIds: string[]): string[];
+    addActiveParentIds(selectedIds?: string[]): void;
+    resetActiveParentIds(id: string): void;
+    refreshResults(): void;
+    /**
+     * 画板元素点击区域优先处理
+     * 当点击画板左上角 40x20 区域时，强制优先选中画板
+     * @param mouse 鼠标位置
+     * @param currentSelectedIds 当前选中的元素ID列表
+     * @returns 处理后的选中ID列表
+     */
+    preSelectedFrameOutBound(mouse: Vector2, currentSelectedIds: string[]): string[];
+}

package/dist/src/gesture-handler/gizmo/sprite-text-edit-gizmo.d.ts

@@ -0,0 +1,36 @@
+import { Graphics, Text } from '../../wireframe';
+import { Gizmo } from './gizmo';
+import { GizmoType, SpriteTextEditInteractionParam, SpriteTextEditResult, SpriteTextInitParam } from './type';
+import { PageDataUtils } from '../../utils/page-data-utils';
+import { SDKEvents } from '../../sdk';
+import { EventEmitter } from '../../shared';
+export declare class SpriteTextEditGizmo extends Gizmo {
+    readonly type: GizmoType;
+    private _pageDataUtils;
+    private _eventEmitter;
+    graphics: Graphics;
+    editGraphics: Graphics;
+    preSelectedText: Text;
+    result: SpriteTextEditResult;
+    interactionParam: SpriteTextEditInteractionParam;
+    clearPreSelected: boolean;
+    constructor(pageDataUtils: PageDataUtils, emitter: EventEmitter<SDKEvents>);
+    get interactive(): boolean;
+    set interactive(state: boolean);
+    preparationAction(event: MouseEvent): GizmoType | undefined;
+    preAction(): GizmoType | undefined;
+    action(event: MouseEvent): void;
+    endAction(event: MouseEvent): GizmoType | undefined;
+    interruption(): GizmoType | undefined;
+    actionKey(keyCode: KeyboardEvent): void;
+    endActionKey(keyCode: KeyboardEvent): void;
+    cancelPreparation(): void;
+    initResult(initParams: SpriteTextInitParam[]): void;
+    clearResult(): void;
+    setSelected(id: string, index: number): void;
+    setText(id: string, index: number, text: string): void;
+    setChangedState(id: string, index: number, hasChanged: boolean): void;
+    setEditState(id: string, index: number, isEditing: boolean): void;
+    refreshResults(): void;
+    getRenderObjects(): (Graphics | Text)[];
+}

package/dist/src/gesture-handler/gizmo/text-gizmo.d.ts

@@ -0,0 +1,128 @@
+import { Graphics, Sprite } from '../../wireframe';
+import { SDKEvents } from '../../sdk';
+import { EventEmitter } from '../../shared';
+import { Gizmo } from './gizmo';
+import { GestureCursorResult, GizmoType, ScaleParam, TextInteractionParam, TextResult } from './type';
+import { PageDataUtils } from '../../utils/page-data-utils';
+import { Box2, Vector2 } from '../../math';
+import { AdsorptionGizmo } from './adsorption-gizmo';
+import { SelectorGizmo } from './selector-gizmo';
+import { SDKItem } from '../../sdk-item';
+export declare class TextGizmo extends Gizmo {
+    readonly type = "text";
+    private _eventEmitter;
+    /**
+     * @description 用于绘制选中态
+     */
+    textAreaElement: HTMLTextAreaElement;
+    /**
+     * @description 用于绘制选中包围盒
+     */
+    graphics: Graphics;
+    /**
+     * @description 数据刷新工具
+     */
+    private _pageDataUtils;
+    /**
+     * @description 绘制结果
+     */
+    result: TextResult;
+    /**
+     * @description 交互参数
+     */
+    interactionParam: TextInteractionParam;
+    /**
+     * @description 吸附交互器
+     */
+    _adsorptionGizmo: AdsorptionGizmo;
+    /**
+     * @description 鼠标交互样式结果
+     */
+    cursorResult: GestureCursorResult;
+    /**
+     * @description 退出编辑态时忽视交互
+     */
+    ignoreInteraction: boolean;
+    /**
+     * @description 缩放方向
+     */
+    scaleParam?: ScaleParam;
+    rotationSprite: Sprite;
+    cursorPoint: Vector2;
+    private _selectorGizmo;
+    /**
+     * @description 画板包围盒信息
+     */
+    frameBoxes: Map<string, Box2>;
+    /**
+     * @description
+     */
+    toAddedFrameId: string | undefined;
+    /**
+     * @description 需要处理子元素分离的组信息
+     * key: groupId, value: 需要分离的子元素信息
+     */
+    groupsNeedProcess: Map<string, {
+        groupId: string;
+        frameId: string;
+        childrenOutOfFrame: string[];
+    }>;
+    /**
+     * @description 自动布局插入指示器
+     */
+    private autoLayoutIndicator;
+    /**
+     * @description 是否在自动布局拖拽中
+     */
+    private isAutoLayoutDragging;
+    /**
+     * @description 被拖拽元素的原始行列位置（用于自动布局时调整其他元素）
+     */
+    private autoLayoutDragOriginalPosition;
+    /**
+     * @description 待应用的布局位置（用于延迟执行行列修改）
+     */
+    private pendingLayoutPosition;
+    /**
+     * @description 自动布局指示器 Graphics
+     */
+    private autoLayoutGraphics;
+    get interactive(): boolean;
+    set interactive(bool: boolean);
+    constructor(pageDataUtils: PageDataUtils, adsorptionGizmo: AdsorptionGizmo, selectorGizmo: SelectorGizmo, eventEmitter: EventEmitter<SDKEvents>, parent?: HTMLElement | null);
+    preparationAction(event: MouseEvent): GizmoType | undefined;
+    preAction(event: MouseEvent, isDoubleClick?: boolean): GizmoType | undefined;
+    action(event: MouseEvent): void;
+    endAction(event: MouseEvent): GizmoType | undefined;
+    interruption(): GizmoType | undefined;
+    actionKey(keyCode: KeyboardEvent): void;
+    endActionKey(keyCode: KeyboardEvent): void;
+    cancelPreparation(): void;
+    refreshResults(): void;
+    private refreshInteractionParam;
+    refreshCursorResult(): void;
+    getRenderObjects(): (Graphics | Sprite)[];
+    /**
+     * @description 绘制自动布局指示线
+     */
+    private renderAutoLayoutIndicator;
+    private handleInput;
+    private handleBlur;
+    private initInteractionPlane;
+    /**
+     * @description 更新自动布局指示器
+     * 基于鼠标位置实时更新被拖拽元素的 layoutInfos（row 和 column）
+     * 注意：移动过程中只更新被拖拽元素的布局信息，其他元素保持不动
+     * 等到交互结束时再执行整体排布
+     */
+    private updateAutoLayoutIndicator;
+    /**
+     * @description 执行自动布局重排序
+     * 基于更新后的 layoutInfos 重新排布所有元素
+     * @param draggedItem 被拖拽的元素
+     */
+    private executeAutoLayoutReorder;
+    private getTextAlign;
+    refreshFrameBoxes(): void;
+    refreshItemFrameRelationShip(item: SDKItem, mouse: Vector2): string | undefined;
+}