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(editor): 组件配置width为100%时，水平居中失效

Browse Source
This commit is contained in:
roymondchen 2022-05-27 18:44:15 +08:00 committed by jia000
parent 9addbddd63
commit 4a19017662
1 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/editor/src/services/editor.ts
View File

@ -194,6 +194,20 @@ class Editor extends BaseService {
historyService.empty();
}
if (node?.id) {
this.get<StageCore>('stage')
?.renderer.runtime?.getApp?.()
?.emit(
'editor:select',
{
node,
page,
parent,
},
getNodePath(node.id, this.get<MApp>('root').items),
);
}
this.emit('select', node);
return node!;
@ -504,7 +518,18 @@ class Editor extends BaseService {
return;
}
if (parent.style?.width && node.style?.width) {
if (!node.style) return;
const stage = this.get<StageCore>('stage');
const doc = stage?.renderer.contentWindow?.document;
if (doc) {
const parentEl = doc.getElementById(`${parent.id}`);
const el = doc.getElementById(`${node.id}`);
if (parentEl && el) {
node.style.left = (parentEl.clientWidth - el.clientWidth) / 2;
}
} else if (parent.style && isNumber(parent.style?.width) && isNumber(node.style?.width)) {
node.style.left = (parent.style.width - node.style.width) / 2;
}