JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

feat(stage): feat(stage): 新增获取moveable配置的方法

Browse Source 
re #521
This commit is contained in:
roymondchen 2023-07-06 16:29:42 +08:00
parent 9d24069dcd
commit 17101687bf
3 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/stage/src/ActionManager.ts
View File

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

8
packages/stage/src/MoveableOptionsManager.ts
View File

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

10
packages/stage/src/StageCore.ts
View File

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