JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-09-22 23:20:00 +08:00
Code Issues Projects Releases Wiki Activity

fix(stage): 流式布局下，镜像节点zindex应该比选中节点高

Browse Source
This commit is contained in:
roymondchen 2022-05-31 21:42:39 +08:00 committed by jia000
parent 85164ec432
commit 0824602ad2
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/stage/src/StageDragResize.ts
View File

@ -23,7 +23,7 @@ import type { MoveableOptions } from 'moveable';
import Moveable from 'moveable'; import Moveable from 'moveable';
import MoveableHelper from 'moveable-helper'; import MoveableHelper from 'moveable-helper';
import { DRAG_EL_ID_PREFIX, GHOST_EL_ID_PREFIX, GuidesType, Mode } from './const'; import { DRAG_EL_ID_PREFIX, GHOST_EL_ID_PREFIX, GuidesType, Mode, ZIndex } from './const';
import StageCore from './StageCore'; import StageCore from './StageCore';
import type { Offset, SortEventData, StageDragResizeConfig } from './types'; import type { Offset, SortEventData, StageDragResizeConfig } from './types';
import { getAbsolutePosition, getGuideLineFromCache, getMode, getOffset } from './util'; import { getAbsolutePosition, getGuideLineFromCache, getMode, getOffset } from './util';
@ -354,7 +354,7 @@ export default class StageDragResize extends EventEmitter {
const ghostEl = el.cloneNode(true) as HTMLElement; const ghostEl = el.cloneNode(true) as HTMLElement;
const { top, left } = getAbsolutePosition(el, getOffset(el)); const { top, left } = getAbsolutePosition(el, getOffset(el));
ghostEl.id = `${GHOST_EL_ID_PREFIX}${el.id}`; ghostEl.id = `${GHOST_EL_ID_PREFIX}${el.id}`;
ghostEl.style.zIndex = '5'; ghostEl.style.zIndex = ZIndex.GHOST_EL;
ghostEl.style.opacity = '.5'; ghostEl.style.opacity = '.5';
ghostEl.style.position = 'absolute'; ghostEl.style.position = 'absolute';
ghostEl.style.left = `${left}px`; ghostEl.style.left = `${left}px`;
@ -378,7 +378,7 @@ export default class StageDragResize extends EventEmitter {
top: ${offset.top}px; top: ${offset.top}px;
width: ${width}px; width: ${width}px;
height: ${height}px; height: ${height}px;
z-index: 9; z-index: ${ZIndex.DRAG_EL};
`; `;
this.dragEl.id = `${DRAG_EL_ID_PREFIX}${el.id}`; this.dragEl.id = `${DRAG_EL_ID_PREFIX}${el.id}`;

2
packages/stage/src/const.ts
View File

@ -42,6 +42,8 @@ export enum ZIndex {
MASK = '99999', MASK = '99999',
/** 选中的节点 */ /** 选中的节点 */
SELECTED_EL = '666', SELECTED_EL = '666',
GHOST_EL = '700',
DRAG_EL = '9',
} }
/** 鼠标按键 */ /** 鼠标按键 */