forked from github/dataease
21 lines
977 B
TypeScript
21 lines
977 B
TypeScript
|
import { _$ } from './utils'
|
||
|
|
import { mod360 } from './translate'
|
||
|
|
|
||
|
|
// 将组合中的各个子组件拆分出来，并计算它们新的 style
|
||
|
|
export default function decomposeComponent(component, editorRect, parentStyle) {
|
||
|
|
const componentRect = _$(`#component${component.id}`).getBoundingClientRect()
|
||
|
|
// 获取元素的中心点坐标
|
||
|
|
const center = {
|
||
|
|
x: componentRect.left - editorRect.left + componentRect.width / 2 - 1,
|
||
|
|
y: componentRect.top - editorRect.top + componentRect.height / 2 - 1
|
||
|
|
}
|
||
|
|
|
||
|
|
component.style.rotate = mod360(component.style.rotate + parentStyle.rotate)
|
||
|
|
component.style.width = (parseFloat(component.groupStyle.width) / 100) * parentStyle.width
|
||
|
|
component.style.height = (parseFloat(component.groupStyle.height) / 100) * parentStyle.height
|
||
|
|
// 计算出元素新的 top left 坐标
|
||
|
|
component.style.left = center.x - component.style.width / 2
|
||
|
|
component.style.top = center.y - component.style.height / 2
|
||
|
|
component.groupStyle = {}
|
||
|
|
}
|